@charset "UTF-8";
.infixs-correios-automatico-calculator {
margin-bottom: 1rem;
margin-top: 1rem;
}
.infixs-correios-automatico-calculator
.infixs-correios-automatico-calculator-title {
margin-bottom: 0.3rem;
font-size: 0.9rem;
font-weight: bold;
}
.infixs-correios-automatico-calculator input.infixs-correios-automatico-input {
max-width: 200px;
min-height: 44px;
height: 44px;
padding-top: 0;
padding-bottom: 0;
padding-left: 44px !important;
padding-right: 28px;
margin-bottom: 0;
}
.infixs-correios-automatico-calculator
.infixs-correios-automatico-calculate-submit {
padding: 0 20px;
margin-top: 0;
margin-bottom: 0;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
}
.infixs-correios-automatico-calculator
.infixs-correios-automatico-calculate-box {
display: flex;
gap: 1rem;
}
.infixs-correios-automatico-calculator
.infixs-correios-automatico-calculate-find-link {
font-size: 12px;
line-height: 1;
margin-top: 8px;
}
.infixs-correios-automatico-shipping-results-address {
font-size: 12px;
line-height: 1;
margin-bottom: 10px;
}
.infixs-correios-automatico-postcode-button-box {
display: flex;
justify-content: center;
align-items: center;
} .infixs-correios-automatico-shipping-results {
margin-top: 1rem;
}
.infixs-correios-automatico-shipping-results-grid > :nth-child(1),
.infixs-correios-automatico-shipping-results-grid > :nth-child(2) {
border-bottom: 1px solid #0002;
}
.infixs-correios-automatico-shipping-results-grid > :nth-child(n + 3) {
padding-top: 0.3rem;
}
.infixs-correios-automatico-shipping-results-grid > :nth-child(odd) {
padding-right: 2rem;
}
.infixs-correios-automatico-shipping-results-empty {
font-size: 0.95rem;
}
.infixs-correios-automatico-shipping-results-grid {
display: inline-grid;
grid-template-columns: auto auto;
}
.infixs-correios-automatico-shipping-results-time {
font-size: 0.85rem;
line-height: normal;
}
.infixs-correios-automatico-shipping-results-method {
font-weight: bold;
}
.infixs-correios-automatico-shipping-results-cost {
color: #046bd2;
font-weight: bold;
} .infixs-correios-automatico-input-text {
position: relative;
}
.infixs-correios-automatico-input-text.infixs-correios-automatico-invalid
.infixs-correios-automatico-input-text-prepend {
color: #ff0000;
}
.infixs-correios-automatico-input-text.infixs-correios-automatico-invalid
input.infixs-correios-automatico-input {
border-color: #ff0000;
}
.infixs-correios-automatico-input-text
.infixs-correios-automatico-input-text-prepend {
position: absolute;
left: 0.4rem;
top: 50%;
transform: translateY(-50%);
display: inline-flex;
line-height: normal;
}
.infixs-correios-automatico-input-text-prepend > svg {
margin-bottom: 0 !important;
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: 32px;
height: 32px;
}
.infixs-correios-automatico-input-text
.infixs-correios-automatico-input-text-append {
position: absolute;
right: 0.35rem;
top: 50%;
transform: translateY(-50%);
color: #046bd2;
display: inline-flex;
line-height: normal;
}
.infixs-correios-automatico-input-text-append
.infixs-correios-automatico-loading {
display: none;
} .infixs-correios-automatico-spin-animation {
animation: infixsCorreiosAutomaticoSpin 1s linear infinite;
} .infxs-correios-automatico-cart-shipping-calculator-visible
.shipping-calculator-button {
display: none !important;
}
.infxs-correios-automatico-cart-shipping-calculator-visible
.woocommerce-shipping-calculator
.shipping-calculator-form {
display: block !important;
}
.infxs-correios-automatico-cart-shipping-calculator-hidden-button
.woocommerce-shipping-calculator
button[name="calc_shipping"] {
display: none !important;
}
@keyframes infixsCorreiosAutomaticoSpin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}.woosb-wrap {
display: block;
width: 100%;
clear: both;
}
.woosb-wrap .woosb-text, .woosb-wrap .woosb-products, .woosb-bundles .woosb-text, .woosb-bundles .woosb-products {
margin: 0 0 15px 0;
}
.woosb-wrap .woosb-text, .woosb-bundles .woosb-text {
white-space: pre-line;
}
.woosb-wrap .woosb-summary {
display: flex;
align-items: center;
justify-content: space-between;
}
.woosb-wrap .woosb-summary .woosb-total {
flex-grow: 1;
}
.woosb-products {
border-width: 1px 0 0 0;
border-style: dotted;
border-color: #e5e5e5;
}
.woosb-products .woosb-item-text {
padding: 10px 0;
margin: 0;
border-bottom: 1px dotted #e5e5e5;
}
.woosb-item-text-type-h1 > h1, .woosb-item-text-type-h2 > h2, .woosb-item-text-type-h3 > h3, .woosb-item-text-type-h4 > h4, .woosb-item-text-type-h5 > h5, .woosb-item-text-type-h6 > h6, .woosb-item-text-type-p > p {
margin: 0 !important;
}
.woosb-products .woosb-product {
display: flex;
align-items: center;
padding: 10px 0;
margin: 0;
border-bottom: 1px dotted #e5e5e5;
}
.woosb-products .woosb-product.woosb-product-hidden {
display: none;
}
.woosb-products[data-exclude-unpurchasable="yes"] .woosb-product.woosb-product-unpurchasable {
display: none;
}
.woosb-products .woosb-product > div {
padding: 0 5px;
}
.woosb-products .woosb-product .woosb-thumb {
width: 50px;
flex: 0 0 50px;
}
.woosb-products .woosb-product .woosb-thumb img {
width: 100%;
max-width: 100%;
height: auto;
display: block;
}
.woosb-products .woosb-product .woosb-quantity {
width: 80px;
flex: 0 0 80px;
}
.woosb-products .woosb-product .woosb-quantity.woosb-quantity-plus-minus {
width: 130px;
flex: 0 0 130px;
}
.woosb-products .woosb-product .woosb-quantity label {
display: none;
}
.woosb-products .woosb-product .woosb-quantity input {
width: 100%;
min-width: 40px;
text-align: center;
}
.woosb-products .woosb-product .woosb-price {
width: 100px;
flex: 0 0 100px;
text-align: end;
}
.woosb-products .woosb-product .woosb-price * {
font-size: inherit !important;
}
.woosb-products .woosb-product .woosb-price del {
opacity: .5;
text-decoration: line-through;
}
.woosb-products .woosb-product .woosb-price del span {
text-decoration: line-through;
}
.woosb-products .woosb-product .woosb-price ins {
font-weight: normal;
}
.woosb-products .woosb-product .woosb-price .amount {
display: inline-block;
}
.woosb-products .woosb-product .woosb-title {
flex-grow: 1;
text-align: start;
}
.woosb-products .woosb-product .woosb-title .woosb-name {
display: block;
overflow: hidden;
}
.woosb-products .woosb-product .woosb-title .woosb-name a {
text-decoration: none;
box-shadow: none;
}
.woosb-products .woosb-product .woosb-title .woosb-price {
width: auto;
flex: 0 0 auto;
text-align: inherit;
}
.woosb-products .woosb-product .woosb-title .woovr-variations-select .woovr-variation-image, .woosb-products .woosb-product .woosb-title .woovr-variations-select .woovr-variation-price {
display: none !important;
}
.woosb-products .woosb-product .variations_form {
margin: 0;
padding: 0;
}
.woosb-products .woosb-product .woosb-title .stock {
font-size: 14px;
margin: 0;
padding: 0;
}
.woosb-products .woosb-product .woosb-title .stock.in-stock {
color: green;
}
.woosb-products .woosb-product .woosb-title .stock.available-on-backorder {
color: orange;
}
.woosb-products .woosb-product .woosb-title .stock.out-of-stock {
color: red;
}
.woosb-products .woosb-product .woosb-description, .woosb-products .woosb-product .woosb-variation-description {
font-size: 14px;
}
.woosb-products .woosb-product .variations_form .variations {
display: inline-block;
margin: 0 -3px;
padding: 0;
}
.woosb-products .woosb-product .variations_form .variations .variation {
display: inline-block;
border-width: 1px;
border-style: solid;
border-color: #e5e5e5;
padding: 5px 10px;
margin: 5px 3px 0 3px;
max-width: 100%;
border-radius: 2px;
float: none;
vertical-align: top;
}
.woosb-products .woosb-product .variations_form .variations .variation > div {
display: block;
}
.woosb-products .woosb-product .variations_form .variations .reset {
display: inline-block;
}
.woosb-products .woosb-product .variations_form .variations .variation:last-child {
margin-bottom: 0;
}
.woosb-products .woosb-product .variations_form .variations .variation .label {
font-size: 12px;
line-height: 1;
}
.woosb-products .woosb-product .variations_form .variations .variation .value {
line-height: 1;
}
.woosb-products .woosb-product .variations_form .variations .variation .value select {
width: 100%;
height: auto;
line-height: 1;
padding: 0 16px 0 0;
margin: 0;
background-color: transparent;
border-radius: 0;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNEQzN0Y2NTY0NjcxMUU3QjU5NUI5N0U0NjlDMTIzNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNEQzN0Y2NjY0NjcxMUU3QjU5NUI5N0U0NjlDMTIzNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY0RDM3RjYzNjQ2NzExRTdCNTk1Qjk3RTQ2OUMxMjM2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY0RDM3RjY0NjQ2NzExRTdCNTk1Qjk3RTQ2OUMxMjM2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pzgqpQAAADdJREFUeNpirKioWMDAwBDPgAoWMQGJLCC+hiR4HYgzQRLfgDgUSoNwCIhmgaq6BtXJCNMNEGAAbM0MK7OUU3AAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: auto;
}
.woosb-products .woosb-product .variations_form .variations a.reset_variations {
margin: 0;
font-size: 12px;
}
.woosb-item-child .product-price .amount, .woosb-item-child .product-price .tax_label,
.woosb-item-child .product-subtotal .amount, .woosb-item-child .product-subtotal .tax_label,
.woosb-item-child .product-total .amount, .woosb-item-child .product-total .tax_label {
opacity: .3;
}
.woosb-alert {
padding: 6px 10px 6px 14px;
border-left: 4px solid #222;
background-color: #eeeeee;
font-size: 14px;
}
body.woocommerce-no-js .woosb-wrap + form.cart {
display: none;
}
.woosb-disabled {
opacity: .5 !important;
pointer-events: none !important;
cursor: not-allowed !important;
}
.woosb-quantity-input {
display: flex;
align-items: center;
}
.woosb-quantity-input .quantity {
flex-grow: 1;
height: auto;
margin: 0;
}
.woosb-quantity-plus-minus .plus, .woosb-quantity-plus-minus .minus, .woosb-quantity-plus-minus .quantity-minus, .woosb-quantity-plus-minus .quantity-plus, .woosb-quantity-plus-minus .plus-btn, .woosb-quantity-plus-minus .minus-btn {
display: none !important;
}
.woosb-quantity-input-plus, .woosb-quantity-input-minus {
width: 40px;
height: 40px;
flex: 0 0 40px;
line-height: 38px;
text-align: center;
cursor: pointer;
background-color: #fefefe;
border: 1px solid #e5e5e5;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.woosb-quantity-input .woosb-qty {
width: 100%;
min-width: 40px;
height: 40px;
line-height: 38px;
margin: 0;
padding: 0 5px;
box-shadow: none;
border-width: 1px 0;
border-style: solid;
border-color: #e5e5e5;
border-radius: 0;
background-color: #fefefe;
-moz-appearance: textfield;
}
.woosb-quantity-input .woosb-qty:focus {
outline: none;
outline-color: transparent;
}
.woosb-quantity-input-plus:hover, .woosb-quantity-input-minus:hover {
background-color: #f0f0f0;
}
.woosb-quantity-input input::-webkit-outer-spin-button, .woosb-quantity-input input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} .woosb-products[class*="woosb-products-layout-grid"] {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
border: none;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-item-text {
width: 100%;
margin: 10px;
padding: 10px 0;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product {
width: calc(50% - 20px);
margin: 10px;
padding: 10px;
border: 1px solid #dddddd;
font-size: 14px;
text-align: center;
position: relative;
display: flex;
flex-direction: column;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product:hover {
border-color: green;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product .woosb-name {
font-weight: 700;
}
.woosb-products.woosb-products-layout-grid-1 .woosb-product {
width: calc(100% - 20px);
}
.woosb-products.woosb-products-layout-grid-3 .woosb-product {
width: calc(100% / 3 - 20px);
}
.woosb-products.woosb-products-layout-grid-4 .woosb-product {
width: calc(25% - 20px);
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product > div {
width: 100% !important;
flex: 0 0 auto !important;
text-align: center;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
margin-bottom: 5px;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product > div:last-child {
margin-bottom: 0;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product select {
text-align: center;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product .variations_form .variations .reset {
display: none;
}
@media only screen and (max-width: 767px) {
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product {
width: calc(50% - 20px);
}
}
@media only screen and (max-width: 479px) {
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product {
width: calc(100% - 20px);
}
} body.rtl .woosb-alert {
padding: 6px 14px 6px 10px;
border-right: 4px solid #222;
border-left: none;
}.woo-slg-login-error,
.woo-slg-login-success,
.woo-slg-login-otp-success,
.woo-slg-login-loader,
.woo-slg-login-email-error,.woo-slg-login-email-otp-error{
display:none;
}
.woo-slg-login-error,
.woo-slg-login-success,
.woo-slg-login-otp-success,
.woo-slg-login-email-error,
.woo-slg-login-email-otp-error
{
clear: both;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #F1ACAC;
border: 1px solid #EE4B4B;
margin-bottom: 1.650em;
box-shadow: 0px 2px 2px 2px #ccc;
padding: 8px 5px 8px 8px;
}
.woo-slg-login-error span,
.woo-slg-login-email-error span{
display: block;
}
.woo-slg-email-login-container .woo-slg-login-error, .woo-slg-email-login-container .woo-slg-login-email-error, .woo-slg-email-login-container .woo-slg-login-success,.woo-slg-email-login-container .woo-slg-login-otp-success,.woo-slg-email-login-container .woo-slg-login-email-otp-error {
margin-top: 10px;
}
.woo-slg-login-success, .woo-slg-login-otp-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.woo-slg-login-success a, .woo-slg-login-otp-success a {
color: #3c763d !important;
font-weight: bold;
}
.woo-slg-social-wrap img{
outline: 0;
}
.woo-slg-social-container a {
text-decoration: none !important;
}
.woo-slg-login-wrapper {
display:inline-block;
margin-right: 5px;
margin-bottom: 5px;
}
.woo-slg-login-wrapper a {
outline: 0;
}
.woo-slg-clear {
clear: both;
}
.woo-slg-social-container, .woo-slg-email-login-container {	
margin: 0 0 21px;
}
.woo-slg-social-container legend, .woo-slg-email-login-container legend {
display: block;
font-size: 120%;
line-height: 1;
font-weight: 700;
width: 100%;
margin: 0 0 21px;
padding: 0;
}
.woo-slg-widget-content .woo-slg-login-wrapper {
margin-bottom: 5px;
}
.woo-slg-social-container.woo-slg-widget-content{
border:none !important;
}
.woo-slg-hide {
display:none;
}
.woo-slg-social-container-checkout {
border: 1px solid #eee;
padding: 1.2em;
margin: 0 0 21px;
} #woo-slg-social-container-login {	
margin: auto;
padding: 2% 0 2%;
width: 320px;
max-width: 100%
}
.login-area .ps-form #woo-slg-social-container-login {
width: 100%;
margin: 5px auto auto;
}
.ps-page--register #woo-slg-social-container-login {
width: 100%;
margin: 5px auto auto;
}
#register-page + #woo-slg-social-container-login {	
width: auto;
}
#woo-slg-social-container-login span {	
display: block;
font-size: 130%;
line-height: 1;
font-weight: 700;
width: 100%;
margin: 0 0 21px;
padding: 0;
color: #999;
} .woo-slg-info::before {
content: ' ';
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/info-bar.png);
position: absolute;
left: 26px;
top: 18px;
height: 20px;
width: 16px;
background-repeat: no-repeat;
}
.woo-slg-info {
background: #f7f6f7 none repeat scroll 0 0;
border-top: 3px solid #1e85be;
color: #515151;
margin: 0 0 2em !important;
padding: 1em 2em 1em 3.5em !important;
position: relative;
}
.woo-slg-login-page {
margin: 5px auto !important;
max-width: 320px;
content: "";
background: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/ex-col-icon.png) no-repeat scroll 16px 10px;
}
.woo-slg-login-page::before {
content: "" !important;
}
.woo-social-login-linked-profiles thead tr,
.woo-social-login-linked-profiles tfoot tr{
background-color: #f5f5f5;
}
.woo-social-login-linked-profiles thead tr th,
.woo-social-login-linked-profiles tfoot tr th{
padding: 8px 0;
}
.woo-social-login-linked-profiles thead tr th:first-child,
.woo-social-login-linked-profiles tfoot tr th:first-child{
padding: 8px 0 8px 8px;
}
.woo-social-login-linked-profiles tr td img{
vertical-align: middle;
} .woo-slg-social-container .woo-slg-social-btn,
.woo-slg-social-container .woo-slg-social-btn:hover, .woo-slg-social-container .woo-slg-social-btn:active, .woo-slg-social-container .woo-slg-social-btn:visited{
display: inline-block;
padding: 6px 6px 6px 38px;
color: #FFF;
font-size: 11px;
margin-bottom: 5px;
min-width: 188px;
min-height: 34px;
max-width: 188px;
border-radius: 3px;
border: 1px solid rgba(0,0,0,0.2);
text-align: center;
word-wrap: break-word;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
line-height: 22px;
font-weight: bold;
position: relative;
}
.woo-social-link-buttons .woo-slg-social-btn,
.woo-social-link-buttons .woo-slg-social-btn:hover, .woo-social-link-buttons .woo-slg-social-btn:active{
max-width: 250px;
min-width: 250px;
}
.woo-slg-icon{
display: inline-block;
top: 0;
left: 0;
position: absolute;
width: 32px;
height: 100%;
border-right: 1px solid rgba(0, 0, 0, 0.2);
background-repeat: no-repeat;
background-position: center center;
} .woo-slg-social-btn.woo-slg-social-login-facebook {
background-color: #3b5998;
}
.woo-slg-fb-icon {
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/facebook-icon.png);
} .woo-slg-apple-icon {
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/apple-icon.png);
}
.woo-slg-social-btn.woo-slg-social-login-apple {
background-color: #41434d;
} .woo-slg-social-btn.woo-slg-social-login-twitter {
background-color: #55acee;
}
.woo-slg-tw-icon {
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/twitter-icon.png);
} .woo-slg-social-btn.woo-slg-social-login-googleplus {
background-color: #4285f4;
}
.woo-slg-gp-icon {
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/googleplus-icon.png);
} .woo-slg-social-btn.woo-slg-social-login-linkedin {
background-color: #007bb6;
}
.woo-slg-li-icon {
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/linkedin-icon.png);
} .woo-slg-social-btn.woo-slg-social-login-yahoo {
background-color: #720e9e;
}
.woo-slg-yh-icon {
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/yahoo-icon.png);
} .woo-slg-social-btn.woo-slg-social-login-foursquare {
background-color: #f94877;
}
.woo-slg-fs-icon {
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/foursquare-icon.png);
} .woo-slg-social-btn.woo-slg-social-login-windowslive {
background-color: #1283AD;
}
.woo-slg-wl-icon {
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/windowslive-icon.png);
} .woo-slg-social-btn.woo-slg-social-login-vk {
background-color: #587ea3;
}
.woo-slg-vk-icon {
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/vk-icon.png);
} .woo-slg-social-btn.woo-slg-social-login-amazon {
background-color: #FEBC0F;
}
.woo-slg-amz-icon {
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/amazon-icon.png);
} .woo-slg-social-btn.woo-slg-social-login-paypal {
background-color: #36638E;
}
.woo-slg-paypal-icon {
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/paypal-icon.png);
} .woo-slg-social-btn.woo-slg-social-login-line {
background-color: #01c301;
}
.woo-slg-line-icon {
background-image: url(//iao.com.br/wp-content/plugins/woo-social-login/includes/images/line-icon.png);
}
.woo-slg-social-btn {
color: #fff !important;
}
.woo-slg-email-otp-section{
display: block;
text-align: center;
margin: 10px 0;
}
.woo-slg-email-otp-section .woo-slg-otp-input {
margin-bottom: 10px;
}
input#woo-slg-email-login-btn-otp{
display: inline-block;
padding: 15px;
text-align: center;
} .woo-slg-provider{height: 34px;display: inline-block;color: #fff;min-width: 120px;vertical-align: middle;}
.woo-slg-provider .woo-slg-provider-icon{display: inline-block;height: 34px;vertical-align: middle;width: 34px;text-align: center;background: rgba(0, 0, 0, 0.10);}
.woo-slg-provider .woo-slg-provider-icon img{max-height: 20px; margin: 7px auto; display: table;box-shadow: none;}
.woo-slg-provider .woo-slg-provider-name{text-transform: capitalize;padding-left: 7px;font-size: 12px;line-height: 1.2;display: inline-block;font-weight: bold;height: 34px;} .woo-slg-provider.facebook{background: #3b5998;}
.woo-slg-provider.twitter{background: #0084b4;}
.woo-slg-provider.googleplus{background: #4285f4;}
.woo-slg-provider.yahoo{background: #720e9e;}
.woo-slg-provider.amazon{background: #ff9900;}
.woo-slg-provider.paypal{background: #003087;}
.woo-slg-provider.vk{background: #45668e;}
.woo-slg-provider.windowslive{background: #00a1f1;}
.woo-slg-provider.foursquare{background: #f94777;}
.woo-slg-provider.linkedin{background: #0077b5;}
.woo-slg-provider.apple{background: #cccccc;}
.woo-slg-provider.line{background: #01c301;}
.woo-slg-horizontal-divider{
display: block;
height: auto;
line-height: 0;
border-top: 1px solid #ddd;
text-align: center;
white-space: nowrap;
font-size: 1rem;
margin: 25px 0 15px;
}
.woo-slg-horizontal-divider span{
padding: 0 10px;
background: #fff;
}
.woo-slg-email-login-container{
margin: auto;
padding: 0 0 2%;
width: 320px;
max-width: 100%;
}
.woo-slg-email-login-wrap, .woo-slg-email-login-container legend{
text-align: center;
}
.woo-slg-email-login-container legend{
margin-top: 28px;
}
.woo-slg-email-login-btn {
padding: 7px 10px;
border: 1px solid;
font-size: 14px;
font-weight: bold;
cursor: pointer;
}
.woo-slg-profile-link-container .woo-slg-social-container legend, .woo-slg-profile-link-container .woo-slg-social-wrap{
text-align: left !important;
}
.woo-slg-profile-link-container {  display: none; }
.woo-social-login-profile.woo-slg-social-wrap{
text-align: left !important;	
}
.woo-slg-email-input{
margin-bottom: 8px;
} @media only screen and (max-width: 480px) {
.woo-social-login-linked-profiles tr td img{
max-width: 100px;
}
}
.woo-social-login-linked-profiles{
min-width:550px;
}
.table-container {
overflow-x: auto;
} .bbp-login-form fieldset .woo-slg-social-container legend, .bbp-login-form fieldset .woo-slg-email-login-container legend{
display: block !important;
}
form.bbp-login-form #woo-slg-social-container-login{
width: auto;
}
.ps-form .woo-slg-social-container legend, .peepso .woo-slg-social-container legend, 
.ps-form .woo-slg-email-login-container legend, .peepso .woo-slg-email-login-container legend {
font-size: 13px;
margin: 5px 0 21px;
} .woo-slg-social-googleplus {
position: relative;
top: -35px;
height: 0;
}
.woo-slg-social-googleplus > div {
opacity: 0;
height: 0;
width: 100%;
left: -7px;
}
.woo-slg-social-googleplus iframe {
width: 100% !important;
margin: 0 !important;
top: -11px !important;
}
.woo-slg-social-btn .woo-slg-social-googleplus iframe,
.woo-slg-social-btn .woo-slg-social-googleplus > div {
width: 250px !important;
}
.woo-slg-social-btn .woo-slg-social-googleplus > div {
left: -18px;
}
.login-action-login .woo-slg-social-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.woo-slg-social-googleplus .S9gUrf-YoZ4jf > div {
width: 100%;
position: absolute;
}#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: #29d;
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 2px;
} #nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px #29d, 0 0 5px #29d;
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
} #nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: #29d;
border-left-color: #29d;
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0%   { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
0%   { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}.flickity-enabled {
position: relative;
}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
} .flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
} .flickity-button {
position: absolute;
background: hsla(0, 0%, 100%, 0.75);
border: none;
color: #333;
}
.flickity-button:hover {
background: white;
cursor: pointer;
}
.flickity-button:focus {
outline: none;
box-shadow: 0 0 0 5px #19F;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto; pointer-events: none;
}
.flickity-button-icon {
fill: currentColor;
} .flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%; transform: translateY(-50%);
}
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; } .flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
} .flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}.cookie_accept {
position: fixed;
bottom: 0;
z-index: 999999;
background-color: white;
margin: auto;
border-radius: 10px 10px 0 0;
padding: 20px;
box-shadow: 0 0 30px rgb(0 0 0 / 20%);
display: none;
max-width: 1200px;
left: 0;
right: 0;
}
.cookie_accept.show {
display:block;
}
.cookie_accept .wrap{
margin: auto;
display: flex;
}
.cookie_accept .txt{
font-size: 12px;
margin: auto;
}
.cookie_accept .button{
margin: auto auto auto 25px;
font-size: 11px;
border-radius: 10px !important;
height: auto !important;
padding: 15px !important;
}
.cookie_accept .button:hover{
opacity: 0.9;
}
.cookie_accept a{
font-weight: bold;
color: black;
}
@media screen and (max-width: 726px){
.cookie_accept{
left: 0;
right: auto;
border-radius: 0 10px 0 0;
}
.cookie_accept .wrap{
flex-direction: column;
}
.cookie_accept .button{
margin: 19px auto auto auto;
font-size: 3vw;
min-width: 100%;
}
}

body {
-webkit-backface-visibility: hidden
}
.animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.hinge {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s
}
@-webkit-keyframes flash {
0%,
50%,
100% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@-moz-keyframes flash {
0%,
50%,
100% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@-o-keyframes flash {
0%,
50%,
100% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@keyframes flash {
0%,
50%,
100% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-o-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes shake {
0%,
100% {
-webkit-transform: translateX(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translateX(-10px)
}
20%,
40%,
60%,
80% {
-webkit-transform: translateX(10px)
}
}
@-moz-keyframes shake {
0%,
100% {
-moz-transform: translateX(0)
}
10%,
30%,
50%,
70%,
90% {
-moz-transform: translateX(-10px)
}
20%,
40%,
60%,
80% {
-moz-transform: translateX(10px)
}
}
@-o-keyframes shake {
0%,
100% {
-o-transform: translateX(0)
}
10%,
30%,
50%,
70%,
90% {
-o-transform: translateX(-10px)
}
20%,
40%,
60%,
80% {
-o-transform: translateX(10px)
}
}
@keyframes shake {
0%,
100% {
transform: translateX(0)
}
10%,
30%,
50%,
70%,
90% {
transform: translateX(-10px)
}
20%,
40%,
60%,
80% {
transform: translateX(10px)
}
}
.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0)
}
40% {
-webkit-transform: translateY(-30px)
}
60% {
-webkit-transform: translateY(-15px)
}
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0)
}
40% {
-moz-transform: translateY(-30px)
}
60% {
-moz-transform: translateY(-15px)
}
}
@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0)
}
40% {
-o-transform: translateY(-30px)
}
60% {
-o-transform: translateY(-15px)
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0)
}
40% {
transform: translateY(-30px)
}
60% {
transform: translateY(-15px)
}
}
.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1)
}
10%,
20% {
-webkit-transform: scale(0.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale(1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform: scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform: scale(1) rotate(0)
}
}
@-moz-keyframes tada {
0% {
-moz-transform: scale(1)
}
10%,
20% {
-moz-transform: scale(0.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-moz-transform: scale(1.1) rotate(3deg)
}
40%,
60%,
80% {
-moz-transform: scale(1.1) rotate(-3deg)
}
100% {
-moz-transform: scale(1) rotate(0)
}
}
@-o-keyframes tada {
0% {
-o-transform: scale(1)
}
10%,
20% {
-o-transform: scale(0.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-o-transform: scale(1.1) rotate(3deg)
}
40%,
60%,
80% {
-o-transform: scale(1.1) rotate(-3deg)
}
100% {
-o-transform: scale(1) rotate(0)
}
}
@keyframes tada {
0% {
transform: scale(1)
}
10%,
20% {
transform: scale(0.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
transform: scale(1.1) rotate(3deg)
}
40%,
60%,
80% {
transform: scale(1.1) rotate(-3deg)
}
100% {
transform: scale(1) rotate(0)
}
}
.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-o-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes swing {
20%,
40%,
60%,
80%,
100% {
-webkit-transform-origin: top center
}
20% {
-webkit-transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg)
}
100% {
-webkit-transform: rotate(0deg)
}
}
@-moz-keyframes swing {
20% {
-moz-transform: rotate(15deg)
}
40% {
-moz-transform: rotate(-10deg)
}
60% {
-moz-transform: rotate(5deg)
}
80% {
-moz-transform: rotate(-5deg)
}
100% {
-moz-transform: rotate(0deg)
}
}
@-o-keyframes swing {
20% {
-o-transform: rotate(15deg)
}
40% {
-o-transform: rotate(-10deg)
}
60% {
-o-transform: rotate(5deg)
}
80% {
-o-transform: rotate(-5deg)
}
100% {
-o-transform: rotate(0deg)
}
}
@keyframes swing {
20% {
transform: rotate(15deg)
}
40% {
transform: rotate(-10deg)
}
60% {
transform: rotate(5deg)
}
80% {
transform: rotate(-5deg)
}
100% {
transform: rotate(0deg)
}
}
.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-o-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%)
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform: translateX(20%) rotate(3deg)
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform: translateX(10%) rotate(2deg)
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform: translateX(0%)
}
}
@-moz-keyframes wobble {
0% {
-moz-transform: translateX(0%)
}
15% {
-moz-transform: translateX(-25%) rotate(-5deg)
}
30% {
-moz-transform: translateX(20%) rotate(3deg)
}
45% {
-moz-transform: translateX(-15%) rotate(-3deg)
}
60% {
-moz-transform: translateX(10%) rotate(2deg)
}
75% {
-moz-transform: translateX(-5%) rotate(-1deg)
}
100% {
-moz-transform: translateX(0%)
}
}
@-o-keyframes wobble {
0% {
-o-transform: translateX(0%)
}
15% {
-o-transform: translateX(-25%) rotate(-5deg)
}
30% {
-o-transform: translateX(20%) rotate(3deg)
}
45% {
-o-transform: translateX(-15%) rotate(-3deg)
}
60% {
-o-transform: translateX(10%) rotate(2deg)
}
75% {
-o-transform: translateX(-5%) rotate(-1deg)
}
100% {
-o-transform: translateX(0%)
}
}
@keyframes wobble {
0% {
transform: translateX(0%)
}
15% {
transform: translateX(-25%) rotate(-5deg)
}
30% {
transform: translateX(20%) rotate(3deg)
}
45% {
transform: translateX(-15%) rotate(-3deg)
}
60% {
transform: translateX(10%) rotate(2deg)
}
75% {
transform: translateX(-5%) rotate(-1deg)
}
100% {
transform: translateX(0%)
}
}
.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1)
}
50% {
-webkit-transform: scale(1.1)
}
100% {
-webkit-transform: scale(1)
}
}
@-moz-keyframes pulse {
0% {
-moz-transform: scale(1)
}
50% {
-moz-transform: scale(1.1)
}
100% {
-moz-transform: scale(1)
}
}
@-o-keyframes pulse {
0% {
-o-transform: scale(1)
}
50% {
-o-transform: scale(1.1)
}
100% {
-o-transform: scale(1)
}
}
@keyframes pulse {
0% {
transform: scale(1)
}
50% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in
}
}
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) rotateY(0);
-moz-animation-timing-function: ease-out
}
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-animation-timing-function: ease-out
}
50% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function: ease-in
}
80% {
-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
-moz-animation-timing-function: ease-in
}
100% {
-moz-transform: perspective(400px) scale(1);
-moz-animation-timing-function: ease-in
}
}
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) rotateY(0);
-o-animation-timing-function: ease-out
}
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-animation-timing-function: ease-out
}
50% {
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function: ease-in
}
80% {
-o-transform: perspective(400px) rotateY(360deg) scale(.95);
-o-animation-timing-function: ease-in
}
100% {
-o-transform: perspective(400px) scale(1);
-o-animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
transform: perspective(400px) rotateY(0);
animation-timing-function: ease-out
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg);
animation-timing-function: ease-out
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in
}
80% {
transform: perspective(400px) rotateY(360deg) scale(.95);
animation-timing-function: ease-in
}
100% {
transform: perspective(400px) scale(1);
animation-timing-function: ease-in
}
}
.flip {
-webkit-backface-visibility: visible!important;
-webkit-animation-name: flip;
-moz-backface-visibility: visible!important;
-moz-animation-name: flip;
-o-backface-visibility: visible!important;
-o-animation-name: flip;
backface-visibility: visible!important;
animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg)
}
70% {
-moz-transform: perspective(400px) rotateX(10deg)
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0
}
40% {
-o-transform: perspective(400px) rotateX(-10deg)
}
70% {
-o-transform: perspective(400px) rotateX(10deg)
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
40% {
transform: perspective(400px) rotateX(-10deg)
}
70% {
transform: perspective(400px) rotateX(10deg)
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1
}
}
.flipInX {
-webkit-backface-visibility: visible!important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible!important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible!important;
-o-animation-name: flipInX;
backface-visibility: visible!important;
animation-name: flipInX
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@-moz-keyframes flipOutX {
0% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1
}
100% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@-o-keyframes flipOutX {
0% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1
}
100% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0deg);
opacity: 1
}
100% {
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible!important;
-moz-animation-name: flipOutX;
-moz-backface-visibility: visible!important;
-o-animation-name: flipOutX;
-o-backface-visibility: visible!important;
animation-name: flipOutX;
backface-visibility: visible!important
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
-moz-transform: perspective(400px) rotateY(-10deg)
}
70% {
-moz-transform: perspective(400px) rotateY(10deg)
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1
}
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
-o-transform: perspective(400px) rotateY(-10deg)
}
70% {
-o-transform: perspective(400px) rotateY(10deg)
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
transform: perspective(400px) rotateY(-10deg)
}
70% {
transform: perspective(400px) rotateY(10deg)
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1
}
}
.flipInY {
-webkit-backface-visibility: visible!important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible!important;
-moz-animation-name: flipInY;
-o-backface-visibility: visible!important;
-o-animation-name: flipInY;
backface-visibility: visible!important;
animation-name: flipInY
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@-moz-keyframes flipOutY {
0% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1
}
100% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@-o-keyframes flipOutY {
0% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1
}
100% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@keyframes flipOutY {
0% {
transform: perspective(400px) rotateY(0deg);
opacity: 1
}
100% {
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
.flipOutY {
-webkit-backface-visibility: visible!important;
-webkit-animation-name: flipOutY;
-moz-backface-visibility: visible!important;
-moz-animation-name: flipOutY;
-o-backface-visibility: visible!important;
-o-animation-name: flipOutY;
backface-visibility: visible!important;
animation-name: flipOutY
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px)
}
100% {
opacity: 1;
-moz-transform: translateY(0)
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px)
}
100% {
opacity: 1;
-o-transform: translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px)
}
100% {
opacity: 1;
-moz-transform: translateY(0)
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px)
}
100% {
opacity: 1;
-o-transform: translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0)
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px)
}
100% {
opacity: 1;
-moz-transform: translateX(0)
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px)
}
100% {
opacity: 1;
-o-transform: translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0)
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px)
}
100% {
opacity: 1;
-moz-transform: translateX(0)
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px)
}
100% {
opacity: 1;
-o-transform: translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(2000px)
}
100% {
opacity: 1;
-moz-transform: translateY(0)
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(2000px)
}
100% {
opacity: 1;
-o-transform: translateY(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(2000px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-moz-transform: translateY(-2000px)
}
100% {
opacity: 1;
-moz-transform: translateY(0)
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-o-transform: translateY(-2000px)
}
100% {
opacity: 1;
-o-transform: translateY(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-2000px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0)
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px)
}
100% {
opacity: 1;
-moz-transform: translateX(0)
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px)
}
100% {
opacity: 1;
-o-transform: translateX(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0)
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px)
}
100% {
opacity: 1;
-moz-transform: translateX(0)
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px)
}
100% {
opacity: 1;
-o-transform: translateX(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-moz-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-o-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px)
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity: 1;
-moz-transform: translateY(0)
}
100% {
opacity: 0;
-moz-transform: translateY(-20px)
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
-o-transform: translateY(0)
}
100% {
opacity: 0;
-o-transform: translateY(-20px)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0)
}
100% {
opacity: 0;
transform: translateY(-20px)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(20px)
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0)
}
100% {
opacity: 0;
-moz-transform: translateY(20px)
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-o-transform: translateY(0)
}
100% {
opacity: 0;
-o-transform: translateY(20px)
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0)
}
100% {
opacity: 0;
transform: translateY(20px)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px)
}
}
@-moz-keyframes fadeOutLeft {
0% {
opacity: 1;
-moz-transform: translateX(0)
}
100% {
opacity: 0;
-moz-transform: translateX(-20px)
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 1;
-o-transform: translateX(0)
}
100% {
opacity: 0;
-o-transform: translateX(-20px)
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0)
}
100% {
opacity: 0;
transform: translateX(-20px)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(20px)
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity: 1;
-moz-transform: translateX(0)
}
100% {
opacity: 0;
-moz-transform: translateX(20px)
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
-o-transform: translateX(0)
}
100% {
opacity: 0;
-o-transform: translateX(20px)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0)
}
100% {
opacity: 0;
transform: translateX(20px)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px)
}
}
@-moz-keyframes fadeOutUpBig {
0% {
opacity: 1;
-moz-transform: translateY(0)
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px)
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1;
-o-transform: translateY(0)
}
100% {
opacity: 0;
-o-transform: translateY(-2000px)
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
transform: translateY(0)
}
100% {
opacity: 0;
transform: translateY(-2000px)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-moz-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px)
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1;
-moz-transform: translateY(0)
}
100% {
opacity: 0;
-moz-transform: translateY(2000px)
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-o-transform: translateY(0)
}
100% {
opacity: 0;
-o-transform: translateY(2000px)
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
transform: translateY(0)
}
100% {
opacity: 0;
transform: translateY(2000px)
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-moz-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px)
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-moz-transform: translateX(0)
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px)
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-o-transform: translateX(0)
}
100% {
opacity: 0;
-o-transform: translateX(-2000px)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
transform: translateX(0)
}
100% {
opacity: 0;
transform: translateX(-2000px)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-moz-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px)
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1;
-moz-transform: translateX(0)
}
100% {
opacity: 0;
-moz-transform: translateX(2000px)
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-o-transform: translateX(0)
}
100% {
opacity: 0;
-o-transform: translateX(2000px)
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
transform: translateX(0)
}
100% {
opacity: 0;
transform: translateX(2000px)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3)
}
50% {
opacity: 1;
-webkit-transform: scale(1.05)
}
70% {
-webkit-transform: scale(.9)
}
100% {
-webkit-transform: scale(1)
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.3)
}
50% {
opacity: 1;
-moz-transform: scale(1.05)
}
70% {
-moz-transform: scale(.9)
}
100% {
-moz-transform: scale(1)
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(.3)
}
50% {
opacity: 1;
-o-transform: scale(1.05)
}
70% {
-o-transform: scale(.9)
}
100% {
-o-transform: scale(1)
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3)
}
50% {
opacity: 1;
transform: scale(1.05)
}
70% {
transform: scale(.9)
}
100% {
transform: scale(1)
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px)
}
80% {
-webkit-transform: translateY(10px)
}
100% {
-webkit-transform: translateY(0)
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(2000px)
}
60% {
opacity: 1;
-moz-transform: translateY(-30px)
}
80% {
-moz-transform: translateY(10px)
}
100% {
-moz-transform: translateY(0)
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(2000px)
}
60% {
opacity: 1;
-o-transform: translateY(-30px)
}
80% {
-o-transform: translateY(10px)
}
100% {
-o-transform: translateY(0)
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px)
}
60% {
opacity: 1;
transform: translateY(-30px)
}
80% {
transform: translateY(10px)
}
100% {
transform: translateY(0)
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(30px)
}
80% {
-webkit-transform: translateY(-10px)
}
100% {
-webkit-transform: translateY(0)
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px)
}
60% {
opacity: 1;
-moz-transform: translateY(30px)
}
80% {
-moz-transform: translateY(-10px)
}
100% {
-moz-transform: translateY(0)
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px)
}
60% {
opacity: 1;
-o-transform: translateY(30px)
}
80% {
-o-transform: translateY(-10px)
}
100% {
-o-transform: translateY(0)
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px)
}
60% {
opacity: 1;
transform: translateY(30px)
}
80% {
transform: translateY(-10px)
}
100% {
transform: translateY(0)
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(30px)
}
80% {
-webkit-transform: translateX(-10px)
}
100% {
-webkit-transform: translateX(0)
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px)
}
60% {
opacity: 1;
-moz-transform: translateX(30px)
}
80% {
-moz-transform: translateX(-10px)
}
100% {
-moz-transform: translateX(0)
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px)
}
60% {
opacity: 1;
-o-transform: translateX(30px)
}
80% {
-o-transform: translateX(-10px)
}
100% {
-o-transform: translateX(0)
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px)
}
60% {
opacity: 1;
transform: translateX(30px)
}
80% {
transform: translateX(-10px)
}
100% {
transform: translateX(0)
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px)
}
80% {
-webkit-transform: translateX(10px)
}
100% {
-webkit-transform: translateX(0)
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px)
}
60% {
opacity: 1;
-moz-transform: translateX(-30px)
}
80% {
-moz-transform: translateX(10px)
}
100% {
-moz-transform: translateX(0)
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px)
}
60% {
opacity: 1;
-o-transform: translateX(-30px)
}
80% {
-o-transform: translateX(10px)
}
100% {
-o-transform: translateX(0)
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px)
}
60% {
opacity: 1;
transform: translateX(-30px)
}
80% {
transform: translateX(10px)
}
100% {
transform: translateX(0)
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1)
}
25% {
-webkit-transform: scale(.95)
}
50% {
opacity: 1;
-webkit-transform: scale(1.1)
}
100% {
opacity: 0;
-webkit-transform: scale(.3)
}
}
@-moz-keyframes bounceOut {
0% {
-moz-transform: scale(1)
}
25% {
-moz-transform: scale(.95)
}
50% {
opacity: 1;
-moz-transform: scale(1.1)
}
100% {
opacity: 0;
-moz-transform: scale(.3)
}
}
@-o-keyframes bounceOut {
0% {
-o-transform: scale(1)
}
25% {
-o-transform: scale(.95)
}
50% {
opacity: 1;
-o-transform: scale(1.1)
}
100% {
opacity: 0;
-o-transform: scale(.3)
}
}
@keyframes bounceOut {
0% {
transform: scale(1)
}
25% {
transform: scale(.95)
}
50% {
opacity: 1;
transform: scale(1.1)
}
100% {
opacity: 0;
transform: scale(.3)
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
-moz-animation-name: bounceOut;
-o-animation-name: bounceOut;
animation-name: bounceOut
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px)
}
}
@-moz-keyframes bounceOutUp {
0% {
-moz-transform: translateY(0)
}
20% {
opacity: 1;
-moz-transform: translateY(20px)
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px)
}
}
@-o-keyframes bounceOutUp {
0% {
-o-transform: translateY(0)
}
20% {
opacity: 1;
-o-transform: translateY(20px)
}
100% {
opacity: 0;
-o-transform: translateY(-2000px)
}
}
@keyframes bounceOutUp {
0% {
transform: translateY(0)
}
20% {
opacity: 1;
transform: translateY(20px)
}
100% {
opacity: 0;
transform: translateY(-2000px)
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-moz-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px)
}
}
@-moz-keyframes bounceOutDown {
0% {
-moz-transform: translateY(0)
}
20% {
opacity: 1;
-moz-transform: translateY(-20px)
}
100% {
opacity: 0;
-moz-transform: translateY(2000px)
}
}
@-o-keyframes bounceOutDown {
0% {
-o-transform: translateY(0)
}
20% {
opacity: 1;
-o-transform: translateY(-20px)
}
100% {
opacity: 0;
-o-transform: translateY(2000px)
}
}
@keyframes bounceOutDown {
0% {
transform: translateY(0)
}
20% {
opacity: 1;
transform: translateY(-20px)
}
100% {
opacity: 0;
transform: translateY(2000px)
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px)
}
}
@-moz-keyframes bounceOutLeft {
0% {
-moz-transform: translateX(0)
}
20% {
opacity: 1;
-moz-transform: translateX(20px)
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px)
}
}
@-o-keyframes bounceOutLeft {
0% {
-o-transform: translateX(0)
}
20% {
opacity: 1;
-o-transform: translateX(20px)
}
100% {
opacity: 0;
-o-transform: translateX(-2000px)
}
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0)
}
20% {
opacity: 1;
transform: translateX(20px)
}
100% {
opacity: 0;
transform: translateX(-2000px)
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px)
}
}
@-moz-keyframes bounceOutRight {
0% {
-moz-transform: translateX(0)
}
20% {
opacity: 1;
-moz-transform: translateX(-20px)
}
100% {
opacity: 0;
-moz-transform: translateX(2000px)
}
}
@-o-keyframes bounceOutRight {
0% {
-o-transform: translateX(0)
}
20% {
opacity: 1;
-o-transform: translateX(-20px)
}
100% {
opacity: 0;
-o-transform: translateX(2000px)
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(0)
}
20% {
opacity: 1;
transform: translateX(-20px)
}
100% {
opacity: 0;
transform: translateX(2000px)
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1
}
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0
}
}
@-moz-keyframes rotateOut {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(200deg);
opacity: 0
}
}
@-o-keyframes rotateOut {
0% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(200deg);
opacity: 0
}
}
@keyframes rotateOut {
0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1
}
100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
-moz-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0
}
}
@-moz-keyframes rotateOutUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1
}
100% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-moz-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0
}
}
@-moz-keyframes rotateOutDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1
}
100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-moz-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0
}
}
@-moz-keyframes rotateOutUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0
}
}
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1
}
100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-moz-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0
}
}
@-moz-keyframes rotateOutDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0
}
}
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1
}
100% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-moz-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate(80deg);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out
}
40% {
-webkit-transform: rotate(60deg);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out
}
100% {
-webkit-transform: translateY(700px);
opacity: 0
}
}
@-moz-keyframes hinge {
0% {
-moz-transform: rotate(0);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out
}
20%,
60% {
-moz-transform: rotate(80deg);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out
}
40% {
-moz-transform: rotate(60deg);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out
}
80% {
-moz-transform: rotate(60deg) translateY(0);
opacity: 1;
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out
}
100% {
-moz-transform: translateY(700px);
opacity: 0
}
}
@-o-keyframes hinge {
0% {
-o-transform: rotate(0);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out
}
20%,
60% {
-o-transform: rotate(80deg);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out
}
40% {
-o-transform: rotate(60deg);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out
}
80% {
-o-transform: rotate(60deg) translateY(0);
opacity: 1;
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out
}
100% {
-o-transform: translateY(700px);
opacity: 0
}
}
@keyframes hinge {
0% {
transform: rotate(0);
transform-origin: top left;
animation-timing-function: ease-in-out
}
20%,
60% {
transform: rotate(80deg);
transform-origin: top left;
animation-timing-function: ease-in-out
}
40% {
transform: rotate(60deg);
transform-origin: top left;
animation-timing-function: ease-in-out
}
80% {
transform: rotate(60deg) translateY(0);
opacity: 1;
transform-origin: top left;
animation-timing-function: ease-in-out
}
100% {
transform: translateY(700px);
opacity: 0
}
}
.hinge {
-webkit-animation-name: hinge;
-moz-animation-name: hinge;
-o-animation-name: hinge;
animation-name: hinge
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg)
}
}
@-moz-keyframes rollIn {
0% {
opacity: 0;
-moz-transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg)
}
}
@-o-keyframes rollIn {
0% {
opacity: 0;
-o-transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg)
}
}
@keyframes rollIn {
0% {
opacity: 0;
transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
transform: translateX(0px) rotate(0deg)
}
}
.rollIn {
-webkit-animation-name: rollIn;
-moz-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg)
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg)
}
}
@-moz-keyframes rollOut {
0% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg)
}
100% {
opacity: 0;
-moz-transform: translateX(100%) rotate(120deg)
}
}
@-o-keyframes rollOut {
0% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg)
}
100% {
opacity: 0;
-o-transform: translateX(100%) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg)
}
100% {
opacity: 0;
transform: translateX(100%) rotate(120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
-moz-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
opacity: 1
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
opacity: 1
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1
}
}
@-moz-keyframes lightSpeedIn {
0% {
-moz-transform: translateX(100%) skewX(-30deg);
opacity: 0
}
60% {
-moz-transform: translateX(-20%) skewX(30deg);
opacity: 1
}
80% {
-moz-transform: translateX(0%) skewX(-15deg);
opacity: 1
}
100% {
-moz-transform: translateX(0%) skewX(0deg);
opacity: 1
}
}
@-o-keyframes lightSpeedIn {
0% {
-o-transform: translateX(100%) skewX(-30deg);
opacity: 0
}
60% {
-o-transform: translateX(-20%) skewX(30deg);
opacity: 1
}
80% {
-o-transform: translateX(0%) skewX(-15deg);
opacity: 1
}
100% {
-o-transform: translateX(0%) skewX(0deg);
opacity: 1
}
}
@keyframes lightSpeedIn {
0% {
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
60% {
transform: translateX(-20%) skewX(30deg);
opacity: 1
}
80% {
transform: translateX(0%) skewX(-15deg);
opacity: 1
}
100% {
transform: translateX(0%) skewX(0deg);
opacity: 1
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-moz-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
.animated.lightSpeedIn {
-webkit-animation-duration: .5s;
-moz-animation-duration: .5s;
-o-animation-duration: .5s;
animation-duration: .5s
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
opacity: 0
}
}
@-moz-keyframes lightSpeedOut {
0% {
-moz-transform: translateX(0%) skewX(0deg);
opacity: 1
}
100% {
-moz-transform: translateX(100%) skewX(-30deg);
opacity: 0
}
}
@-o-keyframes lightSpeedOut {
0% {
-o-transform: translateX(0%) skewX(0deg);
opacity: 1
}
100% {
-o-transform: translateX(100%) skewX(-30deg);
opacity: 0
}
}
@keyframes lightSpeedOut {
0% {
transform: translateX(0%) skewX(0deg);
opacity: 1
}
100% {
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-moz-animation-name: lightSpeedOut;
-o-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.animated.lightSpeedOut {
-webkit-animation-duration: .25s;
-moz-animation-duration: .25s;
-o-animation-duration: .25s;
animation-duration: .25s
}
@-webkit-keyframes wiggle {
0% {
-webkit-transform: skewX(9deg)
}
10% {
-webkit-transform: skewX(-8deg)
}
20% {
-webkit-transform: skewX(7deg)
}
30% {
-webkit-transform: skewX(-6deg)
}
40% {
-webkit-transform: skewX(5deg)
}
50% {
-webkit-transform: skewX(-4deg)
}
60% {
-webkit-transform: skewX(3deg)
}
70% {
-webkit-transform: skewX(-2deg)
}
80% {
-webkit-transform: skewX(1deg)
}
90% {
-webkit-transform: skewX(0deg)
}
100% {
-webkit-transform: skewX(0deg)
}
}
@-moz-keyframes wiggle {
0% {
-moz-transform: skewX(9deg)
}
10% {
-moz-transform: skewX(-8deg)
}
20% {
-moz-transform: skewX(7deg)
}
30% {
-moz-transform: skewX(-6deg)
}
40% {
-moz-transform: skewX(5deg)
}
50% {
-moz-transform: skewX(-4deg)
}
60% {
-moz-transform: skewX(3deg)
}
70% {
-moz-transform: skewX(-2deg)
}
80% {
-moz-transform: skewX(1deg)
}
90% {
-moz-transform: skewX(0deg)
}
100% {
-moz-transform: skewX(0deg)
}
}
@-o-keyframes wiggle {
0% {
-o-transform: skewX(9deg)
}
10% {
-o-transform: skewX(-8deg)
}
20% {
-o-transform: skewX(7deg)
}
30% {
-o-transform: skewX(-6deg)
}
40% {
-o-transform: skewX(5deg)
}
50% {
-o-transform: skewX(-4deg)
}
60% {
-o-transform: skewX(3deg)
}
70% {
-o-transform: skewX(-2deg)
}
80% {
-o-transform: skewX(1deg)
}
90% {
-o-transform: skewX(0deg)
}
100% {
-o-transform: skewX(0deg)
}
}
@keyframes wiggle {
0% {
transform: skewX(9deg)
}
10% {
transform: skewX(-8deg)
}
20% {
transform: skewX(7deg)
}
30% {
transform: skewX(-6deg)
}
40% {
transform: skewX(5deg)
}
50% {
transform: skewX(-4deg)
}
60% {
transform: skewX(3deg)
}
70% {
transform: skewX(-2deg)
}
80% {
transform: skewX(1deg)
}
90% {
transform: skewX(0deg)
}
100% {
transform: skewX(0deg)
}
}
.wiggle {
-webkit-animation-name: wiggle;
-moz-animation-name: wiggle;
-o-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.animated.wiggle {
-webkit-animation-duration: .75s;
-moz-animation-duration: .75s;
-o-animation-duration: .75s;
animation-duration: .75s
}li.woocommerce-advanced-categories-list-element {
max-height: 450px;
overflow: hidden; }
li.woocommerce-advanced-categories-list-element .woocommerce-advanced-categories-style {
max-height: 450px; }@media screen and (min-width: 48em) {
.woocommerce-cart .page-title {
margin-bottom: 65px;
}
}
.woocommerce-cart .entry-content .woocommerce {
max-width: 1275px;
position: relative;
margin: 0 auto;
}
.woocommerce-cart .woocommerce-cart-form {
width: 60%;
float: left;
margin-bottom: 100px;
}
@media screen and (max-width: 64em) {
.woocommerce-cart .woocommerce-cart-form {
width: 100%;
float: none;
margin-bottom: 60px;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart {
border-collapse: collapse;
margin-top: 0;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart thead {
display: none;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr {
border-bottom: 1px solid;
display: block;
width: 100%;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr:last-child {
border-bottom: 0;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr:first-child td {
padding-top: 0;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td {
border: 0;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-remove {
width: 5%;
padding: 0;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-remove {
padding: 35px 0 0 0;
width: 100%;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-remove > a {
font-size: 0;
width: auto;
height: auto;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-remove > a:after {
content: "\e912";
font-family: "Shopkeeper-Icon-Font";
font-size: 16px;
font-weight: normal;
display: inline-block;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-thumbnail {
width: 20%;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-thumbnail {
display: block !important;
width: 100%;
padding: 15px 0 35px 0;
text-align: center !important;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-thumbnail:before {
content: none;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-thumbnail img {
width: 50% !important;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-thumbnail img {
width: 100%;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-name {
width: 30%;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-name {
padding: 15px 0;
width: 100%;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-name dl.variation dt {
font-size: 13px;
padding: 0;
margin-top: 3px;
margin-right: 5px;
font-weight: normal;
text-transform: uppercase;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-name dl.variation dd p {
font-size: 13px;
margin-top: 3px;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-price {
width: 15%;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-price {
padding: 15px 0;
width: 100%;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-price .amount {
font-weight: 600;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-quantity {
width: 15%;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-quantity {
padding: 15px 0;
width: 100%;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-quantity .quantity.custom {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-quantity .quantity.custom {
margin: 0;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-quantity .quantity.default {
margin: 0;
text-align: right;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: inline-block;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-subtotal {
width: 15%;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-subtotal {
padding: 15px 0 35px 0;
width: 100%;
}
}
@media screen and (max-width: 64em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-subtotal {
text-align: right;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions {
padding: 40px 0 0;
width: 100%;
display: block;
position: relative;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
border-bottom: 1px solid;
padding: 0 calc(5% + 15px) 40px calc(5% + 15px) !important;
position: relative;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon {
padding: 0 0 40px 0 !important;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon:before {
content: "\e909" !important;
font-family: "Shopkeeper-Icon-Font";
position: absolute;
left: calc(5% + 15px);
top: 13px;
font-size: 24px;
width: 24px;
height: 24px;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon:before {
left: 0;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon input#coupon_code {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 20px 20px 20px 42px;
background-color: transparent;
border: 0;
height: 50px;
display: block;
margin-right: 25px;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon input#coupon_code::-webkit-input-placeholder {
font-weight: 600;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon input#coupon_code::-moz-placeholder {
font-weight: 600;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon input#coupon_code:-ms-input-placeholder {
font-weight: 600;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon button[name=apply_coupon] {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 !important;
background: transparent;
height: auto;
float: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
min-width: -webkit-fit-content;
min-width: -moz-fit-content;
min-width: fit-content;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .button[name=update_cart] {
background: none !important;
width: 100%;
text-align: center;
padding: 30px 0 0 !important;
position: relative;
visibility: visible;
opacity: 1;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .button[name=update_cart] {
padding: 40px 0 0 !important;
text-align: center;
}
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .button[name=update_cart]:disabled {
visibility: hidden;
opacity: 0;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .button[name=update_cart]:before {
content: "\e90f";
font-family: "Shopkeeper-Icon-Font";
font-size: 19px;
-webkit-font-smoothing: initial;
padding-right: 14px;
position: relative;
top: 3px;
}
.woocommerce-cart .cart-collaterals {
width: 35%;
float: right;
padding: 0;
margin-bottom: 40px;
}
@media screen and (max-width: 64em) {
.woocommerce-cart .cart-collaterals {
width: 100vw;
float: none;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
max-width: 100vw;
}
}
.woocommerce-cart .cart-collaterals:after, .woocommerce-cart .cart-collaterals:before {
content: "";
display: block;
height: 10px;
width: 100%;
position: relative;
background-color: transparent;
background-size: 20px 20px;
background-position: 0 10px, 40px 40px;
}
.woocommerce-cart .cart-collaterals:before {
top: -10px;
}
.woocommerce-cart .cart-collaterals:after {
bottom: -10px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.woocommerce-cart .cart-collaterals .cross-sells {
width: 100%;
float: none;
padding: 40px 40px 0;
}
@media screen and (max-width: 64em) {
.woocommerce-cart .cart-collaterals .cross-sells {
padding: 40px 60px 0;
}
}
.woocommerce-cart .cart-collaterals .cross-sells h2 {
margin: 0 0 25px;
text-align: left;
font-size: 13px;
text-transform: uppercase;
}
.woocommerce-cart .cart-collaterals .cross-sells ul {
margin-bottom: 0;
}
.woocommerce-cart .cart-collaterals .cross-sells + .cart_totals {
padding: 20px 40px 30px;
}
@media screen and (max-width: 64em) {
.woocommerce-cart .cart-collaterals .cross-sells + .cart_totals {
padding: 20px 60px 40px;
}
}
.woocommerce-cart .cart-collaterals .cart_totals {
width: 100% !important;
float: none;
padding: 40px 40px 30px;
}
@media screen and (max-width: 64em) {
.woocommerce-cart .cart-collaterals .cart_totals {
padding: 40px 60px 30px;
}
}
.woocommerce-cart .cart-collaterals .cart_totals h2 {
padding: 0 0 15px;
margin: 0 0 15px;
border-bottom-width: 1px;
border-bottom-style: solid;
text-align: left;
font-size: 13px;
text-transform: uppercase;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table {
margin: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.cart-subtotal .amount {
font-weight: 600;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total th, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total td {
border-top: 1px solid;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total th {
padding: 30px 15px 15px 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total td {
padding: 30px 0 15px 15px;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total td {
padding: 30px 0 15px 0;
}
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total strong .woocommerce-Price-amount {
display: block;
font-size: 24px;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total .includes_tax {
display: block;
margin-top: 10px;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total .includes_tax .woocommerce-Price-amount {
font-weight: normal;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total .amount {
font-weight: 600;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals p.woocommerce-shipping-destination {
font-size: 12px;
line-height: 1.4;
margin: 15px 0;
font-weight: normal;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals p.woocommerce-shipping-destination * {
font-weight: normal;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals ul#shipping_method {
margin-top: -3px;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator .shipping-calculator-button {
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
margin-top: 0;
margin-bottom: 5px;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator .shipping-calculator-button:after {
content: none;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator .shipping-calculator-form {
margin: 5px 0 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator .shipping-calculator-form p {
margin-bottom: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator .shipping-calculator-form button[name=calc_shipping] {
width: 100%;
margin-top: 7px;
margin-bottom: 10px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator .shipping-calculator-form button[name=calc_shipping]:hover {
color: #fff;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr th {
border: 0;
font-size: 13px;
text-transform: uppercase;
width: 100px;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td {
border: 0;
font-size: 13px;
}
@media screen and (max-width: 55em) {
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td {
padding: 15px 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td:before {
line-height: 1.5;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > small, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > strong, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > span, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > ul, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > p, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > form {
width: 60%;
display: block;
text-align: left;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > strong, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > span, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > ul {
margin: 0 0 0 auto !important;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > small, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > p, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > form {
margin: 15px 0 0 auto !important;
}
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > p {
text-transform: none;
text-align: left;
}
.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout {
padding: 15px 0 0;
}
.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .button {
margin: 0;
}
.woocommerce-cart .shopkeeper-continue-shopping {
text-align: center;
clear: right;
width: 35%;
float: right;
margin: 0 auto 100px;
}
@media screen and (max-width: 64em) {
.woocommerce-cart .shopkeeper-continue-shopping {
width: 100%;
float: none;
}
}
.woocommerce-cart .shopkeeper-continue-shopping .button,
.woocommerce-cart .shopkeeper-continue-shopping .button:hover {
background: transparent !important;
opacity: 1;
}
.woocommerce-cart .cart-empty {
text-align: center;
font-size: 30px;
font-weight: 600;
line-height: 1.4;
}
.woocommerce-cart .cart-empty:before {
content: "\e908";
font-family: "Shopkeeper-Icon-Font";
display: block;
font-weight: normal;
font-size: 128px;
line-height: 170px;
}
.woocommerce-cart .return-to-shop {
margin-bottom: 60px;
text-align: center;
}
.woocommerce-cart .return-to-shop a.button.wc-backward {
background-color: transparent !important;
min-width: 0;
padding: 0 !important;
font-size: 0.8125em !important;
font-weight: 600 !important;
padding-bottom: 5px !important;
border-bottom: 1px solid;
text-transform: uppercase;
width: auto;
}
.widget_shopping_cart .widget_shopping_cart_content ul.cart_list li {
border-bottom: 1px solid;
padding-top: 10px !important;
padding-bottom: 10px;
margin-bottom: 0;
}
.widget_shopping_cart .widget_shopping_cart_content ul.cart_list li:last-child {
border: 0;
}
.widget_shopping_cart .widget_shopping_cart_content ul.cart_list li .quantity,
.widget_shopping_cart .widget_shopping_cart_content ul.cart_list li .quantity .amount {
font-size: 13px;
}
.widget_shopping_cart .widget_shopping_cart_content ul.cart_list li a.remove {
text-align: left;
top: 40% !important;
}
.widget_shopping_cart .widget_shopping_cart_content .total {
border-top: none;
line-height: 24px;
padding: 25px 0;
margin: 0;
}
.widget_shopping_cart .widget_shopping_cart_content .total strong {
font-size: 14px;
text-transform: uppercase;
}
.widget_shopping_cart .widget_shopping_cart_content .total .amount {
font-weight: 600;
font-size: 24px;
margin-top: 0;
float: right;
}
.widget_shopping_cart .widget_shopping_cart_content .buttons {
margin-bottom: 0;
}
.widget_shopping_cart .widget_shopping_cart_content .buttons a {
color: #ffffff;
margin-right: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 100%;
margin: 0 0 10px;
}
.widget_shopping_cart .widget_shopping_cart_content .buttons a:hover {
opacity: 1;
}
.widget_shopping_cart .widget_shopping_cart_content .buttons a:after {
display: none;
}
.widget_shopping_cart .widget_shopping_cart_content .buttons .button:hover {
color: #ffffff;
opacity: 0.8;
}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;margin:0 0 -4px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left;padding:0}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin:0;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:var(--wc-form-color-background,#fff);color:var(--wc-form-color-text,#000);border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected],.select2-results__option[data-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none;margin:5px 5px 0 0}.select2-container--default .select2-selection--multiple .select2-selection__rendered li:before{content:"";display:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid #000 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:0 0;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[data-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--highlighted[data-selected]{background-color:#0073aa;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:linear-gradient(to bottom,#fff 50%,#eee 100%);background-repeat:repeat-x}.select2-container--classic .select2-selection--single:focus{border:1px solid #0073aa}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);background-repeat:repeat-x}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #0073aa}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:0 0;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:linear-gradient(to bottom,#fff 0,#eee 50%);background-repeat:repeat-x}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:linear-gradient(to bottom,#eee 50%,#fff 100%);background-repeat:repeat-x}.select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #0073aa}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #0073aa}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected],.select2-container--classic .select2-results__option--highlighted[data-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#0073aa}.select2-results .select2-results__option {
font-size: 13px;
}
.catalog-ordering span.select2-container span {
border: none;
text-transform: uppercase;
font-size: 13px;
}
.catalog-ordering span.select2-container .selection .select2-selection__rendered {
padding: 0 20px 0 0;
}
#billing_country_field .select2-selection__rendered,
#billing_country_field .select2-selection__placeholder,
#billing_state_field .select2-selection__rendered,
#billing_state_field .select2-selection__placeholder,
#calc_shipping_country_field .select2-selection__rendered,
#calc_shipping_country_field .select2-selection__placeholder,
#calc_shipping_state_field .select2-selection__rendered,
#calc_shipping_state_field .select2-selection__placeholder,
#shipping_country_field .select2-selection__rendered,
#shipping_country_field .select2-selection__placeholder,
#shipping_state_field .select2-selection__rendered,
#shipping_state_field .select2-selection__placeholder,
.woocommerce-widget-layered-nav-dropdown .select2-selection__rendered,
.woocommerce-widget-layered-nav-dropdown .select2-selection__placeholder {
font-size: 0.875rem;
color: #444 !important;
}.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
opacity: 0;
-webkit-transform: scale(0.9);
transform: scale(0.9);
will-change: opacity, transform;
}
.woocommerce ul.products li.product.animated,
.woocommerce-page ul.products li.product.animated {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}.index-layout-3 .list_categories_layout_blog_3 {
margin-bottom: 50px;
}
.index-layout-3 .blog-posts_container {
padding: 0px 50px;
}
.index-layout-3 .blog-posts_container ul.blog-posts {
width: 100%;
margin: 0;
list-style-type: none;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post {
position: relative;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post:last-child {
margin-bottom: 130px;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article {
margin-bottom: 25px;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article:after {
content: "";
display: block;
clear: both;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article.sticky .post-categories {
top: 93px;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article.sticky .bg-image-wrapper .post-link:before {
position: absolute;
top: 32px;
left: 24px;
color: #FFF;
font-size: 70px;
line-height: 43px;
content: "\e90d";
font-family: "Shopkeeper-Icon-Font";
text-align: right;
z-index: 9;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post-categories {
list-style-type: none;
margin: 0;
position: absolute;
left: 22px;
top: 18px;
z-index: 99;
text-transform: uppercase;
font-size: 10px;
font-weight: 600;
text-align: left;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post-categories li a {
color: #FFF;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article.sticky .bg-image-wrapper .bg-image:after {
position: absolute;
top: 300px;
right: 20px;
color: #FFF;
font-size: 40px;
line-height: 40px;
content: "\e900";
font-family: "Shopkeeper-Icon-Font";
text-align: right;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper.no-image {
height: 250px;
position: relative;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper.no-image .post-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper a.post-link .post-image {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper a.post-link .post-image:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(255, 255, 255, 0);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper a.post-link {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper a.post-link span.post-image {
display: inline-block;
overflow: hidden;
position: relative;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper a.post-link span.post-image:hover:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .entry-title {
text-align: left;
font-size: 24px;
line-height: 34px;
margin-top: 25px;
margin-bottom: 15px;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .entry-title:hover a {
opacity: 1;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .entry-title + p {
margin-bottom: 20px;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .read_more {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
margin-top: -5px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .read_more:hover {
opacity: 1;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .read_more:before {
content: "";
width: 40px;
height: 1px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article {
margin-bottom: 70px;
}
.index-layout-3 .blog-posts_container {
padding: 0 20px;
}
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.index-layout-3 .blog-posts_container {
padding: 0 30px;
}
.index-layout-3 .blog-posts_container ul.blog-posts {
font-size: 0;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post {
width: 50%;
display: inline-block;
padding: 0 20px;
vertical-align: top;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post-categories {
left: 44px;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article.sticky .post-categories,
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article.sticky .bg-image-wrapper .post-link:before {
left: 44px;
}
}
@media only screen and (min-width: 1024px) {
.index-layout-3 .list_categories_layout_blog_3 {
margin-bottom: 40px;
}
.index-layout-3 .blog-posts_container {
padding: 0;
position: relative;
max-width: 1680px;
margin: 0 auto;
}
.index-layout-3 .blog-posts_container ul.blog-posts {
list-style-type: none;
margin: 0;
width: 100%;
margin: 0 auto;
font-size: 0;
}
.index-layout-3 .blog-posts_container ul.blog-posts:after {
content: "";
display: block;
clear: both;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post {
position: relative;
width: 25%;
display: inline-block;
vertical-align: top;
padding: 0 1.875rem;
margin-bottom: 90px;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post:nth-child(-9n+10), .index-layout-3 .blog-posts_container ul.blog-posts .blog-post:nth-child(10n+15) {
width: 50%;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article:after {
content: "";
display: block;
clear: both;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post-date {
position: absolute;
top: -75px;
left: -27px;
font-size: 110px;
line-height: 110px;
font-weight: 600;
opacity: 0.15;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post-categories {
list-style-type: none;
margin: 0;
position: absolute;
left: 52px;
top: 18px;
z-index: 99;
text-transform: uppercase;
font-size: 10px;
font-weight: 600;
text-align: left;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post-categories li a {
color: #FFF;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article.sticky .bg-image-wrapper .bg-image:after {
position: absolute;
top: 300px;
right: 20px;
color: #FFF;
font-size: 40px;
line-height: 40px;
content: "\e900";
font-family: "Shopkeeper-Icon-Font";
text-align: right;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article.sticky .bg-image-wrapper .post-link:before {
left: 54px;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper {
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin-bottom: 35px;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper.no-image {
height: 250px;
position: relative;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper.no-image:hover {
opacity: 0.5;
cursor: pointer;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper.no-image .post-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper .post-link {
display: block;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .bg-image-wrapper .post-link .thumbnail_container {
position: relative;
overflow: hidden;
display: inline-block;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper {
text-align: left;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .entry-title {
text-align: left;
font-size: 24px;
line-height: 34px;
margin-top: 0;
margin-bottom: 15px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .entry-title:hover a {
opacity: 1;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .entry-title + p {
margin-bottom: 35px;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .read_more {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
margin-top: -5px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .read_more:hover {
opacity: 1;
}
.index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .read_more:before {
content: "";
width: 40px;
height: 1px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
}ul.sk_social_icons_list{clear:both;display:block;margin:15px 0;padding:0;vertical-align:middle}ul.sk_social_icons_list.left{text-align:left}ul.sk_social_icons_list.center{text-align:center}ul.sk_social_icons_list.right{text-align:right}ul.sk_social_icons_list li.sk_social_icon{display:inline-block;list-style:none;line-height:1;margin:10px 30px 10px 0;padding-top:0!important;vertical-align:middle}ul.sk_social_icons_list li.sk_social_icon:last-child{margin-right:0;margin-bottom:10px}ul.sk_social_icons_list li.sk_social_icon a.sk_social_icon_link{display:block;overflow:visible;line-height:0}ul.sk_social_icons_list li.sk_social_icon a.sk_social_icon_link:hover i{opacity:.75}ul.sk_social_icons_list li.sk_social_icon a.sk_social_icon_link i{-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.site-top-bar-social-icons-wrapper{display:block;float:right;padding:8px 0}.site-top-bar-social-icons-wrapper ul.sk_social_icons_list{margin:0 0 0 50px}.site-top-bar-social-icons-wrapper ul.sk_social_icons_list li.sk_social_icon{margin:5px 10px 5px 0}.site-top-bar-social-icons-wrapper ul.sk_social_icons_list li.sk_social_icon:last-child{margin-right:0}.site-top-bar-social-icons-wrapper ul.sk_social_icons_list li.sk_social_icon img,.site-top-bar-social-icons-wrapper ul.sk_social_icons_list li.sk_social_icon svg{width:16px!important;height:16px!important}.footer_socials_wrapper{margin-bottom:21px}@media only screen and (min-width:40.063em){.footer_socials_wrapper{margin-bottom:34px}}.off-canvas ul.sk_social_icons_list li.sk_social_icon{margin:10px 22px 10px 0}.off-canvas ul.sk_social_icons_list li.sk_social_icon svg{width:18px!important;height:18px!important}.rtl ul.sk_social_icons_list li.sk_social_icon{margin:10px 0 10px 30px}.rtl ul.sk_social_icons_list li.sk_social_icon:last-child{margin-left:0}.rtl .widget_shopkeeper_social_media ul.sk_social_icons_list{text-align:right}.rtl .site-top-bar-social-icons-wrapper{float:left}.rtl .site-top-bar-social-icons-wrapper ul.sk_social_icons_list{padding-left:0;padding-right:50px}.rtl .site-top-bar-social-icons-wrapper ul.sk_social_icons_list li.sk_social_icon{margin:5px  5px 10px}.rtl .site-top-bar-social-icons-wrapper ul.sk_social_icons_list li.sk_social_icon:last-child{margin-left:0}.rtl .off-canvas ul.sk_social_icons_list{text-align:right}.rtl .off-canvas ul.sk_social_icons_list li.sk_social_icon{margin:10px 0 10px 22px}@media only screen and (max-width:1201px){.product_socials_wrapper{display:table;width:100%;text-align:center;padding:20px 0;border-top-width:1px;border-top-style:solid}.product_socials_wrapper .product_socials_wrapper_inner,.product_socials_wrapper .share-product-text{display:table-cell;vertical-align:middle;width:50%}.product_socials_wrapper .share-product-text{font-size:10px;text-transform:uppercase;font-weight:bold;text-align:left}.product_socials_wrapper .product_socials_wrapper_inner{text-align:right}.product_socials_wrapper .product_socials_wrapper_inner a{padding-right:10px}}@media only screen and (min-width:1201px){.product_socials_wrapper{position:fixed;top:430px;right:100%;z-index:999;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-animation:slide-in-from-left;animation:slide-in-from-left;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.product_socials_wrapper .share-product-text{display:none}.product_socials_wrapper .product_socials_wrapper_inner a{display:block;-webkit-box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.1);box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.1);border-radius:50%;text-align:center;padding-top:10px;margin:10px 0;width:38px;height:38px}.product_socials_wrapper .product_socials_wrapper_inner a:first-child{margin-top:0}}@-webkit-keyframes slide-in-from-left{0%{-webkit-transform:translateX(-55px);transform:translateX(-55px)}50%{-webkit-transform:translateX(95px);transform:translateX(95px)}75%{-webkit-transform:translateX(95px);transform:translateX(95px)}to{-webkit-transform:translateX(95px);transform:translateX(95px)}}@keyframes slide-in-from-left{0%{-webkit-transform:translateX(-55px);transform:translateX(-55px)}50%{-webkit-transform:translateX(95px);transform:translateX(95px)}75%{-webkit-transform:translateX(95px);transform:translateX(95px)}to{-webkit-transform:translateX(95px);transform:translateX(95px)}}@media only screen and (max-width:1024px){.rtl .product_socials_wrapper_inner{float:left;text-align:left}.rtl .share-product-text{float:right;text-align:right}}body.gbt_custom_notif .wc-block-components-notice-banner,
body.gbt_custom_notif .woocommerce-message,
body.gbt_custom_notif .woocommerce-error,
body.gbt_custom_notif .woocommerce-info,
body.gbt_custom_notif .woocommerce-notice {
display: none !important;
}
body.gbt_custom_notif .page-notifications {
top: 63px;
left: 100%;
margin: 0;
padding: 0;
background: transparent;
position: fixed;
-webkit-box-shadow: none;
box-shadow: none;
z-index: 8889;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-content {
margin: 0 0 10px;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(0) {
-webkit-transition-delay: 2.5s;
transition-delay: 2.5s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(1) {
-webkit-transition-delay: 2.25s;
transition-delay: 2.25s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(2) {
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(3) {
-webkit-transition-delay: 1.75s;
transition-delay: 1.75s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(4) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(5) {
-webkit-transition-delay: 1.25s;
transition-delay: 1.25s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(6) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(7) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(8) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(9) {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice {
cursor: default;
}
body.gbt_custom_notif .page-notifications.slide-in .gbt-custom-notification-notice {
cursor: pointer;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(0) {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(1) {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(2) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(3) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(4) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(5) {
-webkit-transition-delay: 1.25s;
transition-delay: 1.25s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(6) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(7) {
-webkit-transition-delay: 1.75s;
transition-delay: 1.75s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(8) {
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(9) {
-webkit-transition-delay: 2.25s;
transition-delay: 2.25s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice {
-webkit-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
border: none;
color: #FFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin: 0 0 15px;
z-index: 8888;
font-weight: 600;
font-size: 16px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
width: 320px;
-webkit-transform: translateX(0);
transform: translateX(0);
}
@media all and (min-width: 768px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice {
width: 400px;
}
}
@media all and (min-width: 1024px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice {
width: 465px;
}
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice a,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .button {
color: #FFF;
text-transform: uppercase;
display: inline-block;
position: relative;
font-size: 13px;
padding: 0 !important;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
float: none;
min-width: 10px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice a:after,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .button:after {
font-family: "Shopkeeper-Icon-Font";
content: "\e902";
display: inline-block;
font-weight: normal;
color: #fff;
font-size: 16px;
padding: 0px 1px 0px 3.5px;
top: 2px;
position: relative;
margin-right: 5px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice form {
display: block !important;
width: 100%;
text-align: left;
min-height: 20px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon {
background: rgba(0, 0, 0, 0.2);
font-size: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 90px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon:before {
padding: 33px;
}
@media only screen and (max-width: 767px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon {
font-size: 18px;
width: 75px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon:before {
padding: 28px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon {
font-size: 18px;
width: 85px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon:before {
padding: 33.5px;
}
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon.spk-icon-success:before {
content: "\e923";
font-family: "Shopkeeper-Icon-Font";
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
line-height: 1.4;
margin: 0;
padding: 20px 25px;
word-break: break-word;
}
@media only screen and (max-width: 767px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text {
font-size: 13px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text {
font-size: 14px;
}
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message div,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text div {
display: table-cell;
vertical-align: middle;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message li,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text li {
list-style-type: none;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper .product_notification_background {
min-width: 75px;
width: 75px;
overflow: hidden;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper .product_notification_background img {
height: 100%;
width: 100%;
-o-object-position: center;
object-position: center;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media all and (min-width: 768px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper .product_notification_background {
min-width: 85px;
width: 85px;
}
}
@media all and (min-width: 1024px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper .product_notification_background {
min-width: 90px;
width: 90px;
}
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice {
-webkit-transform: translateX(-340px);
transform: translateX(-340px);
}
@media all and (min-width: 768px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice {
-webkit-transform: translateX(-455px);
transform: translateX(-455px);
}
}
@media all and (min-width: 1024px) {
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice {
-webkit-transform: translateX(-520px);
transform: translateX(-520px);
}
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.close-notice {
-webkit-transform: translateX(0);
transform: translateX(0);
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice svg {
display: none;
}
@media only screen and (max-width: 767px) {
body.gbt_custom_notif .page-notifications {
top: 50px;
}
}
.rtl .page-notifications {
direction: ltr;
}
.woocommerce-account .page-notifications {
display: none;
}