@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
.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;
}

/* Grid */

.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;
}

.woosb-cart-item-edit:before {
    content: '✎';
    display: inline-block;
    margin-right: 5px;
}

@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);
    }
}

/* RTL */

body.rtl .woosb-alert {
    padding: 6px 14px 6px 10px;
    border-right: 4px solid #222;
    border-left: none;
}a, a:visited {
    text-decoration: underline;
}
*, ::after, ::before {
    box-sizing: border-box;
}
a {
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
.htb-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width:576px) {
    .htb-container {
        max-width: 540px;
    }
}
@media (min-width:768px) {
    .htb-container {
    max-width: 720px;
}
}@media (min-width:992px) {
    .htb-container {
    max-width: 960px;
}
}@media (min-width:1200px) {
    .htb-container {
    max-width: 1200px;
}
}.htb-container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.htb-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.htb-col, .htb-col-1, .htb-col-10, .htb-col-11, .htb-col-12, .htb-col-2, .htb-col-3, .htb-col-4, .htb-col-5, .htb-col-6, .htb-col-7, .htb-col-8, .htb-col-9, .htb-col-auto, .htb-col-lg, .htb-col-lg-1, .htb-col-lg-10, .htb-col-lg-11, .htb-col-lg-12, .htb-col-lg-2, .htb-col-lg-3, .htb-col-lg-4, .htb-col-lg-5, .htb-col-lg-6, .htb-col-lg-7, .htb-col-lg-8, .htb-col-lg-9, .htb-col-lg-auto, .htb-col-md, .htb-col-md-1, .htb-col-md-10, .htb-col-md-11, .htb-col-md-12, .htb-col-md-2, .htb-col-md-3, .htb-col-md-4, .htb-col-md-5, .htb-col-md-6, .htb-col-md-7, .htb-col-md-8, .htb-col-md-9, .htb-col-md-auto, .htb-col-sm, .htb-col-sm-1, .htb-col-sm-10, .htb-col-sm-11, .htb-col-sm-12, .htb-col-sm-2, .htb-col-sm-3, .htb-col-sm-4, .htb-col-sm-5, .htb-col-sm-6, .htb-col-sm-7, .htb-col-sm-8, .htb-col-sm-9, .htb-col-sm-auto, .htb-col-xl, .htb-col-xl-1, .htb-col-xl-10, .htb-col-xl-11, .htb-col-xl-12, .htb-col-xl-2, .htb-col-xl-3, .htb-col-xl-4, .htb-col-xl-5, .htb-col-xl-6, .htb-col-xl-7, .htb-col-xl-8, .htb-col-xl-9, .htb-col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.htb-col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.htb-col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.htb-col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.htb-col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.htb-col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.htb-col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.htb-col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.htb-col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.htb-col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.htb-col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.htb-col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.htb-col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.htb-col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.htb-col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.htb-order-first {
    -ms-flex-order: -1;
    order: -1;
}
.htb-order-1 {
    -ms-flex-order: 1;
    order: 1;
}
.htb-order-2 {
    -ms-flex-order: 2;
    order: 2;
}
.htb-order-3 {
    -ms-flex-order: 3;
    order: 3;
}
.htb-order-4 {
    -ms-flex-order: 4;
    order: 4;
}
.htb-order-5 {
    -ms-flex-order: 5;
    order: 5;
}
.htb-order-6 {
    -ms-flex-order: 6;
    order: 6;
}
.htb-order-7 {
    -ms-flex-order: 7;
    order: 7;
}
.htb-order-8 {
    -ms-flex-order: 8;
    order: 8;
}
.htb-order-9 {
    -ms-flex-order: 9;
    order: 9;
}
.htb-order-10 {
    -ms-flex-order: 10;
    order: 10;
}
.htb-order-11 {
    -ms-flex-order: 11;
    order: 11;
}
.htb-order-12 {
    -ms-flex-order: 12;
    order: 12;
}
.htb-offset-1 {
    margin-left: 8.333333%;
}
.htb-offset-2 {
    margin-left: 16.666667%;
}
.htb-offset-3 {
    margin-left: 25%;
}
.htb-offset-4 {
    margin-left: 33.333333%;
}
.htb-offset-5 {
    margin-left: 41.666667%;
}
.htb-offset-6 {
    margin-left: 50%;
}
.htb-offset-7 {
    margin-left: 58.333333%;
}
.htb-offset-8 {
    margin-left: 66.666667%;
}
.htb-offset-9 {
    margin-left: 75%;
}
.htb-offset-10 {
    margin-left: 83.333333%;
}
.htb-offset-11 {
    margin-left: 91.666667%;
}
@media (min-width:576px) {
    .htb-col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.htb-col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.htb-col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.htb-col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.htb-col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.htb-col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.htb-col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.htb-col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.htb-col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.htb-col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.htb-col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.htb-col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.htb-col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.htb-col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.htb-order-sm-first {
    -ms-flex-order: -1;
    order: -1;
}
.htb-order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
}
.htb-order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
}
.htb-order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
}
.htb-order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
}
.htb-order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
}
.htb-order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
}
.htb-order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
}
.htb-order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
}
.htb-order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
}
.htb-order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
}
.htb-order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
}
.htb-order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
}
.htb-offset-sm-0 {
    margin-left: 0;
}
.htb-offset-sm-1 {
    margin-left: 8.333333%;
}
.htb-offset-sm-2 {
    margin-left: 16.666667%;
}
.htb-offset-sm-3 {
    margin-left: 25%;
}
.htb-offset-sm-4 {
    margin-left: 33.333333%;
}
.htb-offset-sm-5 {
    margin-left: 41.666667%;
}
.htb-offset-sm-6 {
    margin-left: 50%;
}
.htb-offset-sm-7 {
    margin-left: 58.333333%;
}
.htb-offset-sm-8 {
    margin-left: 66.666667%;
}
.htb-offset-sm-9 {
    margin-left: 75%;
}
.htb-offset-sm-10 {
    margin-left: 83.333333%;
}
.htb-offset-sm-11 {
    margin-left: 91.666667%;
}
}@media (min-width:768px) {
    .htb-col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.htb-col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.htb-col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.htb-col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.htb-col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.htb-col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.htb-col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.htb-col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.htb-col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.htb-col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.htb-col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.htb-col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.htb-col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.htb-col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.htb-order-md-first {
    -ms-flex-order: -1;
    order: -1;
}
.htb-order-md-1 {
    -ms-flex-order: 1;
    order: 1;
}
.htb-order-md-2 {
    -ms-flex-order: 2;
    order: 2;
}
.htb-order-md-3 {
    -ms-flex-order: 3;
    order: 3;
}
.htb-order-md-4 {
    -ms-flex-order: 4;
    order: 4;
}
.htb-order-md-5 {
    -ms-flex-order: 5;
    order: 5;
}
.htb-order-md-6 {
    -ms-flex-order: 6;
    order: 6;
}
.htb-order-md-7 {
    -ms-flex-order: 7;
    order: 7;
}
.htb-order-md-8 {
    -ms-flex-order: 8;
    order: 8;
}
.htb-order-md-9 {
    -ms-flex-order: 9;
    order: 9;
}
.htb-order-md-10 {
    -ms-flex-order: 10;
    order: 10;
}
.htb-order-md-11 {
    -ms-flex-order: 11;
    order: 11;
}
.htb-order-md-12 {
    -ms-flex-order: 12;
    order: 12;
}
.htb-offset-md-0 {
    margin-left: 0;
}
.htb-offset-md-1 {
    margin-left: 8.333333%;
}
.htb-offset-md-2 {
    margin-left: 16.666667%;
}
.htb-offset-md-3 {
    margin-left: 25%;
}
.htb-offset-md-4 {
    margin-left: 33.333333%;
}
.htb-offset-md-5 {
    margin-left: 41.666667%;
}
.htb-offset-md-6 {
    margin-left: 50%;
}
.htb-offset-md-7 {
    margin-left: 58.333333%;
}
.htb-offset-md-8 {
    margin-left: 66.666667%;
}
.htb-offset-md-9 {
    margin-left: 75%;
}
.htb-offset-md-10 {
    margin-left: 83.333333%;
}
.htb-offset-md-11 {
    margin-left: 91.666667%;
}
}@media (min-width:992px) {
    .htb-col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.htb-col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.htb-col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.htb-col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.htb-col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.htb-col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.htb-col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.htb-col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.htb-col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.htb-col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.htb-col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.htb-col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.htb-col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.htb-col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.htb-order-lg-first {
    -ms-flex-order: -1;
    order: -1;
}
.htb-order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
}
.htb-order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
}
.htb-order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
}
.htb-order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
}
.htb-order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
}
.htb-order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
}
.htb-order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
}
.htb-order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
}
.htb-order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
}
.htb-order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
}
.htb-order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
}
.htb-order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
}
.htb-offset-lg-0 {
    margin-left: 0;
}
.htb-offset-lg-1 {
    margin-left: 8.333333%;
}
.htb-offset-lg-2 {
    margin-left: 16.666667%;
}
.htb-offset-lg-3 {
    margin-left: 25%;
}
.htb-offset-lg-4 {
    margin-left: 33.333333%;
}
.htb-offset-lg-5 {
    margin-left: 41.666667%;
}
.htb-offset-lg-6 {
    margin-left: 50%;
}
.htb-offset-lg-7 {
    margin-left: 58.333333%;
}
.htb-offset-lg-8 {
    margin-left: 66.666667%;
}
.htb-offset-lg-9 {
    margin-left: 75%;
}
.htb-offset-lg-10 {
    margin-left: 83.333333%;
}
.htb-offset-lg-11 {
    margin-left: 91.666667%;
}
}@media (min-width:1200px) {
    .htb-col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.htb-col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.htb-col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.htb-col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.htb-col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.htb-col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.htb-col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.htb-col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.htb-col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.htb-col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.htb-col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.htb-col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.htb-col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.htb-col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.htb-order-xl-first {
    -ms-flex-order: -1;
    order: -1;
}
.htb-order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
}
.htb-order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
}
.htb-order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
}
.htb-order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
}
.htb-order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
}
.htb-order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
}
.htb-order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
}
.htb-order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
}
.htb-order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
}
.htb-order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
}
.htb-order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
}
.htb-order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
}
.htb-offset-xl-0 {
    margin-left: 0;
}
.htb-offset-xl-1 {
    margin-left: 8.333333%;
}
.htb-offset-xl-2 {
    margin-left: 16.666667%;
}
.htb-offset-xl-3 {
    margin-left: 25%;
}
.htb-offset-xl-4 {
    margin-left: 33.333333%;
}
.htb-offset-xl-5 {
    margin-left: 41.666667%;
}
.htb-offset-xl-6 {
    margin-left: 50%;
}
.htb-offset-xl-7 {
    margin-left: 58.333333%;
}
.htb-offset-xl-8 {
    margin-left: 66.666667%;
}
.htb-offset-xl-9 {
    margin-left: 75%;
}
.htb-offset-xl-10 {
    margin-left: 83.333333%;
}
.htb-offset-xl-11 {
    margin-left: 91.666667%;
}
}.htb-table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}
.htb-table td, .htb-table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #e9ecef;
}
.htb-table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #e9ecef;
}
.htb-table tbody+tbody {
    border-top: 2px solid #e9ecef;
}
.htb-table .htb-table {
    background-color: #fff;
}
.htb-table-sm td, .htb-table-sm th {
    padding: .3rem;
}
.htb-table-bordered {
    border: 1px solid #e9ecef;
}
.htb-table-bordered td, .htb-table-bordered th {
    border: 1px solid #e9ecef;
}
.htb-table-bordered thead td, .htb-table-bordered thead th {
    border-bottom-width: 2px;
}
.htb-table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05);
}
.htb-table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .075);
}
.htb-table-primary, .htb-table-primary>td, .htb-table-primary>th {
    background-color: #b8daff;
}
.htb-table-hover .htb-table-primary:hover {
    background-color: #9fcdff;
}
.htb-table-hover .htb-table-primary:hover>td, .htb-table-hover .htb-table-primary:hover>th {
    background-color: #9fcdff;
}
.htb-table-secondary, .htb-table-secondary>td, .htb-table-secondary>th {
    background-color: #dddfe2;
}
.htb-table-hover .htb-table-secondary:hover {
    background-color: #cfd2d6;
}
.htb-table-hover .htb-table-secondary:hover>td, .htb-table-hover .htb-table-secondary:hover>th {
    background-color: #cfd2d6;
}
.htb-table-success, .htb-table-success>td, .htb-table-success>th {
    background-color: #c3e6cb;
}
.htb-table-hover .htb-table-success:hover {
    background-color: #b1dfbb;
}
.htb-table-hover .htb-table-success:hover>td, .htb-table-hover .htb-table-success:hover>th {
    background-color: #b1dfbb;
}
.htb-table-info, .htb-table-info>td, .htb-table-info>th {
    background-color: #bee5eb;
}
.htb-table-hover .htb-table-info:hover {
    background-color: #abdde5;
}
.htb-table-hover .htb-table-info:hover>td, .htb-table-hover .htb-table-info:hover>th {
    background-color: #abdde5;
}
.htb-table-warning, .htb-table-warning>td, .htb-table-warning>th {
    background-color: #ffeeba;
}
.htb-table-hover .htb-table-warning:hover {
    background-color: #ffe8a1;
}
.htb-table-hover .htb-table-warning:hover>td, .htb-table-hover .htb-table-warning:hover>th {
    background-color: #ffe8a1;
}
.htb-table-danger, .htb-table-danger>td, .htb-table-danger>th {
    background-color: #f5c6cb;
}
.htb-table-hover .htb-table-danger:hover {
    background-color: #f1b0b7;
}
.htb-table-hover .htb-table-danger:hover>td, .htb-table-hover .htb-table-danger:hover>th {
    background-color: #f1b0b7;
}
.htb-table-light, .htb-table-light>td, .htb-table-light>th {
    background-color: #fdfdfe;
}
.htb-table-hover .htb-table-light:hover {
    background-color: #ececf6;
}
.htb-table-hover .htb-table-light:hover>td, .htb-table-hover .htb-table-light:hover>th {
    background-color: #ececf6;
}
.htb-table-dark, .htb-table-dark>td, .htb-table-dark>th {
    background-color: #c6c8ca;
}
.htb-table-hover .htb-table-dark:hover {
    background-color: #b9bbbe;
}
.htb-table-hover .htb-table-dark:hover>td, .htb-table-hover .htb-table-dark:hover>th {
    background-color: #b9bbbe;
}
.htb-table-active, .htb-table-active>td, .htb-table-active>th {
    background-color: rgba(0, 0, 0, .075);
}
.htb-table-hover .htb-table-active:hover {
    background-color: rgba(0, 0, 0, .075);
}
.htb-table-hover .htb-table-active:hover>td, .htb-table-hover .htb-table-active:hover>th {
    background-color: rgba(0, 0, 0, .075);
}
.htb-table .htb-thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e;
}
.htb-table .htb-thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #e9ecef;
}
.htb-table-dark {
    color: #fff;
    background-color: #212529;
}
.htb-table-dark td, .htb-table-dark th, .htb-table-dark thead th {
    border-color: #32383e;
}
.htb-table-dark.htb-table-bordered {
    border: 0;
}
.htb-table-dark.htb-table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05);
}
.htb-table-dark.htb-table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, .075);
}
@media (max-width:575px) {
    .htb-table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.htb-table-responsive-sm.htb-table-bordered {
    border: 0;
}
}@media (max-width:767px) {
    .htb-table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.htb-table-responsive-md.htb-table-bordered {
    border: 0;
}
}@media (max-width:991px) {
    .htb-table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.htb-table-responsive-lg.htb-table-bordered {
    border: 0;
}
}@media (max-width:1199px) {
    .htb-table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.htb-table-responsive-xl.htb-table-bordered {
    border: 0;
}
}.htb-table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.htb-table-responsive.htb-table-bordered {
    border: 0;
}
.htb-form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.htb-form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}
.htb-form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.htb-form-control::-webkit-input-placeholder {
    color: #868e96;
    opacity: 1;
}
.htb-form-control:-ms-input-placeholder {
    color: #868e96;
    opacity: 1;
}
.htb-form-control::-ms-input-placeholder {
    color: #868e96;
    opacity: 1;
}
.htb-form-control::placeholder {
    color: #868e96;
    opacity: 1;
}
.htb-form-control:disabled, .htb-form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}
select.htb-form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px);
}
select.htb-form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}
.htb-form-control-file, .htb-form-control-range {
    display: block;
}
.htb-col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    line-height: 1.5;
}
.htb-col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5;
}
.htb-col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5;
}
.htb-form-group {
    margin-bottom: 1rem;
}
.htb-form-text {
    display: block;
    margin-top: .25rem;
}
.htb-form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.htb-form-row>.htb-col, .htb-form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}

.htb-btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.htb-btn:focus, .htb-btn:hover {
    text-decoration: none;
}
.htb-btn.htb-focus, .htb-btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.htb-btn.disabled, .htb-btn:disabled {
    opacity: .65;
}
.htb-btn:not([disabled]):not(.disabled).htb-active, .htb-btn:not([disabled]):not(.htb-disabled):active {
    background-image: none;
}
a.htb-btn.htb-disabled, fieldset[disabled] a.htb-htb-btn {
    pointer-events: none;
}
.htb-btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.htb-btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}
.htb-btn-primary.htb-focus, .htb-btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}
.htb-btn-primary.htb-disabled, .htb-btn-primary:disabled {
    background-color: #007bff;
    border-color: #007bff;
}
.htb-btn-primary:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-primary:not([disabled]):not(.htb-disabled):active, .show>.htb-btn-primary.htb-dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}
.htb-btn-secondary {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
}
.htb-btn-secondary:hover {
    color: #fff;
    background-color: #727b84;
    border-color: #6c757d;
}
.htb-btn-secondary.htb-focus, .htb-btn-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
}
.htb-btn-secondary.htb-disabled, .htb-btn-secondary:disabled {
    background-color: #868e96;
    border-color: #868e96;
}
.htb-btn-secondary:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-secondary:not([disabled]):not(.htb-disabled):active, .show>.htb-btn-secondary.htb-dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #666e76;
    box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
}
.htb-btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}
.htb-btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}
.htb-btn-success.htb-focus, .htb-btn-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
}
.htb-btn-success.htb-disabled, .htb-btn-success:disabled {
    background-color: #28a745;
    border-color: #28a745;
}
.htb-btn-success:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-success:not([disabled]):not(.htb-disabled):active, .htb-show>.htb-btn-success.htb-dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
}
.htb-btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
.htb-btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
}
.htb-btn-info.focus, .htb-btn-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
}
.htb-btn-info.disabled, .htb-btn-info:disabled {
    background-color: #17a2b8;
    border-color: #17a2b8;
}
.htb-btn-info:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-info:not([disabled]):not(.htb-disabled):active, .htb-show>.htb-btn-info.htb-dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
}
.htb-btn-warning {
    color: #111;
    background-color: #ffc107;
    border-color: #ffc107;
}
.htb-btn-warning:hover {
    color: #111;
    background-color: #e0a800;
    border-color: #d39e00;
}
.htb-btn-warning.focus, .htb-btn-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
}
.htb-btn-warning.disabled, .htb-btn-warning:disabled {
    background-color: #ffc107;
    border-color: #ffc107;
}
.htb-btn-warning:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-warning:not([disabled]):not(.htb-disabled):active, .htb-show>.htb-btn-warning.htb-dropdown-toggle {
    color: #111;
    background-color: #d39e00;
    border-color: #c69500;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
}
.htb-btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.htb-btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}
.htb-btn-danger.focus, .htb-btn-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
}
.htb-btn-danger.disabled, .htb-btn-danger:disabled {
    background-color: #dc3545;
    border-color: #dc3545;
}
.htb-btn-danger:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-danger:not([disabled]):not(.htb-disabled):active, .htb-show>.htb-btn-danger.htb-dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
}

.htb-fade {
    opacity: 0;
    transition: opacity .15s linear;
}
.htb-modal.htb-fade {
    display: none;
}
.htb-modal.htb-fade.htb-show {
    display: block;
}
.htb-fade.htb-show {
    opacity: 1;
}
.htb-collapse {
    display: none;
}
.htb-collapse.htb-show {
    display: block;
}
.htb-collapsing{
    position:relative;
    height:0;
    overflow:hidden;
    transition:height .35s ease;
}
tr.htb-collapse.htb-show {
    display: table-row;
}
tbody.htb-collapse.htb-show {
    display: table-row-group;
}

[data-toggle=buttons]>.htb-btn input[type=checkbox], [data-toggle=buttons]>.htb-btn input[type=radio], [data-toggle=buttons]>.htb-btn-group>.htb-btn input[type=checkbox], [data-toggle=buttons]>.htb-btn-group>.htb-btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.htb-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.htb-nav-link {
    display: block;
    padding: .5rem 1rem;
}
.htb-nav-link:focus, .htb-nav-link:hover {
    text-decoration: none;
}
.htb-nav-link.htb-disabled {
    color: #868e96;
}
.htb-nav-tabs {
    border-bottom: 1px solid #ddd;
}
.htb-nav-tabs .htb-nav-item {
    margin-bottom: -1px;
}
.htb-nav-tabs .htb-nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.htb-nav-tabs .htb-nav-link:focus, .htb-nav-tabs .htb-nav-link:hover {
    border-color: #e9ecef #e9ecef #ddd;
}
.htb-nav-tabs .htb-nav-link.htb-disabled {
    color: #868e96;
    background-color: transparent;
    border-color: transparent;
}
.htb-nav-tabs .htb-nav-item.show .htb-nav-link, .htb-nav-tabs .htb-nav-link.htb-active {
    color: #495057;
    background-color: #fff;
    border-color: #ddd #ddd #fff;
}
.htb-nav-pills .htb-nav-link {
    border-radius: .25rem;
}
.htb-nav-pills .htb-nav-link.htb-active, .htb-nav-pills .show>.htb-nav-link {
    color: #fff;
    background-color: #007bff;
}
.htb-nav-fill .htb-nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}
.htb-nav-justified .htb-nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}
.htb-tab-content>.htb-tab-pane {
    display: none;
}
.htb-tab-content>.htb-active {
    display: block;
}

@media (min-width:576px) {
    
    .htb-pagination {
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
        list-style: none;
        border-radius: .25rem;
    }

    .htb-alert {
        position: relative;
        padding: .75rem 1.25rem;
        margin-bottom: 1rem;
        border: 1px solid transparent;
        border-radius: .25rem;
    }

    @-webkit-keyframes progress-bar-stripes {
        from {
            background-position: 1rem 0;
        }
        to {
            background-position: 0 0;
        }
    }@keyframes progress-bar-stripes {
        from {
            background-position: 1rem 0;
        }
        to {
            background-position: 0 0;
        }
    }
    .htb-progress {
        display: -ms-flexbox;
        display: flex;
        height: 1rem;
        overflow: hidden;
        font-size: .75rem;
        background-color: #e9ecef;
        border-radius: .25rem;
    }
    .htb-progress-bar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        background-color: #007bff;
    }
    .htb-progress-bar-striped {
        background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-size: 1rem 1rem;
    }
    .htb-progress-bar-animated {
        -webkit-animation: progress-bar-stripes 1s linear infinite;
        animation: progress-bar-stripes 1s linear infinite;
    }
    .htb-media {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    
}@media (min-width:320px) {
    .htb-progress {
        display: -ms-flexbox;
        display: flex;
        height: 1rem;
        overflow: hidden;
        font-size: .75rem;
        background-color: #e9ecef;
        border-radius: .25rem;
    }
    .htb-progress-bar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        background-color: #007bff;
    }
    .htb-progress-bar-striped {
        background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-size: 1rem 1rem;
    }
    .htb-progress-bar-animated {
        -webkit-animation: progress-bar-stripes 1s linear infinite;
        animation: progress-bar-stripes 1s linear infinite;
    }    
    .htb-close {
        float: right;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: .5;
    }
    .htb-close:focus, .htb-close:hover {
        color: #000;
        text-decoration: none;
        opacity: .75;
    }
    button.htb-close {
        padding: 0;
        background: 0 0;
        border: 0;
        -webkit-appearance: none;
    }
    .htb-modal-open {
        overflow: hidden;
    }
    .htb-modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        display: none;
        overflow: hidden;
        outline: 0;
    }
    .htb-modal.htb-fade .htb-modal-dialog {
        transition: -webkit-transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out, -webkit-transform .3s ease-out;
        -webkit-transform: translate(0, -25%);
        transform: translate(0, -25%);
    }
    .htb-modal.htb-show .htb-modal-dialog {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .htb-modal-open .htb-modal {
        overflow-x: hidden;
        overflow-y: auto;
    }
    .htb-modal-dialog {
        position: relative;
        width: auto;
        margin: 10px;
        pointer-events: none;
    }
    .htb-modal-content {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: .3rem;
        outline: 0;
    }
    .htb-modal-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #000;
    }
    .htb-modal-backdrop.htb-fade {
        opacity: 0;
    }
    .htb-modal-backdrop.htb-show {
        opacity: .5;
    }
    .htb-modal-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 15px;
        border-bottom: 1px solid #e9ecef;
        border-top-left-radius: .3rem;
        border-top-right-radius: .3rem;
    }
    .htb-modal-header .htb-close {
        padding: 15px;
        margin: -15px -15px -15px auto;
    }
    .htb-modal-title {
        margin-bottom: 0;
        line-height: 1.5;
    }
    .htb-modal-body {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 15px;
    }
    .htb-modal-footer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 15px;
        border-top: 1px solid #e9ecef;
    }
    .htb-modal-footer>:not(:first-child) {
        margin-left: .25rem;
    }
    .htb-modal-footer>:not(:last-child) {
        margin-right: .25rem;
    }
    .htb-modal-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll;
    }
    .htb-modal-dialog {
        max-width: 500px;
        margin: 30px auto;
    }
    .htb-modal-sm {
        max-width: 300px;
    }
    
}@media (min-width:992px) {
    .htb-modal-lg {
        max-width: 800px;
    }
}.htb-tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0;
}
.htb-tooltip.htb-show {
    opacity: .9;
}
.htb-tooltip .htb-arrow {
    position: absolute;
    display: block;
    width: 5px;
    height: 5px;
}
.htb-tooltip .htb-arrow::before {
    position: absolute;
    border-color: transparent;
    border-style: solid;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=top], .htb-tooltip.bs-tooltip-top {
    padding: 5px 0;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=top] .htb-arrow, .htb-tooltip.bs-tooltip-top .htb-arrow {
    bottom: 0;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=top] .htb-arrow::before, .htb-tooltip.bs-tooltip-top .htb-arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=right], .htb-tooltip.bs-tooltip-right {
    padding: 0 5px;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=right] .htb-arrow, .htb-tooltip.bs-tooltip-right .htb-arrow {
    left: 0;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=right] .htb-arrow::before, .htb-tooltip.bs-tooltip-right .htb-arrow::before {
    margin-top: -3px;
    content: "";
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=bottom], .htb-tooltip.bs-tooltip-bottom {
    padding: 5px 0;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=bottom] .htb-arrow, .htb-tooltip.bs-tooltip-bottom .htb-arrow {
    top: 0;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=bottom] .htb-arrow::before, .htb-tooltip.bs-tooltip-bottom .htb-arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=left], .htb-tooltip.bs-tooltip-left {
    padding: 0 5px;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=left] .htb-arrow, .htb-tooltip.bs-tooltip-left .htb-arrow {
    right: 0;
}
.htb-tooltip.bs-tooltip-auto[x-placement^=left] .htb-arrow::before, .htb-tooltip.bs-tooltip-left .htb-arrow::before {
    right: 0;
    margin-top: -3px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}
.htb-tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem;
}
.htb-popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
}
.htb-popover .htb-arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem;
}
.htb-popover .htb-arrow::after, .htb-popover .htb-arrow::before {
    position: absolute;
    display: block;
    border-color: transparent;
    border-style: solid;
}
.htb-popover .htb-arrow::before {
    content: "";
    border-width: .8rem;
}
.htb-popover .htb-arrow::after {
    content: "";
    border-width: .8rem;
}
.htb-popover.htb-bs-popover-auto[x-placement^=top], .htb-popover.htb-bs-popover-top {
    margin-bottom: .8rem;
}
.htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow, .htb-popover.htb-bs-popover-top .htb-arrow {
    bottom: 0;
}
.htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow::after, .htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow::before, .htb-popover.htb-bs-popover-top .htb-arrow::after, .htb-popover.htb-bs-popover-top .htb-arrow::before {
    border-bottom-width: 0;
}
.htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow::before, .htb-popover.htb-bs-popover-top .htb-arrow::before {
    bottom: -.8rem;
    margin-left: -.8rem;
    border-top-color: rgba(0, 0, 0, .25);
}
.htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow::after, .htb-popover.htb-bs-popover-top .htb-arrow::after {
    bottom: calc((.8rem - 1px) * -1);
    margin-left: -.8rem;
    border-top-color: #fff;
}
.htb-popover.htb-bs-popover-auto[x-placement^=right], .htb-popover.htb-bs-popover-right {
    margin-left: .8rem;
}
.htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow, .htb-popover.htb-bs-popover-right .htb-arrow {
    left: 0;
}
.htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow::after, .htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow::before, .htb-popover.htb-bs-popover-right .htb-arrow::after, .htb-popover.htb-bs-popover-right .htb-arrow::before {
    margin-top: -.8rem;
    border-left-width: 0;
}
.htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow::before, .htb-popover.htb-bs-popover-right .htb-arrow::before {
    left: -.8rem;
    border-right-color: rgba(0, 0, 0, .25);
}
.htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow::after, .htb-popover.htb-bs-popover-right .htb-arrow::after {
    left: calc((.8rem - 1px) * -1);
    border-right-color: #fff;
}
.htb-popover.htb-bs-popover-auto[x-placement^=bottom], .htb-popover.htb-bs-popover-bottom {
    margin-top: .8rem;
}
.htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow, .htb-popover.htb-bs-popover-bottom .htb-arrow {
    top: 0;
}
.htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow::after, .htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow::before, .htb-popover.htb-bs-popover-bottom .htb-arrow::after, .htb-popover.htb-bs-popover-bottom .htb-arrow::before {
    margin-left: -.8rem;
    border-top-width: 0;
}
.htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow::before, .htb-popover.htb-bs-popover-bottom .htb-arrow::before {
    top: -.8rem;
    border-bottom-color: rgba(0, 0, 0, .25);
}
.htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow::after, .htb-popover.htb-bs-popover-bottom .htb-arrow::after {
    top: calc((.8rem - 1px) * -1);
    border-bottom-color: #fff;
}
.htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-popover-header::before, .htb-popover.htb-bs-popover-bottom .htb-popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 20px;
    margin-left: -10px;
    content: "";
    border-bottom: 1px solid #f7f7f7;
}
.htb-popover.htb-bs-popover-auto[x-placement^=left], .htb-popover.htb-bs-popover-left {
    margin-right: .8rem;
}
.htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow, .htb-popover.htb-bs-popover-left .htb-arrow {
    right: 0;
}
.htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow::after, .htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow::before, .htb-popover.htb-bs-popover-left .htb-arrow::after, .htb-popover.htb-bs-popover-left .htb-arrow::before {
    margin-top: -.8rem;
    border-right-width: 0;
}
.htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow::before, .htb-popover.htb-bs-popover-left .htb-arrow::before {
    right: -.8rem;
    border-left-color: rgba(0, 0, 0, .25);
}
.htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow::after, .htb-popover.htb-bs-popover-left .htb-arrow::after {
    right: calc((.8rem - 1px) * -1);
    border-left-color: #fff;
}
.htb-popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
}
.htb-popover-header:empty {
    display: none;
}
.htb-popover-body {
    padding: .5rem .75rem;
    color: #212529;
}

.htb-float-left {
    float: left!important;
}
.htb-float-right {
    float: right!important;
}
.htb-float-none {
    float: none!important;
}
.htb-visible {
    visibility: visible!important;
}
.htb-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.htb-fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .htb-sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.htb-justify-content-start {
    -ms-flex-pack: start!important;
    justify-content: flex-start!important;
}

.htb-justify-content-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}

.htb-justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.htb-justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}

.htb-justify-content-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important;
}

.htb-align-items-start {
    -ms-flex-align: start!important;
    align-items: flex-start!important;
}

.htb-align-items-end {
    -ms-flex-align: end!important;
    align-items: flex-end!important;
}

.htb-align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}

.htb-align-items-baseline {
    -ms-flex-align: baseline!important;
    align-items: baseline!important;
}

.htb-align-items-stretch {
    -ms-flex-align: stretch!important;
    align-items: stretch!important;
}

.htb-align-content-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important;
}

.htb-align-content-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important;
}

.htb-align-content-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important;
}

.htb-align-content-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important;
}

.htb-align-content-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important;
}

.htb-align-content-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important;
}

.htb-align-self-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important;
}

.htb-align-self-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important;
}

.htb-align-self-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important;
}

.htb-align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important;
}

.htb-align-self-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important;
}

.htb-align-self-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important;
}
.htb-btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff;
}

.htb-btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.htb-btn-outline-primary.focus,
.htb-btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}

.htb-btn-outline-primary.disabled,
.htb-btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent;
}

.htb-btn-outline-primary:not([disabled]):not(.disabled).active,
.htb-btn-outline-primary:not([disabled]):not(.disabled):active,
.show>.htb-btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}

.htb-btn-outline-secondary {
    color: #868e96;
    background-color: transparent;
    background-image: none;
    border-color: #868e96;
}

.htb-btn-outline-secondary:hover {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
}

.htb-btn-outline-secondary.focus,
.htb-btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
}

.htb-btn-outline-secondary.disabled,
.htb-btn-outline-secondary:disabled {
    color: #868e96;
    background-color: transparent;
}

.htb-btn-outline-secondary:not([disabled]):not(.disabled).active,
.htb-btn-outline-secondary:not([disabled]):not(.disabled):active,
.show>.htb-btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
    box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
}

.htb-btn-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745;
}

.htb-btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.htb-btn-outline-success.focus,
.htb-btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
}

.htb-btn-outline-success.disabled,
.htb-btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent;
}

.htb-btn-outline-success:not([disabled]):not(.disabled).active,
.htb-btn-outline-success:not([disabled]):not(.disabled):active,
.show>.htb-btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
}

.htb-btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8;
}

.htb-btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.htb-btn-outline-info.focus,
.htb-btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
}

.htb-btn-outline-info.disabled,
.htb-btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent;
}

.htb-btn-outline-info:not([disabled]):not(.disabled).active,
.htb-btn-outline-info:not([disabled]):not(.disabled):active,
.show>.htb-btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
}

.htb-btn-outline-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107;
}

.htb-btn-outline-warning:hover {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;
}

.htb-btn-outline-warning.focus,
.htb-btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
}

.htb-btn-outline-warning.disabled,
.htb-btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent;
}

.htb-btn-outline-warning:not([disabled]):not(.disabled).active,
.htb-btn-outline-warning:not([disabled]):not(.disabled):active,
.show>.htb-btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
}

.htb-btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545;
}

.htb-btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.htb-btn-outline-danger.focus,
.htb-btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
}

.htb-btn-outline-danger.disabled,
.htb-btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent;
}

.htb-btn-outline-danger:not([disabled]):not(.disabled).active,
.htb-btn-outline-danger:not([disabled]):not(.disabled):active,
.show>.htb-btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
}

.htb-btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa;
}

.htb-btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.htb-btn-outline-light.focus,
.htb-btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
}

.htb-btn-outline-light.disabled,
.htb-btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}

.htb-btn-outline-light:not([disabled]):not(.disabled).active,
.htb-btn-outline-light:not([disabled]):not(.disabled):active,
.show>.htb-btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
}

.htb-btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40;
}

.htb-btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.htb-btn-outline-dark.focus,
.htb-btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
}

.htb-btn-outline-dark.disabled,
.htb-btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent;
}

.htb-btn-outline-dark:not([disabled]):not(.disabled).htb-active,
.htb-btn-outline-dark:not([disabled]):not(.disabled):active,
.htb-show>.htb-btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
}

.htb-alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.htb-alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.htb-alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url(//technotica.com.br/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(//technotica.com.br/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(//technotica.com.br/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(//technotica.com.br/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(//technotica.com.br/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(//technotica.com.br/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}


/*!
Animate.css - http://daneden.me/animate
Version - 3.4.0
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
  animation-duration: 2s;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  animation-duration: 2s;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  animation-duration: 2s;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
  animation-duration: 2s;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  animation-duration: 2s;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
  animation-duration: 2s;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  animation-duration: 2s;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
  animation-duration: 2s;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  animation-duration: 2s;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
  animation-duration: 2s;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  animation-duration: 2s;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
  animation-duration: 2s;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
  animation-duration: 2s;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
  animation-duration: 2s;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
  animation-duration: 2s;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
  animation-duration: 2s;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
  animation-duration: 2s;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
  animation-duration: 2s;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}/*-----------------------
// Button Effect With keyframe
-----------------------*/
@-webkit-keyframes np-btn--1 {
  60% {
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
  }
  85% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes np-btn--1 {
  60% {
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
  }
  85% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes np-btn--2 {
  to {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes np-btn--2 {
  to {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/* Effect Horizontal */
@-webkit-keyframes np-hvr-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes np-hvr-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* Effect To Bottom Right */
@-webkit-keyframes hvr-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes hvr-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}


/*----------------------------
    Team keyframes
----------------------------*/

/*----------------------------
keyframes bounceY
----------------------------*/

@keyframes bounceY {
    0% {
        transform: translateY(-205px);
    }
    40% {
        transform: translateY(-100px);
    }
    65% {
        transform: translateY(-52px);
    }
    82% {
        transform: translateY(-25px);
    }
    92% {
        transform: translateY(-12px);
    }
    55%,
    75%,
    87%,
    97%,
    100% {
        transform: translateY(0px);
    }
}

@-moz-keyframes bounceY {
    0% {
        -moz-transform: translateY(-205px);
    }
    40% {
        -moz-transform: translateY(-100px);
    }
    65% {
        -moz-transform: translateY(-52px);
    }
    82% {
        -moz-transform: translateY(-25px);
    }
    92% {
        -moz-transform: translateY(-12px);
    }
    55%,
    75%,
    87%,
    97%,
    100% {
        -moz-transform: translateY(0px);
    }
}

@-webkit-keyframes bounceY {
    0% {
        -webkit-transform: translateY(-205px);
    }
    40% {
        -webkit-transform: translateY(-100px);
    }
    65% {
        -webkit-transform: translateY(-52px);
    }
    82% {
        -webkit-transform: translateY(-25px);
    }
    92% {
        -webkit-transform: translateY(-12px);
    }
    55%,
    75%,
    87%,
    97%,
    100% {
        -webkit-transform: translateY(0px);
    }
}@font-face {
  font-family: 'th-icon';
  src:  url(//technotica.com.br/wp-content/themes/m-shop//third-party/fonts/th-icon/fonts/th-icon.eot?stlo25);
  src:  url(//technotica.com.br/wp-content/themes/m-shop//third-party/fonts/th-icon/fonts/th-icon.eot?stlo25#iefix) format('embedded-opentype'),
    url(//technotica.com.br/wp-content/themes/m-shop//third-party/fonts/th-icon/fonts/th-icon.ttf?stlo25) format('truetype'),
    url(//technotica.com.br/wp-content/themes/m-shop//third-party/fonts/th-icon/fonts/th-icon.woff?stlo25) format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.th-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'th-icon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.th-icon-th-col:before {
  content: "\f00a";
}
.th-icon-th-list:before {
  content: "\f00b";
}
.th-icon-home1:before {
  content: "\f015";
}
.th-icon-download:before {
  content: "\f019";
}
.th-icon-calendar:before {
  content: "\f073";
}
.th-icon-twitter:before {
  content: "\f099";
}
.th-icon-facebook:before {
  content: "\f09a";
}
.th-icon-linkedin:before {
  content: "\f0e1";
}
.th-icon-comment-o:before {
  content: "\f0e5";
}
.th-icon-comments-o:before {
  content: "\f0e6";
}
.th-icon-angle-double-left:before {
  content: "\f100";
}
.th-icon-angle-double-right:before {
  content: "\f101";
}
.th-icon-angle-double-up:before {
  content: "\f102";
}
.th-icon-angle-double-down:before {
  content: "\f103";
}
.th-icon-angle-left:before {
  content: "\f104";
}
.th-icon-angle-right:before {
  content: "\f105";
}
.th-icon-angle-up:before {
  content: "\f106";
}
.th-icon-angle-down:before {
  content: "\f107";
}
.th-icon-youtube-play:before {
  content: "\f16a";
}
.th-icon-instagram:before {
  content: "\f16d";
}
.th-icon-tumblr:before {
  content: "\f173";
}
.th-icon-dribbble:before {
  content: "\f17d";
}
.th-icon-skype:before {
  content: "\f17e";
}
.th-icon-stumbleupon:before {
  content: "\f1a4";
}
.th-icon-pinterest-p:before {
  content: "\f231";
}
.th-icon-whatsapp:before {
  content: "\f232";
}
.th-icon-opencart:before {
  content: "\f23d";
}
.th-icon-vimeo:before {
  content: "\f27d";
}
.th-icon-vector-search:before {
  content: "\e92f";
}
.th-icon-home:before {
  content: "\e91a";
}
.th-icon-quickview:before {
  content: "\e91b";
}
.th-icon-user:before {
  content: "\e91c";
}
.th-icon-heartline:before {
  content: "\e91d";
}
.th-icon-Interface-Icons-14:before {
  content: "\e91e";
}
.th-icon-delete:before {
  content: "\e91f";
}
.th-icon-lock1:before {
  content: "\e920";
}
.th-icon-lock2:before {
  content: "\e921";
}
.th-icon-call:before {
  content: "\e922";
}
.th-icon-Photography-Icons-06:before {
  content: "\e923";
}
.th-icon-Shopping-Bag-Cart-Icons-01:before {
  content: "\e924";
}
.th-icon-Shopping-Bag-Cart-Icons-11:before {
  content: "\e925";
}
.th-icon-Shopping-Bag-Cart-Icons-23:before {
  content: "\e926";
}
.th-icon-Shopping_icons-01:before {
  content: "\e927";
}
.th-icon-Shopping_icons-11:before {
  content: "\e928";
}
.th-icon-Shopping_icons-16:before {
  content: "\e929";
}
.th-icon-TextEditor-Icons-01:before {
  content: "\e92a";
}
.th-icon-TextEditor-Icons-02:before {
  content: "\e92b";
}
.th-icon-search1:before {
  content: "\e930";
}
.th-icon-clear:before {
  content: "\e900";
}
.th-icon-format_align_justify:before {
  content: "\e901";
}
.th-icon-format_align_left:before {
  content: "\e902";
}
.th-icon-keyboard_arrow_left:before {
  content: "\e903";
}
.th-icon-keyboard_arrow_right:before {
  content: "\e904";
}
.th-icon-local_grocery_store:before {
  content: "\e905";
}
.th-icon-arrow_forward:before {
  content: "\e906";
}
.th-icon-check:before {
  content: "\e907";
}
.th-icon-cached:before {
  content: "\e908";
}
.th-icon-favorite:before {
  content: "\e909";
}
.th-icon-favorite_outline:before {
  content: "\e90a";
}
.th-icon-arrow-left:before {
  content: "\e90b";
}
.th-icon-arrow-right:before {
  content: "\e90c";
}
.th-icon-check1:before {
  content: "\e90d";
}
.th-icon-chevron-left:before {
  content: "\e90e";
}
.th-icon-chevron-right:before {
  content: "\e90f";
}
.th-icon-eye:before {
  content: "\e910";
}
.th-icon-headphones:before {
  content: "\e911";
}
.th-icon-heart1:before {
  content: "\e912";
}
.th-icon-lock:before {
  content: "\e913";
}
.th-icon-phone:before {
  content: "\e914";
}
.th-icon-refresh-ccw:before {
  content: "\e915";
}
.th-icon-refresh-cw:before {
  content: "\e916";
}
.th-icon-repeat:before {
  content: "\e917";
}
.th-icon-search:before {
  content: "\e918";
}
.th-icon-shopping-cart:before {
  content: "\e919";
}
.th-icon-heart2:before {
  content: "\e92c";
}
.th-icon-cart:before {
  content: "\e92d";
}
.th-icon-refresh:before {
  content: "\e92e";
}
.th-icon-heart:before {
  content: "\e9da";
}



/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
            This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
            calculation of the height of the owl-item that breaks page layouts
         */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(//technotica.com.br/wp-content/themes/m-shop//css/owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

.owl-carousel:not(.owl-loaded){
   opacity: 0;
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
# Accessibility
# Media
  ## Captions
  ## Galleries
# Basic Layout  
  ## Structure 
  ## Header
  ## Aside sidebar
# Front page Section style  
# Woocommerce Product style
## Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header, 
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active {
  outline: 0;
}
a,
a:visited,
a:hover,
a:focus {
  text-decoration: none;
}
.entry-content a,.thunk-post-excerpt a{
text-decoration:underline;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
.search .search-submit,
#comments .submit {
  padding: 10px 15px;
  border-radius: 2px;
  line-height: 1.85714285714286;
  border: 0;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: linear-gradient(
45deg
,transparent 50%,gray 50%),linear-gradient(
135deg
,gray 50%,transparent 50%);
    background-position: calc(100% - 20px)calc(1em + 0px),calc(100% - 15px)calc(1em + 0px),calc(100% - 2.5em).5em;
    background-size: 5px 5px,5px 5px,1px 1.5em;
    background-repeat: no-repeat;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #eaeaea;
  margin: 0 0px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
fieldset legend {
  margin-bottom: 1.5em;
  padding: 0 0.5em;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
/*--------------------------------------------------------------
# Site Variables
--------------------------------------------------------------*/
/*----------  Font Size  ----------*/
/*----------  Line Height  ----------*/
/*----------  Site Basic Structure  ----------*/
/*----------  z-index Structure   ----------*/
/*--------------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-family: "JosefinSans-SemiBold", sans-serif;
}

h1,
.entry-content h1 {
  
  font-size: 2em;
  line-height: 1.2;
}

h2,
.entry-content h2 {
 
  font-size: 1.7em;
  line-height: 1.3;
}

h3,
.entry-content h3 {
  font-size: 1.5em;
  line-height: 1.4;
}

h4,
.entry-content h4 {
 
  line-height: 1.5;
  font-size: 1.3em;
}

h5,
.entry-content h5 {
  
  line-height: 1.6;
  font-size: 1.2em;
}

h6,
.entry-content h6 {

  line-height: 1.7;
  font-size: 1.1em;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  color: #111;
  background:#f4f7f9;
  /* Fallback for when there is no custom background color defined. */
  font-style: normal;
  font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    font-family:"Roboto-Regular", sans-serif;
    font-weight: inherit;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
    text-rendering: optimizeLegibility; 
    -moz-font-feature-settings: "liga" on; 
}

ul, ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

b,
strong {
  font-weight: bold;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote,
q {
  quotes: "" "";
}

blockquote:before, blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote {
  border-left: 5px solid rgba(0, 0, 0, 0.05);
  padding: 20px;
  font-size: 1.2em;
  font-style: italic;
  margin: 0 0 1.5em;
  position: relative;
}

blockquote p:last-child {
  margin: 0;
}

address {
  margin: 0 0 1.5em;
}

abbr,
acronym {
  border-bottom: 1px dotted #000;
  cursor: help;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  margin-bottom: 1.6em;
  overflow: auto;
  max-width: 100%;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
.button,
button,
input,
select,
textarea {
  color: #000;
  font-weight: normal;
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */
   font-size:.9375rem;
}

button,
input {
  line-height: normal;
  /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}

big {
  font-size: 125%;
}

mark,
ins {
  background: transparent;
  text-decoration: none;
}

ul, ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

table, th, td {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.5em;
  width: 100%;
}

th {
  font-weight: bold;
}

th, td {
  padding: 8px;
  text-align: left;
  border-width: 0 1px 1px 0;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
    border-color: #E32E00;
   border-radius: .3125rem ;
    background: #E32E00;
    padding: .6em 1em .4em;
    color: #fff;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
textarea {
  color: #000;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-appearance: none;
  padding: 0rem 0.8rem;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
textarea:focus ,
a:focus, :focus,
button:active, button:focus,
.button:active,
.button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus  {
    outline: thin dotted;
    text-decoration: none;
}
textarea {
  padding-left: 3px;
  width: 100%;
}
select{padding: 0rem 0.8rem;}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #111;
}

a:hover, a:focus {
  color: #E32E00;
}

a:focus {
  outline: thin dotted;
}

a:hover {
  outline: 0;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 2px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 12.25px;
  font-size: 0.875rem;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.clear:before,
.clear:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
#primary:before,
#primary:after,
.site-main:before,
.site-main:after,
#secondary:before,
#secondary:after,
.sidebar-main:before,
.sidebar-main:after,
.site-footer:before,
.site-footer:after,
{
  content: "";
  display: table;
}

.clear:after,
.site-header:after,
.site-content:after,
#primary:after,
.site-main:after,
#secondary:after,
.sidebar-main:after,
.site-footer:after,
{
  clear: both;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery{
  margin-left: -0.5em;
  margin-right: -0.5em;
}

.gallery:after {
  display: table;
  content: "";
  clear: both;
}

.gallery-item img {
  width: 100%;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
    float: none;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}
.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
  clear: left;
}
.gallery-caption {}
.bypostauthor{}
.sticky{}
/*----------  Media ----------*/
.single .entry-content .gallery {
  margin-left: -10px;
  margin-right: -10px;
}

.gallery-caption {
  color: black;
  padding: 10px;
  border-radius: 0 0 2px 2px;
  border: 1px solid #eaeaea;
  border-top: none;
  font-size: 0.9em;
}

.gallery-icon {
  border-bottom: 0;
  border-radius: 2px 2px 0 0;
  border: 1px solid #eaeaea;
  overflow: hidden;
}

.gallery-item {
  margin: 0;
  padding: 10px;
  border-radius: 2px;
}

.gallery-item:last-child {
  margin-bottom: 2em;
}

.elementor-image-gallery .gallery-icon {
  border: none;
}
/*--------------------------------------------------------------
## Basic Layout
--------------------------------------------------------------*/
main #content {
    padding-left: 21rem;
    padding-top: 7rem;
    display: block;
    overflow: hidden;
}
.page-template-frontpage main #content{
padding-top:6.2rem;
}
.main-area {
    display: block;
    position: relative;
}
.primary-content-area {
    width: 100%;
    float: left;
    margin: 0;
    padding-left: 1rem;
    padding-right: 0;
}
aside.m-shop-sidebar {
    position: fixed;
    top: 82px;
    left: 0;
    height: 100%;
    border-right: 1px solid #e3e9ef;
    width: 100%;
    max-width: 22rem;
   z-index:9;
    background-color: #fff;
    -webkit-transition: left .2s ease-in-out;
    -moz-transition: left .2s ease-in-out;
    transition: left .2s ease-in-out;
}
.logged-in aside.m-shop-sidebar{
  top: 112px;
}

footer.m-shop-footer {
    padding-left: 22rem;
    padding-right: 0;
}
.right-side footer.m-shop-footer {
    padding-right: 22rem;
    padding-left: 0;
}

/*--------------------------------------------------------------
## Header Layout
--------------------------------------------------------------*/
header {
    position: fixed;
    background: #fff;
    height: 82px;
    width: 100%;
    box-shadow: 0 .125rem .3rem -.0625rem rgba(0,0,0,.03),0 .275rem .75rem -.0625rem rgba(0,0,0,.06)!important;
    z-index:99;
}
img.custom-logo{
    max-width: 182px;
}
.main-header{
    position: relative;
    padding: 1rem 0rem;
}
.main-header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:#ffffff91;
}

.main-header-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
.main-header-col1 {
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
    margin-right: 1rem;
}
.main-header-col2,.main-header-col3 {
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    flex: auto;
}
.responsive-main-header,
header .mobile-nav-bar.sider.left,
header .mobile-nav-bar.sider.right {
    display: none;
} 

/*------------site title-----------------*/
.site-title span {
    font-size:1.2rem;
}
.site-description p{
   font-size:0.89rem;
}
/*  WPC ICONS   */
.thunk-product .woosw-btn:before,
.woosw-btn:before{
    content: "\f08a";
    font-family:'fontawesome';
    margin: 0;
    font-size: 11px;
    font-weight: bold;
}
.thunk-product .woosw-btn,
.woosw-btn,
.thunk-product .wooscp-btn,
.wooscp-btn{
    position: relative;
    justify-content: center;
    font-size: 0;
    font-weight: bold;
    background: transparent;
}
.thunk-product .woosw-added:before,
.woosw-added:before{
  content: "\f004"!important;
  margin: 0!important;
}
.thunk-product .wooscp-btn:before,
.wooscp-btn:before{
    content: "\f021"!important;
    font-family:'fontawesome';
    margin: 0!important;
    font-size:11px;
}
.woocommerce .woosw-btn:before, 
.woocommerce .wooscp-btn:before,
.woocommerce .woosw-added:before{
    margin: 0;
}
.woosw-copy-btn input{
    color: #fff;
    font-size: 12px;
    padding:10px 14px;
    background: #008000;
    margin-left: 10px;
    outline: 0;
    border: 0;
     cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
/*--------------------------------------------------------------
## Aside sidebar content
--------------------------------------------------------------*/
/*
.sidebar-nav-tabs {
    border-bottom: 1px solid #e3e9ef;
}*/
.sidebar-nav-tabs ul {
    display: flex;
    flex-wrap: wrap;
}

.sidebar-nav-tabs ul, .sidebar-nav-tabs ul li {
    padding: 0;
    margin: 0;
    list-style: none;

}
.sidebar-nav-tabs ul li {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}
.sidebar-nav-tabs li.current a{
    color: #000;
    background-color: transparent;
    border-bottom:2px solid #000;
    
}
.sidebar-nav-tabs ul li a {
    display: block;
    padding: 0.9rem 1.12rem;
    font-size: 1rem;
    color:#666;
    font-family: "JosefinSans-Bold", sans-serif;
    border-bottom: 1px solid #e3e9ef;
}

.sidebar-nav-bar .sider-inner{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.sidebar-tab-wrap {
    height: 100%;
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

#sidebar-nav-tab-category,
#sidebar-nav-tab-menu{
    direction: inherit;
    box-sizing: border-box!important;
    position: relative;
    width: auto;
   overflow-y: auto;
    visibility: visible;
    max-width: 100%;
    max-height: 100%;
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
.sidebar-tab-wrap .panel{
display: none;
}
.sidebar-tab-wrap .panel.current {
    display: block;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.sidebar-nav-widget {
    text-align: left;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
    padding-top: 2.5rem;
    max-width: 22rem;
}
.sidebar-tab-wrap{
overflow:hidden;
}
.sidebar-nav-tabs{
padding-top:20px;
}
#page.right-side aside.m-shop-sidebar{
right:0;
left:auto;
border-left: 1px solid #e3e9ef;
border-right:none;
}
#page.right-side  main #content {
   padding-left: inherit;
    padding-right: 22rem;
    padding-top: 7rem;
    display: block;
    overflow: hidden;
}



/*************************************************/
/*scroll bar css*/
#sidebar-nav-tab-menu::-webkit-scrollbar,
#sidebar-nav-tab-category::-webkit-scrollbar,
#open-cart::-webkit-scrollbar{
  width:3px;
}
/* Track */

#open-cart::-webkit-scrollbar-track{
  background: #eee; 
}
/* Handle */
#sidebar-nav-tab-menu::-webkit-scrollbar-thumb,
#sidebar-nav-tab-category::-webkit-scrollbar-thumb{
  background: #000; 
  visibility: hidden;
  opacity: 0;
}
.sidebar-nav-bar:hover #sidebar-nav-tab-category::-webkit-scrollbar-thumb,
.sidebar-nav-bar:hover #sidebar-nav-tab-menu::-webkit-scrollbar-thumb{
visibility: visible;
opacity: 1;
}
#open-cart::-webkit-scrollbar-thumb{
  background: #000; 
}
/*----------sidebar menu and category-----------------*/
.m-shop-menu, .m-shop-menu li, 
#sidebar-nav-tab-category .thunk-product-cat-list ,
#sidebar-nav-tab-category .thunk-product-cat-list li {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1.3rem;
    text-align: left;
    position: relative;
}

.m-shop-menu > li {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}
.thunk-product-cat-list > li,.m-shop-menu > li {
    border-bottom: 1px solid #e3e9ef;
}
.m-shop-menu li a, #sidebar-nav-tab-category .thunk-product-cat-list li a {
    display: block;
    position: relative;
    margin: 0;
    border: 0px;
    font-size: 0.9rem;
    padding: 1rem 1.5rem;
    color: #111;
}
#sidebar-nav-tab-menu .m-shop-menu li ul.sub-menu.slide,
.thunk-product-cat-list ul.sub-menu.slide {
    position: static;
    left: 100%;
    top: 0px;
    list-style: none;
}
.m-shop-menu ul.sub-menu,
.thunk-product-cat-list ul.sub-menu{
    display: none;
    list-style: none;
    text-align: left;
    margin-left: 20px; 
}
#sidebar-nav-tab-menu .m-shop-menu span.arrow, 
.thunk-product-cat-list span.arrow {
    position: absolute;
    right: 1rem;
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem;
    top: 0.7rem;
    text-align: center;
    font-size: 0.7rem;
    background: #f4f7f9;
    border-radius: 100%;
}
.m-shop-menu  li  a .arrow:before,
.thunk-product-cat-list span.arrow:before {
    font-family: FontAwesome;
    height: auto;
    content: "\f067";
    font-weight: 300;
    text-shadow: none;
}
#sidebar-nav-tab-menu li.menu-active > a > .arrow:before,
.thunk-product-cat-list li.menu-active > a > .arrow:before {
    content: "\f068"!important;
}
.support-content i{
font-size:2rem;
margin-right:0.5rem;
}
.suppot,.support-email{
display:flex;
}
.sprt-tel,.sprt-email{
    display: inline-grid;
    margin-left: 0.5rem;
margin-bottom: 1rem!important;
}

/*----------header product search bar---------------------*/
#search-box form {
    position: relative;
    margin: 0 auto;
    display: flex;
    border-radius: 5px;
}
#search-box select#product_cat {
    height: 3.12rem;
    border: 1px solid #f7f8f9;
    border-right: none;
    background:#f7f8f9;
}
#search-box #search-button {
    border: 0;
    background: #000;
    padding: 0;
    cursor: pointer;
    color: #fff;
    border-radius: 0rem .3125rem .3125rem 0rem;
    font-family: "JosefinSans-Bold", sans-serif;
    font-size:.9375rem;
    position: relative;
    padding: 0 3rem;
    transition: all 300ms;
}
#search-box #search-button:hover{

  background: #E32E00;
}
#search-box{
max-width:90%;
margin:0 auto;
}
.vert-brd:after{
    content:'';
    width: 0;
    height: 1.3rem;
    line-height: 1.3rem;
    position: absolute;
    border: 0.5px solid #bbb;
    bottom: 0.9rem;
}
#search-box input[type="text"] {
    width:70%;
    max-width: 100%;
    -webkit-appearance: none;
    border-radius:.3125rem 0rem 0rem .3125rem!important;
    border: 1px solid #f7f8f9;
    background: #f7f8f9;
    height: 3.12rem;
}

select#product_cat{
    display: inline-block;
    width: 30%;
    height: calc(1.5em + 1.25rem + 2px);
    padding: .625rem 2rem .625rem 1rem;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4b566b;
    vertical-align: middle;
    background: #fff ;
    border: 1px solid #dae1e7;
    border-radius: .3125rem;
    border-radius:0rem !important;
    box-shadow: 0 0 0 0 transparent;
    appearance: none;
    border-left: none!important;
}

.th-wp-auto-search.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
z-index:99999999;
position:relative;
}
.th-wp-auto-search.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
z-index:99999999;
    position: fixed;
max-width:550px!important;
max-height:320px;
overflow-y: auto;
overflow-x: hidden;
background: #fff;
}
/***************/
/*Scrollbar*/
/***************/
.th-wp-auto-search::-webkit-scrollbar,
#product_cat::-webkit-scrollbar,
.sidebar-main::-webkit-scrollbar{
    width:3px;

}
.th-wp-auto-search::-webkit-scrollbar-track-piece,
#product_cat::-webkit-scrollbar-track-piece,
.sidebar-main::-webkit-scrollbar-track-piece{
    background: #eee;

}
.th-wp-auto-search::-webkit-scrollbar-thumb,
#product_cat::-webkit-scrollbar-thumb,
.sidebar-main::-webkit-scrollbar-thumb{
    background:#111;
}
.sidebar-main::-webkit-scrollbar-thumb,
.sidebar-main::-webkit-scrollbar,
.sidebar-main::-webkit-scrollbar-track-piece
{
 visibility: hidden;
  opacity: 0;
}
.m-shop-sidebar:hover .sidebar-main::-webkit-scrollbar-thumb,
.m-shop-sidebar:hover .sidebar-main::-webkit-scrollbar,
.m-shop-sidebar:hover .sidebar-main::-webkit-scrollbar-track-piece{
visibility: visible;
opacity: 1;
}

.ui-menu .ui-menu-item{
padding:0px;
}
.ui-menu-item.ui-state-focus {
background: #eee;
color:#111;
}
.th-wp-auto-search .srch-prd-img{
width:60px;
}
.th-wp-auto-search li a{
display: flex;
align-items: center;
padding: 15px;
transition: background 0.2s ease-in-out;
}
.th-wp-auto-search .srch-prd-content{
display:flex;
flex-direction: column;
margin-left:10px;
}
.th-wp-auto-search li a:hover{
background:#f7f6f5;
}
.th-wp-auto-search .title,.th-wp-auto-search .price{
    font-family: "JosefinSans-SemiBold", sans-serif;
}
.th-wp-auto-search .price{
color: #111;
font-size:11px;
}
.th-wp-auto-search .search-bar__view-all{
width:100%;
padding:10px 0px;
    text-align: center;
    background:#f7f6f5;
    display:block; 
}
.th-wp-auto-search .no-result-msg {
    width: 100%;
    padding: 10px 0px;
    text-align: center;
    background: #f7f6f5;
    display: block;
}
.ui-autocomplete-loading { 
transition: none!important;
}
#search-button.ui-autocomplete-loading:before{
content: url(//technotica.com.br/wp-content/themes/m-shop/css/images/Spinner.gif);
top: 2px;
left: 0;
position: absolute;
}
.ui-helper-hidden-accessible{
  display:none
}

/*----------------header icon-------------------*/
.header-support-icon span.tooltiptext{
  display:none;
}
 .main-header-col3{
text-align:right;
flex: inherit;
}
.header-support-icon {
display: inline-flex;
line-height: initial;
}

.header-icon a{
font-size:2rem;
padding-right:1.5rem;
position: relative;
color:#111;
display: inline-flex;
}

.thunk-icon .taiowc-icon .th-icon,
.thunk-icon .taiowcp-icon .th-icon{
font-size: 2rem;
}

.thunk-icon .cart-contents .count-item {
    position: absolute;
    left: 1rem;
    height: 1.5rem;
    width: 1.5rem;
    line-height:1.5rem;
    background: #000;
    border-radius: 50%;
    text-align: center;
    top: -1rem;
    font-size: 0.7rem;
    color:#fff;
}
.thunk-icon .cart-contents .cart-total{
font-size:1rem;
margin-left: 0.3rem;
}
.thunk-icon .cart-icon a{
padding-right:0;
}

/*header cart */
.cart-pan-active #open-cart {
    right: 0;
    left: auto;
    transition: right 0.2s ease;
}
header #open-cart {
    display: block;
    position: fixed;
    top: 0;
    height: 100vh;
    z-index: 999999;
    right: -300px;
    width: 300px;
    padding: 2em 1.5em;
    max-width: 100%;
    border-right: 1px solid rgba(0,0,0,.1);
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 15px;
    background-color: #fff;
    color: #555;
    -webkit-touch-callout: none;
    user-select: none;
    -webkit-overflow-scrolling: touch;
    visibility: visible;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    text-align: left;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
/******************************/
/*## Front page Section style*/
/******************************/
.woocommerce section {
    clear: both;
}
.page-template-frontpage section {
    padding: 1rem 0;
    position: relative;
}
.thunk-heading-wrap {
    margin: 0 0 1.5rem;
    font-weight: 400;
    position: relative;
    padding: 0 0 1rem;
    border-bottom: 1px solid #EBEBEB;
}
  /*tab style*/
.thunk-cat-tab ul{
list-style: none;
margin:0;padding:0;
}
.thunk-cat-tab ul{
    display: inline-block;
    list-style: none;
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: relative;
}
.thunk-cat-tab .tab-link li{
    display: inline-block;
    font-size:13px;
    line-height:24px;
   
}
.thunk-cat-tab .tab-link li a{
    display: block;
        padding: 0rem 1rem;
   font-size: 1rem;
    font-family: 'JosefinSans-SemiBold';
    color: #828282;
}
.thunk-cat-tab .tab-link li a.active,
.thunk-cat-tab .tab-link li a:hover{
color:#111;
font-family: 'JosefinSans-SemiBold';
}
.thunk-cat-tab .tab-link li:first-child a{
    padding-left: 0;
}
.thunk-cat-tab .tab-link li.active a{
color:#111;
}
.thunk-heading-wrap{
display: flex;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
}

.thunk-cat-tab .thunk-heading-wrap .thunk-heading{
width:32%;
}
.thunk-cat-tab .thunk-heading-wrap .tab-head{
width:68%;
    font-size: 21px;
    line-height: 28px;
    color: #000;
    display: inline-block;
    letter-spacing: 0.5px;
    position: relative;
    vertical-align: top;
    text-align: right; 
}
.thunk-product-image-tab-section .thunk-cat-tab .thunk-heading-wrap .tab-head{
margin:0;
}
.thunk-heading-wrap .thunk-title .title:after {
display:none;
}
h4.thunk-title{
font-family: "JosefinSans-Bold", sans-serif;  
color:#000;
}
.thunk-product-image-tab-section 
.content-wrap {
    display: flex;
}
.thunk-product-image-tab-section .tab-image {
    position: relative;
    width: 20%;
    padding-right: 15px;
}
.thunk-product-image-tab-section .tab-content {
  width: 80%;
}
.thunk-product-image-tab-section .tab-content.image-disable {
  width: 100%;
}
.thunk-product-image-tab-section .right .tab-image{
order:2;
padding-right:0;
padding-left:15px;
}
.thunk-product-image-tab-section .right .tab-content{
order:1;
}

/******************************/
/*## Woocommerce Product style*/
/******************************/
.thunk-woo-product-list .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3{
font-size:1rem;
line-height:1.5;
margin-right: 2.5rem;
padding:0;
}
.thunk-woo-product-list .woocommerce-loop-product__title a,
.woocommerce ul.products li .woocommerce-loop-product__title{
color: #000;
}
.thunk-woo-product-list .thunk-product-image,
.thunk-woo-product-list .woocommerce-loop-product__title,
.woocommerce .thunk-woo-product-list .star-rating,
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
margin-bottom:0.5rem;
}
.woocommerce .thunk-woo-product-list .star-rating,
.woocommerce ul.products li.product .star-rating{
float:none;
font-size:0.7rem;
}
.woocommerce .thunk-woo-product-list .star-rating,
.woocommerce .thunk-woo-product-list .star-rating:before,
.woocommerce ul.products li.product .star-rating a,
.woocommerce ul.products li.product .star-rating a:before,
.widget.woocommerce .product_list_widget .star-rating,
.widget.woocommerce .product_list_widget .star-rating:before,
.woocommerce .star-rating{
color:#E32E00;
}

.thunk-woo-product-list .price,
.woocommerce ul.products li.product .price{
font-family: "JosefinSans-SemiBold", sans-serif;
color: #111;
font-size: .9rem;
margin:0;
}
.thunk-woo-product-list .price del{
margin-right:0.5rem;
opacity: .5;
}
.thunk-product-wrap{
padding: 0.9rem;
border: 1px solid #EBEBEB;
background: #fff;
}
.woocommerce .thunk-woo-product-list .onsale,
.woocommerce ul.products li.product .onsale {
 min-width: 3.5rem;
    min-height: 1.5rem;
    padding: 0px;
    line-height: 1.5rem;
    border: 0px;
    border-radius: 0rem .3125rem .3125rem 0rem;
    color: #fff;
    background: #E32E00;
    box-shadow: 0px 0px 0px;
    top: 0em;
    left: 0em;
    right:auto;
    font-weight: normal;
    font-size: .7em;
    margin:0;
    letter-spacing: 0.1rem;
    z-index: 0;
    font-family: 'Roboto-Bold';
}
/*add to cart button*/
.thunk-product-content{
position:relative;
text-align: left;
}
.woocommerce .thunk-product-content a.add_to_cart_button,
.woocommerce .thunk-product-content .added_to_cart,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li .thunk-compare .compare-button a,
.woocommerce .thunk-product-content a.th-button{
    display: block;
    font-size: 0;
    padding: 0;
    position: relative;
    vertical-align: top;
    height: 2.3rem;
    width: 2.3rem;
    line-height:2.3rem;
    border-radius:100%;
    border: medium none;
    margin: 0;
    float: left;
    letter-spacing: initial;
    color: #000;
    background:#ecf1f5;
    text-align: center;
    font-weight: normal;
    position:absolute;
    right:0;
    top:0;
}
.woocommerce .thunk-product-content a.add_to_cart_button.ajax_add_to_cart::before,
.woocommerce ul.products li.product .button::before{
    font-family: th-icon;
    content: '\e919';
    font-size: 1rem;
    left: 0;
    right: 0;
    position: absolute;
}
.woocommerce .thunk-product-content .button.th-button::before,
.woocommerce .thunk-product-content .button.product_type_simple::before {
    content: "\f0a6";
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
    right: 0;
    font-size:1rem;
    margin: 0;
}
.woocommerce .thunk-product-content a.added_to_cart:after,
.woocommerce ul.products li.product .button.added_to_cart:after{
    content: "\f00c";
    font-family: "FontAwesome";
   position: absolute;
    left: 0;
    right: 0;
    font-size:1rem;
    margin: 0;
}
.thunk-woo-product-list .thunk-product-wrap:hover a.add_to_cart_button, 
.woocommerce .thunk-product-content .added_to_cart,
.woocommerce .thunk-product-wrap:hover .thunk-product-content a.add_to_cart_button, 
.woocommerce .thunk-product-wrap:hover .thunk-product-content .added_to_cart,
.thunk-woo-product-list .thunk-product-wrap:hover .thunk-product-content a.th-button{
  color: #fff;
background: #E32E00;
}
/*Quick view button style*/
.thunk-woo-product-list .thunk-product-image{
position:relative;
    overflow: hidden;
}
.thunk-woo-product-list .opn-quick-view-text{
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 300ms;
    font-family: inherit;
    border-radius: 0;
    white-space: nowrap;
    margin: 0;
    background:#ecf1f5;
    color:#000;
    font-size:0.8rem;
        font-family: 'JosefinSans-SemiBold';
}

.thunk-woo-product-list .thunk-product-wrap:hover .opn-quick-view-text{
opacity:0.8;
visibility: visible;
transform: translateY(0);
}
.thunk-woo-product-list .thunk-product-wrap .opn-quick-view-text{
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    padding:8px;
    display: flex;
    justify-content: center;
}
.thunk-woo-product-list .quik-view svg{
  fill:#000;
  margin-right:0.5rem;
  transition: all 300ms;
}
.thunk-list .quik-view svg{
   margin-right:0rem;
}
.thunk-woo-product-list .thunk-product-wrap .opn-quick-view-text:hover{
background:#E32E00;
color:#fff;
opacity:1;
}
.thunk-woo-product-list .thunk-product-wrap .opn-quick-view-text:hover svg{
  fill:#fff;
}
/*wishlist and compare button style*/
.thunk-woo-product-list .thunk-hover-icon{
    position: absolute;
    right:0;
    top:0.5rem;
    opacity:0;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    -ms-transition: all 300ms;
}
.thunk-woo-product-list .thunk-hover-icon a {
    transform: scale(0);
}
 .thunk-woo-product-list .thunk-product-wrap:hover .thunk-hover-icon a{
 transform: scale(1);
}
.thunk-woo-product-list .thunk-product-wrap:hover .thunk-hover-icon{
opacity:1;
}
.woocommerce .thunk-wishlist a.add_to_wishlist,
 .thunk-wishlist .yith-wcwl-wishlistaddedbrowse, 
.thunk-wishlist .yith-wcwl-wishlistexistsbrowse, 
.thunk-compare .compare-button a.compare.button,
.woocommerce ul.products li .thunk-compare a.compare.button,
.thunk-product .woosw-btn,
.woosw-btn,
.thunk-product .wooscp-btn,
.wooscp-btn{
    display: block;
    font-size: 0;
    padding: 0;
    position: relative;
    height: 2rem;
    width: 2rem;
    line-height:2rem;
    border-radius:100%;
    border: medium none;
    letter-spacing: initial;
    color: #000;
    background:#ecf1f5;
    text-align: center;
    font-weight: normal;
}
.single-product .thunk-product .woosw-btn,
.single-product .woosw-btn,
.single-product .thunk-product .wooscp-btn,
.single-product .wooscp-btn{
  display: inline-block;
  margin: 0 5px;
}
.thunk-woo-product-list .thunk-product .yith-wcwl-wishlistexistsbrowse:before, 
.thunk-woo-product-list .thunk-product .yith-wcwl-wishlistaddedbrowse:before {
    content: "\e909";
    font-family: 'th-icon';
    margin: 0;
    font-size:1rem;
}
.thunk-woo-product-list .thunk-wishlist .yith-wcwl-add-button > a i {
    font-size:1rem;
    margin: 0;
    line-height:2rem;
}
.thunk-woo-product-list .thunk-wishlist .yith-wcwl-add-to-wishlist {
    margin: 0;
    line-height: initial;
}
.woocommerce a.compare.button::before, 
.woocommerce ul.products li .product-button-hover .add_to_wishlist::before,
.woocommerce ul.products li .thunk-compare .compare-button a::before {
    font-family: "th-icon";
    position: absolute;
    left: 0;
    right: 0;
    font-size:14px;
    margin: 0;
}
.thunk-woo-product-list .thunk-compare .compare-button a:before,
.woocommerce ul.products li .thunk-compare .compare-button a:before{
   content: "\e917";
}
.thunk-woo-product-list .thunk-wishlist{
margin-bottom:0.5rem;
}
.thunk-woo-product-list .yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon {
    margin-right:0;
}
.thunk-woo-product-list .thunk-product .yith-wcwl-wishlistexistsbrowse:before, 
.thunk-woo-product-list .thunk-product .yith-wcwl-wishlistaddedbrowse:before, 
.thunk-compare .compare-button a.compare.button.added{
  color:#E32E00;
}
/******************************/
/*//menu toggle*/
/******************************/
.header-support-icon .menu-toggle{
display:block!important;
}
.header-support-icon .menu-toggle .menu-btn{
    width:35px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    display:flex;
    flex-wrap: wrap;
background:transparent;
border:none;
}
.header-support-icon .menu-toggle .icon-bar{
width: 30px;
    height: 1px;
    margin: 4px;
    background: #000;
}
.header-icon{
margin-left: 1.5rem;
}
.m-shop-side-nav-wrap{
display: block;
    position: fixed;
    top: 0;
    height: 100%;
    border-right: 1px solid #e3e9ef;
    width: 100%;
    max-width: 22rem;
    background-color: #fff;
    left:-100%;
    -webkit-box-shadow: 0 0 12px 0 rgb(0 0 0 / 40%);
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 40%);
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff;
    -webkit-touch-callout: none;
    user-select: none;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    padding: 0;
    z-index: 2;
}
.mobile-menu-active .m-shop-side-nav-wrap{
left:-0%;
}

/********************************/
/*****Front Page Section*********/
/********************************/
/*Section one * Top Slider*/
.slide-layout-1 .thunk-slider-content-bar{
padding:0;
margin: 0;
}
.thunk-slider-section.slide-layout-1{
 background:none; 
 padding-top: 0;
 padding-bottom: 0;
}
.slide-layout-1 .owl-carousel .owl-dots{
position: absolute;
    bottom: 30px;
    text-align: center;
    left: 0;
    right: 0;
}
.slide-layout-6 .owl-carousel .owl-dots{
position: absolute;
    bottom:20px;
    text-align: center;
    left: 0;
    right: 0;
}
.slide-layout-1 .owl-carousel button.owl-dot,.slide-layout-6 .owl-carousel button.owl-dot{
    width: 11px;
    height: 11px;
    line-height: 11px;
    border-radius: 50%;
    background: #9e9e9efc;
    margin: 0 4px;
    opacity: 0.7;
}
.page-template-frontpage .slide-layout-1 .owl-carousel button.owl-dot.active,
.page-template-frontpage .slide-layout-6 .owl-carousel button.owl-dot.active{
background:#000;
width:20px;
border-radius:30px;
}
img {
    vertical-align: middle;
    border-style: none;
}
/*slider-caption*/
.thunk-to2-slide-list:before{
content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
}
.slider-content-caption {
    position: absolute;
    bottom: 0%;
    left: 0%;
    right: 0;
    text-align: left;
    line-height: 1;
    z-index: 1;
    color: #000;
    top: 50%;
    transform: translateY(-50%);
    display: inline-table;
    text-align: left;
    width: 100%;
    max-width:75%;
    margin: 0rem 5rem;
}
.slider-content-caption h2 a,
.slider-content-caption p,.slider-content-caption6 h2 a,
.slider-content-caption6 p{
color:#fff;
} 
.slider-content-caption a.slide-btn,
.slider-content-caption6 a.slide-btn{
  color: #fff;
  font-size: 1rem;
  padding: 0.9rem 1.8rem;
  background: #E32E00;
  overflow: hidden;
  z-index: 99;
  border-radius: 4px;
  display: inline-flex;
}
.slider-content-caption6 a.slide-btn{
 padding: 0.5rem 0.8rem;
}
.slider-content-caption a.slide-btn:hover,
.slider-content-caption6 a.slide-btn:hover{
color:#fff;
}

.slide-layout-1 .slider-content-caption h2{
    font-size: 2.5rem;
}
.slide-layout-6 .slider-content-caption6 h2{
  font-size: 2.5rem;
}
.slide-layout-1 .slider-content-caption p {
    font-size: 1.7rem;
    line-height: 1.3;
    
}
.slider-content-caption a.slide-btn,.slider-content-caption6 a.slide-btn{
  margin-top:1.5rem;
}

/*****************/
/*Slider layout 6*/
/******************/
.slide-layout-6 .slider-content-caption6 p {
    font-size: 1rem;
     
}
.center-cap .slider-content-caption6{
padding-right:0;
text-align:center;
margin: auto;
padding: 4rem 0;
width:85%;
}
.thunk-top6-slide-list-wrap{
display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
.thunk-top6-slide-list{
    border-radius: 3px;
padding:2rem;
}

.thunk-top6-slide-list-wrap .slider-content-caption6{
width:70%; 
padding-right: 2rem;
}

.thunk-top6-slide-list-wrap .image-wrap{
width:30%;
}
.slide-layout-6 .owl-item:nth-child(5n+1) .thunk-top6-slide-list{
background:#003f88;
}
.slide-layout-6 .owl-item:nth-child(5n+2) .thunk-top6-slide-list{
background:#db3a34;
}
.slide-layout-6 .owl-item:nth-child(5n+3) .thunk-top6-slide-list{
background:#ff928b;
}
.slide-layout-6 .owl-item:nth-child(5n+4) .thunk-top6-slide-list{
background:#001427;
}
.slide-layout-6 .owl-item:nth-child(5n+5) .thunk-top6-slide-list{
background:#4f772d;
}
/*****************/
/*Slider layout 2*/
/******************/
.slide-layout-2 .thunk-3col-slider-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;    width: 100%;
}
.slide-layout-2 .thunk-slider-content-bar{
    padding:0
}
.slide-layout-2 .thunk-3col-slider-wrap .slider-content-1 {
    flex: 0 0 25%;
    max-width: 25%;
    padding-right:0;
}
.slide-layout-2 .thunk-3col-slider-wrap .slider-content-2 {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right:0;
}
.slide-layout-2 .thunk-3col-slider-wrap .slider-content-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding-right:0;
}
.slide-layout-2 .thunk-content-2 .thunk-row,.slide-layout-2 .thunk-content-1{
    position:relative;
}
.slide-layout-2 .thunk-content-2 .thunk-row a:hover:before,
.slider-content-3 .thunk-content-1 a:hover:before{
    opacity: 0.4;
}
.slide-layout-2 .thunk-content-2 .thunk-row a:before,
.slider-content-3 .thunk-content-1 a:before {
    background: #111;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 2;
}

.slide-layout-2 .thunk-to2-slide-list h2{
font-size:1.3rem;
margin-bottom:1rem;
}
.slide-layout-2 .thunk-to2-slide-list p{
margin-bottom:1rem;

}

.slide-layout-2 .thunk-to2-slide-list .slide-btn{
font-size: 0.9rem;
    padding: 0.7rem 1.4rem;
  
}

/*****************/
/*Slider layout 3*/
/******************/
.slide-layout-3 .thunk-slider-content-bar{
background:transparent;
padding:0;
border:0;
}
.thunk-slider-multi-item{
text-align: center;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.thunk-slider-multi-item > a:hover img {
    transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
}
.thunk-slider-multi-item a {
overflow: hidden;
}
.thunk-slider-multi-item a img {
    transition: all 250ms ease 0s;
    -moz-transition: all 250ms ease 0s;
    -webkit-transition: all 250ms ease 0s;
    position: relative;
    z-index: 0;
}
.slide-item-wrapper{
    position: static;
    margin: 0;
    height: 0;
    padding: 0;
    z-index: 2;
}
.slide-item-wrapper .item-title{
    position: absolute;
    top: 5%;
    padding-top: 10px;
    left: 0;
    right: 0;
}
.slide-item-wrapper .item-button{
margin: 0;
    position: absolute;
    bottom: 5%;
    padding-bottom: 10px;
    left: 0;
    right: 0;
}
.slide-layout-3 .item-title h3{
    font-size: 1.2rem;
max-width:240px;
margin:auto;
}
.slide-layout-3 .item-button a {
    background:#E32E00;
    padding:5px 12px;
    display: initial;
    color: #fff;
    border-radius:3px;
}
/*********************/
/*slider navigation*/
/*********************/
.thunk-slider-section .owl-carousel .owl-nav {
    position: absolute;
    top: calc(50% - 15px);
    left: 0;
    right: 0;
    height: 0;
    margin: 0 -10px;
    z-index: 2;
    font-size: 24px;
    opacity:0;
}
.thunk-slider-content:hover .owl-nav,.thunk-top2-slide:hover .owl-nav{
    opacity: 1;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.thunk-slider-section .owl-carousel .owl-nav button {
    width: 38px;
    height:50px;
    line-height:50px!important;
    font-size:26px;
    text-align: center;
    background: #666;
    color: #fff;
    opacity:1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.thunk-slider-section .owl-carousel .owl-nav .owl-prev {
    float: left;
    margin-left:10px;
}
.thunk-slider-section .owl-carousel .owl-nav .owl-next {
    float: right;
    margin-right:10px;
}

.thunk-slider-section .owl-carousel .owl-nav button:hover {
    color: #fff;
    background:#E32E00;
    border-color:#E32E00;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
/*****************/
/*Slider layout 4*/
/******************/
.slide-layout-4 .thunk-slider-content-bar{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
.slide-layout-4 .thunk-slider-content-bar .thunk-slider-content {
    width: 67%;
    padding-right: 7.5px;
}
.slide-layout-4 .thunk-slider-content-bar  .thunk-add-content {
    width: 33%;
    padding-left: 7.5px;
}

/*****************/
/*Slider layout 5*/
/******************/
.slide-layout-5 .thunk-2col-slider-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
.slide-layout-5 .thunk-2col-slider-wrap .thunk-slider-content {
    flex: 0 0 67.3%;
    max-width: 67.3%;
    padding-right: 7.5px;
}
.slide-layout-5 .thunk-2col-slider-wrap .thunk-add-content {
    flex: 0 0 32.7%;
    max-width: 32.7%;
    padding-left: 7.5px;
}
.thunk-2-add-content .thunk-row {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px;
    position: relative;
    width: 100%;
}
.thunk-2-add-content .thunk-row:last-child {
    margin-bottom: 0;
}
/*****************************/
/*Highlight Featured section*/
/******************************/
.thunk-highlight-feature-wrap{
display: flex;
flex-wrap: wrap;
position: relative;

}
.thunk-product-highlight-section .content-wrap{
    border: 1px solid #EBEBEB;
    padding:15px 0;
    position: relative;
    border-radius:3px;
       background: #fff;
}
.thunk-highlight-col{
width: 25%;
    padding: 15px 25px;
    text-align: center;
    border-right-color: #e4e9ef;
    border-right-style: solid;
    border-right-width: 1px;
}
.thunk-hglt-box{
display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
   
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
.thunk-hglt-box .content{
padding-left: 15px;
    text-align: left;
}
.thunk-hglt-icon{
    color: #26272c;
    font-size: 35px;
}
.thunk-hglt-box h6{
font-size: 1rem;
    color: #111;
font-family: 'JosefinSans-SemiBold';
}
.thunk-hglt-box  p{
color:#111;
font-size: 0.9rem;
}
.thunk-highlight-col:nth-child(4n+4){
border:none;
}
/************************/
/*Ribbon Section*/
/************************/
.thunk-ribbon-content {
   display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding:1.8rem 1rem;
    text-align:left;
    position:relative;
}
.thunk-ribbon-content-col1{
flex:1;

}
.thunk-ribbon-content-col1 h3{
color:#fff;
}

.ribbon-btn {
    font-size: 0.8rem;
    padding: 0.5rem .9rem;
    background: #000;
    overflow: hidden;
    z-index: 99;
    color: #fff;
    letter-spacing: 1px;
    border-radius: 3px;
     font-family: 'Roboto-Bold';
     transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    -ms-transition: all 300ms;
}
.ribbon-btn:hover{
  color:#fff;
}
section.thunk-ribbon-section .content-wrap:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   background: rgba(0,0,0,0.5);
}
.thunk-ribbon-content-col1 h3{
font-size:1.3rem;
}

section.thunk-ribbon-section{
  z-index: 1; 
  overflow: hidden;
    padding: 0;
}
section.thunk-ribbon-section video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

/*slider product nav style*/
.thunk-slide .owl-nav button.owl-prev{
    left: -1rem;
    position: absolute;
}
.thunk-slide .owl-nav{
    position: absolute;
    top: 40%!important;
    transform: translateY(-50%);
    right: 0;
    left: 0;
    line-height: 0;
    height: 0;
}
.thunk-slide .owl-nav button.owl-next{
    right:-1rem;
    position: absolute;

}
.thunk-slide .owl-nav button.owl-prev,
.thunk-slide .owl-nav button.owl-next{
width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem!important;
    font-size: 1.3rem;
    text-align: center;
    background: #000;
    color: #fff;
    border: 1px solid #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    opacity:0;
visibility:hidden;
transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    -ms-transition: all 300ms;
}

.thunk-slide:hover .owl-nav button.owl-prev,
.thunk-slide:hover .owl-nav button.owl-next{
opacity:1;
visibility:visible;
}

/*category nav*/
.thunk-slide.thunk-cat-slide  .owl-nav {
    position: absolute;
    top: -65px!important;
    right:0px;
    left:auto;
}
.thunk-slide.thunk-cat-slide  .owl-nav button.owl-prev{
    
    position:relative;

}

.thunk-slide.thunk-cat-slide .owl-nav button.owl-next{
 
    position:relative;
    margin-left:0.3rem;

}
.thunk-slide.thunk-cat-slide .owl-nav button.owl-prev,
.thunk-slide.thunk-cat-slide .owl-nav button.owl-next{
width: 2rem;
    height: 2rem;
    line-height: 2rem!important;
    font-size: 1rem;
    text-align: center;
    background: #000;
    color: #fff;
    border: 1px solid #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    opacity:1;
visibility: visible;
transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    -ms-transition: all 300ms;
}
.thunk-slide .owl-nav button.owl-prev:hover,
.thunk-slide .owl-nav button.owl-next:hover{
 transform: scale(1.1);
 background: #E32E00;
    color: #fff;
    border: 1px solid #E32E00;
}
.thunk-slide .owl-nav button.owl-prev,
.thunk-slide .owl-nav button.owl-next{
transition: transform .2s; /* Animation */
}
.thunk-slide.thunk-cat-slide .owl-nav button.owl-prev{
left:0;
}
.thunk-slide.thunk-cat-slide .owl-nav button.owl-next{
right:0;
}
/*************************/
 /*slide category section*/
 /************************/
 .thunk-category{
text-align:center;
}
.thunk-woo-product-list .woocommerce-loop-product__title a, .thunk-cat-title a{
    line-height:1.3;
    font-size: .9rem;
    font-family: "JosefinSans-SemiBold", sans-serif;
    color:#111;
}
.thunk-cat-text{
    display: inline-block;
    padding: 8px;
    position: relative;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: 15;
}

.thunk-cat-box{
display: block;
overflow: hidden;
position: relative;
border: 1px solid #EBEBEB;
margin: 1px;
border-radius: 50%;
background: #fff;
}
.thunk-cat-box img{
-webkit-transition: all .5s ease 0s;
    -o-transition: all .58s ease 0s;
    transition: all .5s ease 0s;
}
.thunk-cat-box a:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.thunk-slide.thunk-cat-slide .owl-stage-outer {
    padding-bottom: 20px!important;
    margin-bottom: -20px!important;
}
/*category slider layout */
.thunk-category-slide-section .cat-content{
position:relative;
display:flex;
margin:-7.5px -7.5px;
    flex-wrap: wrap;
}
.thunk-category-slide-section .cat-content .cat-list{
flex: 0 0 20%;
max-width: 20%;
padding:7.5px 7.5px;
}
.cat-list a{
position:relative;
display: block;
text-align:center;
display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.cat-list a span{
position: absolute;
color:#fff;
font-size: 16px;
font-family: "JosefinSans-SemiBold", sans-serif;
}
.cat-list a:after {
    position: absolute;
    display: block;
    content: "";
    background: #111;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity:0;
    transition: all 0.2s linear;
}
.cat-list a:hover:after{
opacity:0.8;
}
.cat-list a span{
z-index:2;
}
/*layout-3*/
.cat-layout-3 .cat-content-3{
    overflow: hidden;
position: relative;
margin-right:-7.5px;
margin-left: -7.5px;
margin-bottom:-15px;
}
.cat-layout-3 .cat-content-3 .cat-col:nth-child(1){
width:50%;
float: left;
overflow: hidden;
position:relative;
}
.cat-layout-3 .cat-content-3 .cat-col:nth-child(1) img{
width:100%;

}
.cat-layout-3 .cat-content-3 .cat-col{
width:25%;
float: left;
padding-left: 7.5px;
padding-right: 7.5px;

margin-bottom: 15px;
position: relative;
overflow:hidden;
}
.cat-layout-3 .cat-content-3 .cat-col:nth-child(6),
.cat-layout-3 .cat-content .cat-col:nth-child(10){
clear:both;
}
.cat-layout-3 .cat-content-3 a{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
}
.cat-layout-3 .cat-content-3 .hover-area {
position: absolute;
    right:20px;
    bottom:5px;
    left: 20px;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
    -webkit-transform: translateY(50%) translateZ(0);
    transform: translateY(50%) translateZ(0);
}

.cat-col:hover .hover-area{
    -webkit-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
}

.cat-layout-3 .cat-content-3 .hover-area .cat-title{
font-size:16px;
font-family: "JosefinSans-SemiBold", sans-serif;
color:#000;
}
.prd-total-number{
font-family: "JosefinSans-SemiBold", sans-serif;
color:#000;
}
.cat-col:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.cat-col-wrap{
    position: relative;
    overflow: hidden;
  /*  border: 1px solid #f1f1f1;*/
}
.m-shop-woo-hover-zoom .thunk-product-image img,.cat-layout-3 img{
-webkit-transition: all .5s ease 0s;
-o-transition: all .58s ease 0s;
 transition: all .5s ease 0s;
}
.thunk-product-list .m-shop-slide-item-hover.m-shop-woo-hover-slide .thunk-product-image:hover img:first-of-type{
    -webkit-transform: initial;
    -ms-transform: initial;
    -o-transform: initial;
    transform: initial;
}

/********************/
/*Product List View*/
/********************/
.thunk-product-list-section .thunk-woo-product-list,
.thunk-product-tab-list-section .thunk-woo-product-list{
display:flex;
padding: 1px;
}
.thunk-product-list-section .thunk-list,
.thunk-product-tab-list-section .thunk-list{
display:flex;
align-items: center;
flex-wrap: wrap;
text-align:left;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid #EBEBEB;
    clear: both;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
        background: #fff;
}
.thunk-product-list-section .thunk-list .thunk-product-image,
.thunk-product-tab-list-section .thunk-list .thunk-product-image{
width:40%;
margin:0;
padding:0;
} 
.thunk-product-list-section .thunk-list .thunk-product-content,
.thunk-product-tab-list-section .thunk-list .thunk-product-content{
width:60%;
margin:0;
padding-left: 1.5rem;
    padding-right:  1.5rem;
    padding-top: 1rem;
    padding-bottom:1rem;
}
.woocommerce .thunk-woo-product-list .thunk-list .price {
    position: inherit;
    margin-top: 0.5rem;
    margin-bottom: 0px!important;
}
.thunk-product-list-section .thunk-list .thunk-product-content .star-rating,
.thunk-product-tab-list-section .thunk-list .thunk-product-content .star-rating{
margin:0;
margin:8px 0px;
font-size: 11px;
}
.thunk-product-list-section .thunk-list .thunk-product-content .woocommerce-LoopProduct-title,
.thunk-product-tab-list-section .thunk-list .thunk-product-content .woocommerce-LoopProduct-title{
color: #111;
 font-family: 'JosefinSans-SemiBold';
}
.thunk-woo-product-list .thunk-list .opn-quick-view-text{
background:none;
}
.thunk-woo-product-list  .thunk-list a.opn-quick-view-text::before{
content:'';
margin:0;
}
.thunk-woo-product-list .thunk-list a.opn-quick-view-text{
position:absolute;
top: 0.3rem;
    right: 0.3rem;
left:auto;
width:auto;
bottom:auto;
}
.thunk-woo-product-list  .thunk-list a.opn-quick-view-text svg{
fill:#000;
}
/******************/
/*Banner section*/
/******************/
.thunk-banner-wrap{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    
}
.thunk-banner-wrap .thunk-banner-col1,
.thunk-banner-wrap .thunk-banner-col2,
.thunk-banner-wrap .thunk-banner-col3{
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.thnk-col-2 .thunk-banner-col1{
margin-right:15px;
}
.thnk-col-3 .thunk-banner-col1,.thnk-col-3 .thunk-banner-col2{
margin-right:15px;
}
.thunk-banner-col1-content,.thunk-banner-col3-content{
text-align:center;
}
/*banner layout 4th*/
.thunk-banner-wrap.thnk-col-5{margin-right: -7.5px;
    margin-left: -7.5px;
    margin-bottom: -15px;}

.thunk-banner-wrap.bnr-layout-4 .thunk-banner-col{
    display: flex;
    flex-direction: column;
    flex: 1 0 0%;
}

.thunk-banner-wrap.bnr-layout-4 .thunk-banner-col:nth-child(2) {
    flex-grow: 1.38;
}

.thunk-banner-wrap.bnr-layout-4 .thunk-banner-col .thunk-banner-item{
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
}

.thunk-banner-wrap.bnr-layout-4 .thunk-banner-col .thunk-banner-item{
padding: 0 7.5px 15px 7.5px;

}
.thunk-banner-wrap.bnr-layout-4  img{ width: 100%;}

/*banner layout five*/
.thunk-banner-wrap.bnr-layout-5.thnk-col-4{
margin-right: -7.5px;
margin-left: -7.5px;
margin-bottom: -15px;
}
.bnr-layout-5 .thunk-banner-col{
    display: flex;
    flex-direction: column;
    flex: 1 0 0%;
}
.bnr-layout-5 .thunk-banner-col:nth-child(1),.bnr-layout-5 .thunk-banner-col:nth-child(3) {
    flex-grow: 1.38;
}
.bnr-layout-5 .thunk-banner-col .thunk-banner-item{
padding: 0 7.5px 15px 7.5px;

}
.bnr-layout-5 .thunk-banner-col .thunk-banner-item >:first-child img{
    flex: 1 0 auto;
    width:100%; 
}
.bnr-layout-5 .thunk-banner-col:nth-child(2) .thunk-banner-item >:first-child img{
    flex: 1 0 auto;
    width:100%;
}
/*banner layout six*/
.bnr-layout-6 .thunk-banner-col.col-1{
width:64%;
margin-right: 2%;
}
.bnr-layout-6 .thunk-banner-col.col-2{
width:34%;
}
.thunk-banner-wrap img{
border-radius:4px
}
/***************/
/*Testimonial*/
/***************/
.thunk-testimonials-wrapper{
background:#fff;
padding:3rem 0;
}
.th-testimonial{
padding:0 7%;
}
.th-testimonial-img{
    width: 100px;
    height: 100px;
    border-radius:100%;
    overflow: hidden;
    margin-right:2em;
border:2px solid #EBEBEB;
}
.th-testimonial-img-wrap{
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-bottom: 2em;
}
.th-testimonial-name a{
color:#111;
font-size:1.2rem
}
.th-testimonial-content{
    line-height: 1.5;
    font-size: 1rem;
    color: #111;
}
.th-testimonial .owl-nav{
margin-top:1.5rem;
}
.th-testimonial .owl-nav i{
font-size:1.5rem;
}
.th-testimonial .owl-nav .owl-next{
margin-left:1rem;
}
/***********************/
/*Blog*/
/***********************/
.thunk-blog-wrap{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.thunk-blog-wrap article.post-item{
width:23.875%;
margin-right:1.5%;
margin-bottom: 1.5%;
    padding: 0.9rem;
    border: 1px solid #EBEBEB;
    background: #fff;
}
.thunk-blog-wrap article.post-item:nth-child(4n+4){
margin-right:0;
}
.thunk-blog-wrap article.post-item .post-thumb{
margin-bottom:1.3rem;
}
.thunk-blog-wrap article.post-item .title{
font-size: 1rem;
    color: #111;
margin-bottom:0.5rem;
  font-family: 'JosefinSans-SemiBold';

}
.thunk-blog-wrap article.post-item .entry-meta{
font-size:0.7rem;
font-style:italic;
margin-bottom:1rem;
}
.thunk-blog-wrap article.post-item .read-more{
display:none
}
.thunk-blog-wrap article.post-item:hover .post-thumb img{
    transform: scale(1.1) translateZ(0);
}
.post-thumb img{
-webkit-backface-visibility: hidden;
    will-change: transform;
    transform: scale(1) translateZ(0);
    overflow: hidden;
    transition: background 200ms linear, transform 300ms linear;
  }
.thunk-blog-wrap article.post-item .post-thumb{
overflow:hidden;
}
/**************************/
/*##Footer Style*/
/**************************/
.top-header-bar,
.main-header-bar,
.top-footer-bar,
.below-footer-bar,.below-header-bar,
.widget-footer-wrap,.widget-cs-container{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
     align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;

}
.below-footer .below-footer-bar{
  line-height:40px;
}
header{
background:#fff;
}
.top-header{
  border-bottom:solid;
  border-bottom-width: 0px;
}
.top-header,.main-header,.below-header{
position:relative;
}
.top-header:before{
 content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
background: #111;
}
.top-header .top-header-bar{
  line-height:45px;
  color:#fff;
}
/*below header special css*/
.below-header-col1{
flex:1;
}
.below-header-col2{
flex:4;
text-align:center;
}
.below-header:before {
  content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}
/********************/
/*thnk-col csss*/
/********************/
.thnk-col-3 .top-footer-col1,
.thnk-col-3 .top-footer-col2,
.thnk-col-3 .below-footer-col1,
.thnk-col-3 .below-footer-col2{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.thnk-col-3 .below-footer-col2{
    -webkit-box-pack: center;
    -webkit-justify-content: flex-center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-center;
    text-align: center;
}
.thnk-col-3 .top-footer-col3,
.thnk-col-3 .below-footer-col3{
-webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
-webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
   text-align: right;
}
.thnk-col-1 .top-footer-col1,
.thnk-col-1 .below-footer-col1{
text-align:center;
}
/*widget col style*/
.widget-footer-wrap{
  justify-content: flex-start!important;
    align-self: flex-start!important;
    align-items: baseline!important;
  }
.thnk-col-1 .widget-footer-col1{
width:100%;
text-align:center;
justify-content: flex-start;
align-self: flex-start;
}
.thnk-col-2 .widget-footer-col1,
.thnk-col-2 .widget-footer-col2{
width:50%;
padding: 0 0.5rem;
justify-content: flex-start;
align-self: flex-start;
}
.thnk-col-3 .widget-footer-col1,
.thnk-col-3 .widget-footer-col2,
.thnk-col-3 .widget-footer-col3{
width:33.33%;
padding: 0 0.5rem;
justify-content: flex-start;
align-self: flex-start;
}
.thnk-col-4 .widget-footer-col1,
.thnk-col-4 .widget-footer-col2,
.thnk-col-4 .widget-footer-col3,
.thnk-col-4 .widget-footer-col4{
width: 25%;
padding: 0 0.5rem;
justify-content: flex-start;
align-self: flex-start;
}
.thnk-col-3-1-2 .widget-footer-col1{
width: 50%;
padding: 0 0.5rem;
order: 1;
}
.thnk-col-3-1-2 .widget-footer-col2{
width: 20%;
padding: 0 0.5rem;
order: 2;
}
.thnk-col-3-1-2 .widget-footer-col3{
width: 20%;
padding: 0 0.5rem;
order: 3;
}
.thnk-col-3-2-1-2 .widget-footer-col1{
width: 25%;
padding: 0 0.5rem;
order: 1;
}
.thnk-col-3-2-1-2 .widget-footer-col2{
width: 50%;
padding: 0 0.5rem;
order: 2;
}
.thnk-col-3-2-1-2 .widget-footer-col3{
width: 25%;
padding: 0 0.5rem;
order: 3;
}
.thnk-col-2-1-2 .widget-footer-col1{
width:70%;
padding: 0 0.5rem;
order: 1;
}
.thnk-col-2-1-2 .widget-footer-col2{
width:30%;
padding: 0 0.5rem;
order: 2;
}
.thnk-col-2-2-1 .widget-footer-col1{
width:30%;
padding: 0 0.5rem;
order: 1;
}
.thnk-col-2-2-1 .widget-footer-col2{
width:70%;
padding: 0 0.5rem;
order: 2;
}
.top-footer-col1,
.below-footer-col1{
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.widget-footer .widget.widget_text{
margin-bottom:1rem;
}

#mshop-mobile-bar{
display:none;
}
.top-footer{
    border-bottom: solid;
    border-bottom-width: 0px;
    position: relative;
}
.below-footer {
    border-top: solid;
    border-top-width: 0px;
    position: relative;
}
footer .open-widget-content .widget-title, 
footer .widget-title {
    font-size: 1.2rem;
    color: #fff;
}

footer .widget-footer .widget a,
footer .widget-footer .widget,
 footer .content-html{
color:#fff
}
/***************************/
/*social icon*/
/***************************/
.content-social ul.social-icon{
list-style: none;
    margin: 0;
    padding: 0;
    display: inline-flex;
    flex-wrap: wrap;
}
.content-social ul.social-icon li{
padding:5px;
}   
.content-social ul.social-icon li i{
  padding:0;
}
.social-icon.original-social-icon i.fa-facebook{
color:#4867AA;
}
.social-icon.original-social-icon i.fa-google-plus{
color:#DE564A;
}
.social-icon.original-social-icon i.fa-linkedin{
color:#007BB6;
}
.social-icon.original-social-icon i.fa-twitter{
color:#00ACED;
}
.social-icon.original-social-icon i.fa-instagram{
color:#C50067;
}
.social-icon.original-social-icon i.fa-pinterest{
color:#BD081B;
}
.social-icon.original-social-icon i.fa-youtube-play{
color:#FF0000;
}
.social-icon.original-social-icon i.fa-tumblr{
color:#36465D;
}
.social-icon.original-social-icon i.fa-stumbleupon{
color:#EB4823;
}
.social-icon.original-social-icon i.fa-dribbble{
color:#EA4C89;
}
.social-icon.original-social-icon i.fa-skype{
color:#00aff0;
}
.content-social .social-icon a{
font-size: 1.3em;
    width: 2em;
    height: 2em;
    line-height: 2em;
    display: block;
    text-align: center;
    border: 1px solid #e3e9ef;
}
.social-icon.original-social-icon a{
background-color:transparent!important;
display:block;
}
/**********************/
/*Internal pages styel*/
/**********************/
/*breadcum*/
.breadcrumbs a {
color:#777;
}
.breadcrumbs a:hover {
color: #f16c20;
}
.breadcrumbs .current {
color: #DABC80;
padding:0 0.5rem;
}
.breadcrumb ul, .breadcrumb-m_shop_trail ul {
    padding-left: 0px;
    margin: 0px;
}
.breadcrumb ul li, .breadcrumb-m_shop_trail ul li {
    list-style-type: none;
    display: inline;
    font-size: 0.7rem;
}
.breadcrumb h2.trail-browse, .breadcrumb-m_shop_trail h2.trail-browse{
display:none;
}
.breadcrumb ul li::after, .breadcrumb-m_shop_trail ul li::after{
    content: "/";
    font-size: 0.7em;
    margin-right:0.5rem;
    margin-left:0.5rem;
}
.breadcrumb-m_shop_trail ul li:last-child::after{
content:'';
}
.breadcrumb ul li.trail-end a::after, 
.breadcrumb-m_shop_trail ul li.trail-end::after{
display:none;
}
/*page head*/
.page-head{
margin-bottom:1.5rem
}
.page-head h1{
color:#111;
margin-bottom:0.5rem;
}
/**************/
.primary-content-wrap{

/*padding:2rem 1.5rem;*/
    margin-bottom: 2rem;
}
/*******************/
/*Widget style*/
/*******************/
/*widget css*/
.sidebar-main{
height:100vh;
overflow-y: auto;
}
.m-shop-widget-content ul,
.m-shop-widget-content ul li{
margin:0;
padding:0;
list-style: none;
}
.m-shop-widget-content {
    margin: 1rem 2rem;
    position:relative;
}
.widget{
  position:relative;
}
.widget.woocommerce .widget-title,
.open-widget-content .widget-title,
.widget-title{
  font-size: 1.2rem;
  color:#111;
}
.widget-footer h2.widget-title, .widget-footer .widget.woocommerce .widget-title{
  color:#fff;
}
.widget-title{padding-bottom:1rem;}
.widget.woocommerce .woocommerce-widget-layered-nav-list__item a,
.widget.woocommerce .product-categories li a{
  display: inline-block;
}
.open-widget-content ul li:last-child{
    margin: 0;
}
.woocommerce-widget-layered-nav span.count{
  float: right;
}
.woocommerce .widget_price_filter .open-widget-content .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .open-widget-content .ui-slider .ui-slider-handle{
  background-color: #747474;
}
.woocommerce .widget_price_filter .open-widget-content .price_slider_wrapper .ui-widget-content{
  background-color: #e4e6eb;

}
.widget.woocommerce.widget_price_filter .open-widget-content .ui-slider-horizontal{
  height: 2px;
}
.widget.woocommerce.widget_price_filter .open-widget-content .price_slider{
  margin-bottom: 2rem;
    overflow-y: inherit;
    overflow-x: inherit;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  top: -0.4rem;
}
.price_slider_wrapper button[type=submit]{
  width: 100%;
  margin-top: 2rem;
  outline: 0;
  padding: 1rem 0;
}
.woocommerce .price_slider_amount{
  position: relative;
}
.price_slider_amount .price_label{
  width: 100%;
  position: absolute;
  top: -1rem;
  text-align: center;
}
.m-shop-widget-content ul li{
  margin-bottom: 0.5rem;
  padding: 0;
}
.woocommerce  ul.cart_list li, 
.woocommerce  ul.product_list_widget li{
margin-bottom:1rem;
padding:0;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
float: left;
    width: 60px;
    margin-left: 0;
    margin-right: 1rem;
    border: 1px solid #F1F1F1;
}

.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a{
font-size:0.9rem;
font-weight:normal;
}
.widget.woocommerce .product_list_widget .star-rating{
  display: block;
}
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li {
    padding-left: 0;
}
.widget.woocommerce .product_list_widget .star-rating{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.woocommerce  ul.cart_list li .woocommerce-Price-amount ,
.woocommerce  ul.product_list_widget li .woocommerce-Price-amount{
    font-size:0.8rem;
    font-family: 'JosefinSans-Bold';
}

.woocommerce  ul.cart_list li del .woocommerce-Price-amount,
.woocommerce  ul.product_list_widget li del .woocommerce-Price-amount,
.woocommerce  ul.cart_list li del ,
.woocommerce  ul.product_list_widget li del {
    color: #b8b8b8;
    margin-right:2px;
}
.woocommerce ins {
    text-decoration: none;
  }
.woocommerce  .star-rating {
    font-size: 10px;
    margin: 0;
}

/* Tag Cloud */
.widget_tag_cloud  a {
    display: inline-block;
    font-size: 11px!important;
    background: #b7b7b7;
    color: #fff;
    padding: 4px 6px;
    margin-bottom: 10px;
    border-radius: 5px;

}
.widget.widget_categories li{
color:#9c9c9c;
}
.widget-footer .widget ul {
    margin: 0;
    list-style-type: none;
}
/* Cart */ 
.widget.woocommerce.widget_shopping_cart li a:first-child{
 left: auto;
    right: 0;
}
.open-widget-content li a{
  font-size: 14px;
  line-height: 20px;
}
.woocommerce .open-widget-content .widget_shopping_cart .total, 
.woocommerce.widget_shopping_cart .open-widget-content .total{
  border: 0;
}
.widget-footer .widget-footer-wrap {
       padding: 1.5rem 0;
    margin:0;
}
.woocommerce.widget_shopping_cart .buttons a {
    margin-right:0.5rem;
    margin-bottom: 0.5rem;
font-weight:normal;
   margin-top:0.5rem;
border: 1px solid #E32E00;
    padding: 0.4rem 0.8rem;
    font-size: 0.7rem;
    background: #E32E00;
    color: #fff;
    letter-spacing: 1px;
    border-radius: 3px;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    -ms-transition: all 300ms;
   
}
.widget-footer,.top-footer,.below-footer{
background:#000; 
}
/**************/
/*Blog page*/
/***************/
.thunk-woo-product-list.post,article.thunk-post-article{
    text-align:left;

}
article.thunk-post-article,article.thunk-article {
      background: #fff;
    padding: 1rem;
    border: 1px solid #EBEBEB;
  }
article.thunk-article,
article.thunk-post-article,
.single article,.no-results.not-found,#error-404{
margin: 1rem 0;
}
footer.comment-meta{
padding-left:0;
}
.thunk-post-img-wrapper{
margin-bottom:1rem;
}
h2.thunk-post-title,h1.thunk-post-title{
margin-bottom:0.5rem
}
.thunk-post-meta{
margin-bottom:1rem;
display: flex;
}
.entry-content p,.woocommerce-product-details__short-description {
    margin-bottom:1.5rem;
    line-height: 1.8;
}
article.thunk-post-article .thunk-readmore.button,
.woocommerce #respond input#submit,
#comments .submit {
color: #fff;
    font-size: 0.8rem;
    padding: 0.9rem 1.8rem;
    background: #E32E00;
    overflow: hidden;
    z-index:1;
    font-weight: normal;
        border-radius:4px;
        font-family: 'Roboto-Bold';
        text-decoration: none;
}
article{
border-radius:3px;
}
h2.thunk-post-title a, h1.thunk-post-title a{
  color:#000;
}
p.read-more{
margin-bottom:1rem;
}
.thunk-comments {
    background: #111;
    color: #fff;
    float: right;
    font-size: 11px;
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    min-width: 27px;
    padding: 0 4px;
    position: relative;
    text-align: center;
    display: inline-block;
}
.thunk-comments span,.thunk-comments a{
  color:#fff;
}
.thunk-post-info{
    width: 80%;
}
.thunk-post-comments {
    width: 20%;
}
.thunk-comments:before {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #111;
    border-style: solid;
    border-width: 5px;
    bottom: -5px;
    content: "";
    left: 5px;
    position: absolute;
}
.thunk-post-info span:after{
content: " ";
    width: 10px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    display: inline-block;
    margin: 0px 5px;
    vertical-align: middle;
}
.thunk-post-info span:last-child:after {
display:none;
}

/*post pagination*/
.navigation.pagination{
margin:30px 0px;
}
.nav-links{
  text-align:center;
}
.nav-links .page-numbers{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
        font-size: 13px;
    margin-right: 4px;
    text-align: center;
      border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
background-color:#f1f1f1;

}
.nav-links .page-numbers.current,.nav-links .page-numbers:hover{
    background-color: #111;
    color:#fff;
}

.nav-links .page-numbers.next:before {
    content: "\f105";
    font-family: fontAwesome;
    line-height: 1;
}
.nav-links .page-numbers.prev:before {
    content: "\f104";
    font-family: fontAwesome;
    line-height: 1;
}

.woocommerce nav.woocommerce-pagination ul {
    padding: 0;
    clear: both;
    border: 0;
    border-right: 0;
    margin: 1px;
    display: contents;
    white-space: nowrap;
}
.woocommerce  nav.woocommerce-pagination .page-numbers {
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding:0;
    font-size: 13px;
    margin-right: 4px;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #f4f7f9;
}
.woocommerce nav.woocommerce-pagination ul li{
    float: none;
    border-right:0;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current{
    background-color:#E32E00;
    color: #fff;
}
/***********************************/
/*Post single page*/
/***********************************/
.thunk-related-links {
margin-bottom:15px;
}
.thunk-related-links .nav-links{
display: flex;
    text-align: left;
}
.thunk-related-links .nav-links .nav-previous{
-webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.thunk-related-links .nav-links  a{
font-size:1rem;
}
/*Comment box & Author*/
.thunk-author-bio,.thunk-author-bio {
    display: flex;
}
.author-info {
    align-self: center;
    margin-left:1rem;
}
.author-header a{
color:#626060;
}
.comment-list{
margin:0;
padding:0;
list-style: none;
}
.single article.comment-body{
padding:0;
}
/* comment-list css Starts */
.thunk-single-post .comment,
.thunk-single-page .comment{
  margin-bottom:1rem;
}
.thunk-single-post .comment-author,
.thunk-single-page .comment-author{
  display: flex;
} 
.thunk-single-post .comment-author img,
.thunk-single-page .comment-author img{
  margin-right: 1rem;
}
.thunk-single-post .comment-author .fn,
.thunk-single-page .comment-author .fn{
  margin-right:1rem;
}
.thunk-single-post .comment-author,
.thunk-single-post .comment-metadata,
.thunk-single-post .comment-content,
.thunk-single-post .reply,
.thunk-single-page .comment-author,
.thunk-single-page .comment-metadata,
.thunk-single-page .comment-content,
.thunk-single-page .reply{
  margin-bottom: 1rem;
}
.thunk-single-post ol.children,
.thunk-single-page ol.children{
  list-style-type: none;
}
.thunk-single-post .comment-list,
.thunk-single-page .comment-list{
  margin: 1rem 0;
  list-style-type: none;
}
.single article.comment-body {
    padding:1rem;
    background: #f6f7f9;
position:relative;
}
.comment-list .reply a {
    background: #000;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    padding-top: 7px;
    padding-bottom: 7px;
}
.comment-list .reply {
    position: absolute;
    bottom:0px;
    right: 0;
}
.thunk-single-post .comment-author img, .thunk-single-page .comment-author img {
    margin-right: 15px;
    height: 60px;
    width: 60px;
}
/*404 page & no-result page*/
#no-results .page-content p, #error-404 .page-content p{
margin:15px 0px;
}

#no-results .form-content input[type="text"],#error-404 .form-content input[type="text"]{
width: 250px;
}

.error-heading h2{
font-size:50px;
margin:30px 0px
}
.error-heading h3{
font-size:30px;
}
/*404 page & no-result page*/

/***************************/
/*Product single page style*/
/***************************/
/***************************************/
/*woocommerce single product page style*/
/***************************************/
.woocommerce div.product div.images.woocommerce-product-gallery{
margin:0;
}
.thunk-single-product-summary-wrap{
position:relative;
display: block;
overflow: hidden;
margin-bottom: 20px;
background:#fff;
padding:1rem;
border: 1px solid #EBEBEB;
}
.single-product .thunk-woo-product-list{
text-align:left;
}
.woocommerce div.product .flex-viewport {
    width:100%;
    float: right;
}
.woocommerce div.product div.images .flex-control-thumbs{
    width:25%;
}
.woocommerce div.product div.images .flex-control-thumbs{
    width:100%;
   
}
.woocommerce div.product div.images .flex-control-thumbs li {
    width:25%;
    padding: 10px;
   
}
.woocommerce div.product div.images .flex-control-thumbs li img {
    border: 1px solid #dddddd;
}
.single-product .summary .thunk-woo-product-list{
text-align:left;
}

.woocommerce .woocommerce-product-rating .star-rating {
    margin: .5em 10px 0 0;
    float: left;
    width: 5.4em;
line-height: normal;
}
.woocommerce div.product .product_title, 
.woocommerce div.product p.price,
.woocommerce-product-details__short-description {
  position: relative;
}
.woocommerce div.product .woocommerce-product-rating{
margin-bottom:20px;
  position: relative;
}
.woocommerce .woocommerce-product-rating .star-rating {
  margin: .5em 10px 0 0;
  float: left;
  width:6em;
  line-height: normal;
}
.woocommerce .summary .star-rating{
  font-size: 13px;
}
.woocommerce table.shop_attributes td {
    padding: 0px 8px;
}

.woocommerce div.product .product_title,
section.related.products h2,
 section.upsells.products h2,
 .woocommerce #reviews #comments h2{color:#000;}

/*quantity button*/
.woocommerce #content div.product div.summary p.price{
display:block;
font-size:21px;
margin-bottom:20px!important;
}

.single-product div.product form.cart input[type="number"]{
  border-color: #9c9c9c;
    border-width: 0 1px;
    color: #9c9c9c;
    float: left;
    font-size: 1.2rem;
    background: transparent;
    height:45px;
    line-height: 55px;
    padding: 0 5px;
    text-align: center;
    width: 45px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-radius: 0;
    -webkit-border-radius: 0;
    padding:0;
}

.single-product div.product form.cart button.plus {
    display: inline-block;
    float: left;
    font-size:1.3rem;
   font-weight: 100;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 45px;
    background: transparent;
    color: #9c9c9c;
    padding:0;
    border: none;
}
.single-product div.product form.cart button.minus {
    display: inline-block;
    float: left;
    font-size:2rem;
    font-weight: 100;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 45px;
    background: transparent;
    color: #9c9c9c;
    padding:0;
    border: none;
}
.single-product .product_meta{
  width: 100%;
  clear: both;
}
.single-product.woocommerce ul.products li.product .woocommerce-loop-product__link, 
.single-product.woocommerce-page ul.products li.product .woocommerce-loop-product__link{
  margin: 0;
}
.woocommerce div.product form.cart div.quantity{
    margin:0;
}
.m-shop-quantity{
    margin-right:0.5rem;
    float:left;
    border: 1px solid #9c9c9c;
        display: flex;
}
.summary input[type=number]::-webkit-inner-spin-button, 
.summary input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.woocommerce div.product form.cart {
    margin-bottom: 30px;
    float: left;
}
.woocommerce div.product form.cart .variations select {
    z-index: 1;
    border: none;
    height: 35px;
    line-height: normal;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #fff;
    position: relative;
    border: 1px solid #9c9c9c;
    padding: 0px 10px;
    width: 60%;
    margin-right: 10px;
        margin-bottom: 7.5px;
}
.woocommerce div.product form.cart .variations td.label{
vertical-align:middle;
}
.woocommerce div.product form.cart table td {
    padding-left: 0;
    padding: 0;
}
.woocommerce-variation-price,.woocommerce div.product form.cart .variations{
margin-bottom:20px;
}

.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled, 
.woocommerce #respond input#submit.alt:disabled:hover, 
.woocommerce #respond input#submit.alt:disabled[disabled], 
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled, 
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled], 
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover, 
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #000;
    color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding:0;
    margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom:none;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: transparent;
    z-index:1;
    border-bottom-color: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: none;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    position: relative;
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del {
    margin-right: 10px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
    padding:0;
  }
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    border: none;
    border-bottom: 2px solid transparent;
    box-shadow: none;
    text-shadow: none;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.05em;
    position: relative;
    color:#8f9696;
    padding: 0.7rem 0.5rem;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
  border-bottom: 2px solid #000;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before{
   display:none;
}

.woocommerce #content div.product div.summary, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary {
    float: right;
    width: 53%;
    clear: none;
    text-align: start;
}
.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images {
    float: left;
    width: 45%;
    background: #fff;
}
body .woocommerce-tabs .tabs li.active a::before, body .woocommerce-tabs .tabs li:hover a::before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.thunk-single-product-summary-wrap img,
.m-shop-slide-item-hover.m-shop-woo-hover-slide .thunk-single-product-summary-wrap img:first-of-type{
    -webkit-transition: inherit;
    -o-transition:inherit;
    transition: inherit;
}

body .woocommerce-tabs .tabs li.active a, body .woocommerce-tabs .tabs li:hover a{
color:#000!important;
}

.woocommerce div.product .woocommerce-tabs .panel{
    position: relative;
    margin: 0;
    display: none;
    padding: 20px 0;
}
.product_meta {
    width: 100%;
padding:15px;
position: relative;
    color: #000;
    font-size:15px;
}
.thunk-single-product-summary-wrap .product_meta span a{
font-size:14px;
color:#999;
}
.thunk-single-product-summary-wrap .product_meta span{
margin-bottom:10px;
}
.product_meta > span {
    display:block;
    line-height: 18px;
}
.product_meta > span.tagged_as{
border-right:none;
}
.woocommerce-Tabs-panel .woocommerce-Reviews{
text-align:left;
}
section.related.products h2,section.upsells.products h2{
margin-bottom:30px;
}
section.related.products .thunk-woo-product-list,section.upsells.products .thunk-woo-product-list{
text-align:center;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
border:none;
}
section.related.products ul.products{
padding:0;
margin:0;
}
section.related.products > h2, 
section.upsells.products > h2,
.woocommerce div.product .product_title{
    position: relative;
    vertical-align: top;
    margin: 0px 0px 20px 0px;
    border-bottom: 2px solid #f0f0f0;
    width: 100%;
    padding: 0px 0px 20px;
        font-size: 1.5rem;
}
.woocommerce div.product .product_title{
padding-right: 5rem;
padding-top: 20px;
}
.woocommerce #reviews #comments ol.commentlist li{
    border-bottom: 1px solid #f1f1f1;
    list-style: outside none none;
    margin-bottom: 10px;
    padding-bottom: 30px;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar{
    float: left;
    height: 50px;
    width: 50px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text{
    overflow: hidden;
    padding:0;
    margin: 0 0 0 65px;
}
.comment-text .star-rating{
margin-bottom:8px;
    width: 100%;
}
.woocommerce #reviews #comments .star-rating span ,
.woocommerce p.stars a,
.woocommerce .woocommerce-product-rating .star-rating{
color: #f78686;
}
.woocommerce div.product p.price, .woocommerce div.product span.price{
  color:#626060;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
    margin: 0 0 0em;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
    font-style: italic;
}
.comment-form{
margin-top:10px;
width:60%;
}
.comment-form-rating{
display:flex;
line-height: normal;
margin-bottom: 10px;
}
.comment-form-comment label{
    padding-bottom: 10px;
    display: block;
}
.woocommerce #review_form #respond p.stars{
margin:0px 0px 0px 10px;
}
.comment-form textarea {
    line-height: 28px;

}
.comment-form input[type="text"], 
.comment-form input[type="email"], 
.comment-form input[type="url"] {
    line-height: 35px;
    min-height: 35px;
    background: transparent;
    border: 1px solid #f1f1f1;
}
.comment-form textarea{
    line-height:normal;
    min-height: 52px;
    background: transparent;
    padding:10px;
}
.comment-form input[type="text"], 
.comment-form input[type="email"], 
.comment-form input[type="url"]{
  width:100%;
}
.comment-form textarea{
  height:200px;
}
.comment-form  .form-submit{
  margin-top:20px;
}
.comment-respond{
  display:flow-root;
}
#commentform p{
margin-bottom:1rem;
}
.woocommerce #reviews #comment {
    height: 150px;
    padding: 10px;
}
.single_add_to_cart_button.button.alt, 
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce button.button,
.woocommerce input.button,.woocommerce div.product form.cart .button {
    background: #E32E00;
    border: medium none;
    color: #fff;
    display: inline-block;
    float: left;
    line-height: 36px;
    margin-right: 0.5rem;
    text-align: center;
    padding: 0 10px;
    min-width: 110px;
    border-radius: 3px;
        border-radius: 3px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 0.9rem;
    letter-spacing: 1px;
    font-family:'Roboto-Bold';
}
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,.woocommerce #respond input#submit:hover,
.woocommerce button.button:hover, .woocommerce input.button:hover{
    background-color:#E32E00;
    color: #fff;
    opacity:0.8;
}
.woocommerce-grouped-product-list.group_table{
border:none;
}
.woocommerce-grouped-product-list-item__price{
padding-right:20px!important;
}
/*woocommerce meassage*/
.woocommerce-error, .woocommerce-info, .woocommerce-message {
  padding: 1em 0 1em 0;
    margin: 0 0 30px;
    position: relative;
    background-color:transparent;
    color: #292e32;
    border-top: 3px solid #292e32;
    list-style: none !important;
    width: auto;
    word-wrap: break-word;
}
.woocommerce-error::before, 
.woocommerce-info::before, 
.woocommerce-message::before{
display:none;
}

.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button, 
.woocommerce .woocommerce-message .button {
    float: right;
    font-size: 13px;
font-weight:normal;
background:transparent;
    display: inline-block;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    margin: 0;
    transition: all .5s ease-out;
border: 1px solid #E32E00;
color:#E32E00;
border-radius: 3px;
}
.woocommerce .woocommerce-error .button:hover,
.woocommerce .woocommerce-info .button:hover, 
.woocommerce .woocommerce-message .button:hover{
color:#fff;
background:#E32E00;
}

/*woocommerce meassage*/
.woocommerce.woocommerce-page  .related ul.products .product, .woocommerce.woocommerce-page .upsells.products li {
    display: inline-block;
    vertical-align: top;
}
/*VERTICAL STYLE*/
.woocommerce div.product.m-shop-single-product-tab-vertical .woocommerce-tabs ul.tabs {
    width: 200px;
    float: left;
    padding: 0px;
    margin: 0px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}
.woocommerce div.product.m-shop-single-product-tab-vertical .woocommerce-tabs ul.tabs li.active {
    z-index: 0;
    border-right-color:rgba(0,0,0,.1);
    border-bottom-color:rgba(0,0,0,.1);
}
.woocommerce div.product.m-shop-single-product-tab-vertical .woocommerce-tabs ul.tabs li {
    width: 100%;
    margin: 0px;
    border-width: 0px 0px 1px;
    border-style: solid;
    border-color:rgba(0,0,0,.1);
}
.woocommerce div.product.m-shop-single-product-tab-vertical .woocommerce-tabs .panel {
    margin-left: 220px;
    border-style: solid;
    border-color: rgba(0,0,0,.1);
    border-image: initial;
    border-width: 0px 0px 0px 1px;
    padding: 1.5em;
    text-align: left;
    margin-top: 30px;
}
.woocommerce div.product.m-shop-single-product-tab-vertical .woocommerce-tabs ul.tabs li a{
width:100%;
}
.woocommerce #reviews #comments h2 {
    display:none;
}
.woocommerce-variation-price{
margin-bottom:30px;
display:inline-flex;
}
.woocommerce section {
    clear: both;
}
.woocommerce .entry-summary .clear{
clear: initial;
}

/************************/
/*wishlist icon*/
.summary .yith-wcwl-add-to-wishlist {
    float: left;
    margin: 0 0 17px 0;
}
.summary .yith-wcwl-add-button, .summary .yith-wcwl-wishlistaddedbrowse,
 .summary .yith-wcwl-wishlistexistsbrowse {
    display: inline-block;
    float: left;
    position: relative;
    text-align: center;
    font-size: 0;
}
.summary .yith-wcwl-add-button .show {
    display: block!important;
}
.summary .yith-wcwl-add-button a, 
.summary .yith-wcwl-wishlistaddedbrowse a,
 .summary .yith-wcwl-wishlistexistsbrowse a {
    border: 1px solid;
    border-radius: 0;
    color: #9c9c9c;
    display: inline-block;
    font-size: 0;
    height: 45px;
    line-height: 45px;
    width: 45px;
    letter-spacing: normal;
}
.summary .yith-wcwl-add-to-wishlist .add_to_wishlist::before, 
.summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a::before, 
.summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a::before {
    content: "\e90a";
    font-family:th-icon;
    font-size: 18px;
}
.thunk-single-product-summary-wrap .yith-wcwl-add-button .yith-wcwl-icon{
display:none;
} 
.summary .yith-wcwl-wishlistaddedbrowse a, .summary .yith-wcwl-wishlistexistsbrowse a{
  color:#E32E00;
}
.summary .yith-wcwl-add-to-wishlist .ajax-loading {
box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    display: inline !important;
    margin-left: 0px;
    vertical-align: middle;
    visibility: hidden;
    width: 16px !important;
    height: 16px !important;
    position: absolute;
    left: 12px;
    top: 12px;
}
.summary .yith-wcwl-add-to-wishlist.show .add_to_wishlist::before, 
.summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse.show a::before, 
.summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse.show a::before{
color:#111;
content: "\f004";
}
.woocommerce .entry-summary a.th-product-compare-btn {
    border: 1px solid;
    border-radius: 0;
    color:#9c9c9c;
    display: inline-block;
    font-size: 0;
    height: 45px;
    line-height: 45px;
    width: 45px;
    background: 0 0;
    text-align: center;
    margin-left: 10px;
    font-weight: 400;
    min-width: auto;
}
.woocommerce .entry-summary .th-product-compare-btn.btn_type.th-added-compare, .woocommerce .entry-summary a.th-product-compare-btn:before,
.woocommerce .entry-summary a.th-product-compare-btn.btn_type:before {
    content: "\e917";
    font-family: th-icon!important;
    display: block;
    color: #9c9c9c;
    font-size: 0;
    padding: 0;
}
.woocommerce table.shop_table tbody.wishlist-items-wrapper img{
max-width:60px;
}
.wishlist_table .product-add-to-cart a{
margin:0!important;
}
.wishlist_table .product-add-to-cart a.button {
line-height:inherit;
padding: 10px 12px!important;
min-width:auto;
}

/* Loader for Add To Cart */
/*.woocommerce ul.products li.product .button #respond input#submit.loading:after,
.woocommerce .woocommerce ul.products li.product .button.loading:after,
.woocommerce .woocommerce ul.products li.product .button.loading:after,
.woocommerce ul.products li.product .button.loading:after{
top:0em!important;
}*/
.woocommerce div.entry-summary form.cart button[type=submit] {
    font-weight: 400;
    color: #fff;
    border-radius: 0;
    font-size: 1rem;
    padding: 0.9rem 1.8rem;
    height:46px;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: .1em;
    width:200px;
        border-radius: 3px;
}
/*compare style*/
.woocommerce .entry-summary a.th-product-compare-btn.btn_type{
border: 1px solid;
    border-radius: 0;
    color: #9c9c9c;
    display: inline-block;
    font-size: 0;
    height: 45px;
    line-height:45px;
    width: 45px;
    background: transparent;
    text-align: center;
    margin-left:0.5rem;
    font-weight: normal;
    min-width: auto;
}
.woocommerce .entry-summary a.th-product-compare-btn.btn_type{
  line-height: 45px;
}
.woocommerce .entry-summary a.th-product-compare-btn.btn_type:before{
  content: "\e917";
    font-family: th-icon!important;
    display: block;
    color: #9c9c9c;
    font-size: 1rem;
}
.woocommerce .entry-summary a.compare.button.added:before{
color:#111;
}
.woocommerce .entry-summary .clear{
clear: initial;
}
.woocommerce #content div.product div.summary .prev_next_buttons{
position:absolute;
top: 2rem;
    right: 1rem;
    z-index: 1;
}
.woocommerce #content div.product div.summary .prev_next_buttons a{
    border: 1px solid #000;
    padding: 7px;
    font-size: 1rem;
    margin: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #fff;
    background: #000;
}
.woocommerce #content div.product div.summary .prev_next_buttons a:hover{
background:#E32E00;
color:#fff;
border-color:#E32E00;
}

.woocommerce .thunk-woo-product-list .thunk-single-product-summary-wrap .onsale{
top:1rem;
left:1rem;
z-index:1;
}
/*************/
/*Shop Page*/
/*************/
.woocommerce .woocommerce-ordering, 
.woocommerce-page .woocommerce-ordering,
.woocommerce #shop-product-wrap .woocommerce-result-count, 
.woocommerce-page #shop-product-wrap .woocommerce-result-count{
    float: left;
}
.woocommerce .woocommerce-result-count{float:none;}
.thunk-list-grid-switcher a{
  margin-right:0;
}
.woocommerce #shop-product-wrap .woocommerce-ordering{
    width: 210px;
    text-align: right;
    float: right;
}
.thunk-list-grid-switcher a.selected, .thunk-list-grid-switcher a:hover{
    background: #000;
    border: 1px solid #000;
    color: #fff;
}
.thunk-list-grid-switcher a {
    width: 35px;
    height: 35px;
    color: #fff;
    background: #ebe9eb;
    display: block;
    float: left;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 20px;
    line-height: 35px;
    margin-right: 10px;
}
.thunk-list-grid-switcher {
    float: right;
    margin-right: 0px;
}
#shop-product-wrap select {
    width: 100%;
    padding: 5px;
    color: #666;
    border: 1px solid #ccc;
    line-height: inherit;
    height: 2.25em;
}
#shop-product-wrap ul.products {
    padding-top: 1rem;
}
.woocommerce-page .thunk-list-view ul.products li.product {
float:left;
width: 49%!important;
margin-right: 2%;
margin-bottom: 1rem!important;
    clear: initial;
}
.woocommerce-page .thunk-list-view ul.products li.product .thunk-product-wrap{

    box-sizing: border-box;
    border: 1px solid #EBEBEB;
    padding: 10px;
}
.woocommerce-page .thunk-list-view ul.products li.product:nth-child(2n+2){
margin-right:0px;
}
.woocommerce .thunk-list-view ul.products li.product .onsale {
    top: 0;
    right: auto;
    left: 0;
}
.thunk-list-view .thunk-product {
 display:flex;
flex-wrap: wrap;
}
.thunk-list-view .thunk-product .thunk-product-image{

width:40%;
  padding-right:1rem;
margin-bottom: 0;
}
.thunk-list-view .thunk-product-content{
width:60%;
padding-left: 0.5rem;
}
.thunk-list-view .thunk-product{
border:none;
}
.thunk-list-view  .thunk-product-image{
  padding-bottom:0;
}
.thunk-list-view .ms-product-excerpt{
text-align:left;
display:block;
}
.ms-product-excerpt{
display:none;
}
.thunk-list-view .ms-product-excerpt{
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.thunk-list-view .thunk-quickview{
  display:none;
}
.woocommerce .thunk-list-view 
 .thunk-product-content .star-rating{
       margin: 10px 0px;
}
.thunk-list-view .thunk-hover-icon {
  opacity:1;
}
.thunk-list-view .thunk-hover-icon a {
    transform: scale(1);
}
.thunk-list-view .woocommerce-loop-product__title a{
font-size:1.3rem;
}
.thunk-list-view .thunk-woo-product-list .thunk-hover-icon{
    right:1rem;
}
/************************/
/*Product catalog style*/
/************************/
/*Two coloum*/
.woocommerce ul.products.columns-2 li.product, 
.woocommerce-page ul.products.columns-2 li.product {
    width: 49%;
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    float: left;
    position: relative;
    margin: 0px 2% 1.5em 0px;
    padding: 0px;
    text-align: left;
}
.woocommerce ul.products li.last, 
.woocommerce-page ul.products li.last {
    margin-right: 0;
}
/*three coloum*/
.woocommerce ul.products.columns-3 li.product, 
.woocommerce-page ul.products.columns-3 li.product {
    width: 32%;
}
/*four coloum*/
.woocommerce ul.products.columns-4 li.product, 
.woocommerce-page ul.products.columns-4 li.product {
    width: 23.5%;
}
/*five coloum*/
.woocommerce ul.products.columns-5 li.product, 
.woocommerce-page ul.products.columns-5 li.product {
    width: 18.4%;
}
/*Six coloum*/
.woocommerce ul.products.columns-6 li.product, 
.woocommerce-page ul.products.columns-6 li.product {
    width: 15%;
}
.archive.woocommerce-page .page-title{
display:none;
}
/******************************/
/*extra list in drop down style*/
/******************************/
.header__cat__item.dropdown{
display: inline-flex;
    position: relative;
}
.header__cat__item.dropdown a.more-cat{
width: 30px;
    height: 30px;
    line-height: 30px!important;
    font-size: 13px;
    text-align: center;
    color: #fff;
    border: 1px solid #111;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: #000;
}
.header__cat__item.dropdown.open ul.dropdown-link{display:block;}
.thunk-cat-tab ul.dropdown-link{
  position: absolute;
    top: 100%;
    right: 8px;
    z-index: 1000;
    display:none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    background: #ffffff;
    border: 0;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    border-radius: 3px;
    margin: 0 !important;
    padding: 0;
}
ul.dropdown-link > li >a {
    display: block;
    text-decoration: none;
    padding: 8px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    white-space: nowrap;
}
/************************/
/*View all button style*/
/************************/
.product_cat_view a,.blog_cat_view a{
border:1px solid #000;
padding:0.4rem 0.8rem;
font-size:0.7rem;
background:#000;
color:#fff;
letter-spacing:1px;
border-radius: 3px;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
font-family:'Roboto-Bold';
}
.product_cat_view a:hover{
background:#000;
color:#fff;
}

/************************/
/*woocommerce cart page*/
/************************/
.woocommerce table.shop_table {
    border-style: solid;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-color:#eaeaea;
    border:0;
}
.woocommerce table.shop_table thead th{
    border-bottom:1px solid #EBEBEB!important;
}
.woocommerce table.shop_table thead th,
.cart-subtotal,.order-total {
    font-weight:600;
    border:none;
    color:#000;
    letter-spacing: 1.2px;
}
.woocommerce table.shop_table th {
    padding: 0.8em;
    vertical-align: middle;
}
.woocommerce table.shop_table td{
    border-bottom:1px solid #EBEBEB!important;
}
.woocommerce table.shop_table td, .woocommerce table.shop_table th {
    padding: 1em 1.41575em;
    text-align: left;
    vertical-align: top;
    border:none;
}
.woocommerce table.shop_table .product-thumbnail img, .woocommerce-page table.shop_table .product-thumbnail img {
    width: auto;
    max-width:90px;
    height: 100px;
}
.cross-sells h2,.cart_totals h2{
margin:40px 0px;

}
table.cart .product-thumbnail img {
    margin: 0 auto;
    border-radius: 3px;
}
.woocommerce table.shop_table td {
    padding: 0.8em;
    vertical-align: middle;
    text-transform: capitalize;
    border-color:#EBEBEB;
}
.woocommerce #content table.cart td.actions .input-text, 
.woocommerce-page #content table.cart td.actions .input-text {
    width: auto;
    line-height: 23px;
}
.woocommerce table.shop_table .cart-subtotal td{
    border:none!important;
   
}
.woocommerce table.shop_table .order-total td{
    border-bottom:none!important;
}
.cart_totals .shop_table{
    padding: 0px 20px;
  
}
.woocommerce table.shop_table td, .woocommerce table.shop_table th {
    padding: 1em 0em;
}
.woocommerce .woocommerce-cart-form__cart-item .quantity .qty {
    height: 40px;
        background: #f7f8f9;
    border: 1px solid #eaeaea;
}
.woocommerce a.remove {
    font-size: 15px;
    border-radius: 0;
}
.woocommerce a.remove:hover {
    color: #fff!important;
    background:#000!important;
}
#add_payment_method table.cart td.actions .coupon .input-text,
 .woocommerce-cart table.cart td.actions .coupon .input-text, 
 .woocommerce-checkout table.cart td.actions .coupon .input-text {
border: 1px solid #EBEBEB;
  }
  .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, 
  .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, 
  .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled],
  .woocommerce button.button.disabled, .woocommerce button.button:disabled, 
  .woocommerce button.button:disabled[disabled], 
  .woocommerce input.button.disabled, 
  .woocommerce input.button:disabled,
   .woocommerce input.button:disabled[disabled] {
        padding: 0 10px;
}
/************************/
/*woocommerce cart page*/
/************************/
/************************/
/*checkout page style*/
/************************/
.woocommerce-billing-fields {
    overflow: hidden;
}
.woocommerce-billing-fields h3 {
    margin: 0 0 30px;
}
.checkout .form-row > label {
    display: block;
    font-weight: 500;
}
.checkout input.input-text {
    background: #f7f8f9;
    border: 1px solid #EBEBEB;
    width: 100%;
}
input[type="text"], input[type="email"],input[type="url"],
 textarea, input[type="password"], 
 input[type="tel"], input[type="search"] {
    border: 1px solid #eaeaea;
    border-radius: 0;
    font-size: .9375rem;
    padding: 0 10px;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    line-height: 2rem;
}
.widget_search .form-content, .widget_product_search .woocommerce-product-search, .m-shop-off-canvas-sidebar .woocommerce-product-search {
    display: flex;
    align-items: flex-start;
}
.thunk-top2-slide.owl-carousel .owl-nav button.owl-prev{
border-radius:0px 3px 3px 0px; 
}
.thunk-top2-slide.owl-carousel .owl-nav button.owl-next{
border-radius:3px 0px 0px 3px; 
}  

#s{border-radius: 4px 0px 0px 4px;}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    color:#626060;
    height: 40px;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #eaeaea;
    border-radius: 0;
    background: #f7f8f9;
}
.checkout .select2-container .select2-selection--single {
    height:40px;
    line-height:40px;
    margin: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: inherit;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 20px;
    height: auto;
}
.woocommerce .woocommerce-checkout #customer_details p.form-row label {
    margin: 0 0 5px;
    display: block;
}
.woocommerce-checkout>.col2-set>.col-2 {
    float: none;
    width: 100%;
}
.woocommerce-checkout #order_review {
    float: right;
    width: 48%;
}
.woocommerce-checkout h3#order_review_heading {
  
    display: none;
}
.woocommerce #order_review table.shop_table {
    margin: 0 0 40px;
    border: none;
}
.woocommerce-checkout>.col2-set {
    float: left;
    width: 48%;
}
.woocommerce-checkout>.col2-set>.col-1 {
    float: none;
    width: 100%;
    margin-bottom: 30px;
}
.woocommerce .form-row-first {
    float: left;
    width: 48%;
    margin-right: 4%;
}
.woocommerce-checkout #payment ul.payment_methods li:hover {
    background-color:#f7f8f9;
}
.woocommerce-checkout #payment ul.payment_methods li {
    background-color:#f7f8f9;
    text-align: left;
    border: 0;
    padding: 20px;
}

.woocommerce #order_review table.shop_table thead th {
    font-size: 15px;
    letter-spacing: 1px;
    padding: 20px;
}
.woocommerce #order_review table.shop_table th{
    border: none;
    padding: 16px 20px;
}
.woocommerce #order_review table.shop_table thead th.product-total {
    text-align: right;
}
.woocommerce #order_review table.shop_table tbody td.product-name {
    max-width: 376px;
    text-align: left;
}
.woocommerce #order_review table.shop_table td {
    border: none;
    padding: 16px 20px;
    text-align: right;
}
.woocommerce table.shop_table td {
    padding: 0.8em 0px;
    vertical-align: middle;
    text-transform: capitalize;
    border-color: #eaeaea;
}
.woocommerce #order_review table.shop_table tfoot th {
    font-weight: 600;
}
.woocommerce #order_review table tfoot th {
    text-transform: capitalize;
}
.woocommerce-checkout-review-order-table tfoot th {
   background: #f7f8f9;
}
.woocommerce-checkout #payment ul.payment_methods li:hover {
    background-color: #f5f5f5;
}
.woocommerce-checkout #payment ul.payment_methods {
    padding-bottom: 20px;
    padding: 0;
}
.woocommerce-checkout #payment {
    background: transparent;
}
.woocommerce-checkout #place_order {
    width: 100%;
    font-size: 15px;
    line-height: 1.6;
    padding: 16px 20px;
}
.woocommerce-checkout .woocommerce-info:before {
    color: #ddd;
}
.woocommerce-checkout form.checkout_coupon .form-row-first {
    float: left;
    width: 100%;
}
.woocommerce-checkout form.checkout_coupon .form-row-last {
    float: left;
    width: 100%;
}
.woocommerce-checkout form,
.woocommerce-checkout textarea {
    line-height: 1.5;
    resize: vertical;
}
.woocommerce-checkout form{

  overflow:hidden;
}
.form-row {
    float: left;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
}
.woocommerce-input-wrapper textarea.input-text {
    background: #f7f8f9;
    border: 1px solid #eaeaea;
    color: #898989;
    width: 100%;
}

.woocommerce-input-wrapper textarea.input-text {
    background: #f7f8f9;
    border: 1px solid #eaeaea;
    color: #898989;
    width: 100%;
}
.woocommerce form .form-row textarea{
    border-radius: 0 !important;
    padding:10px;
    -webkit-appearance: none;
    appearance: none;
}

.woocommerce-info::before {
    display:none;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: right;
    width: 100%;
    margin: 0;
    margin-top: 20px;
}
#add_payment_method #payment div.form-row,
 .woocommerce-cart #payment div.form-row, 
 .woocommerce-checkout #payment div.form-row {
    padding: 1em;
    background: #f7f8f9;
}
.woocommerce form .form-row input.input-text{
    background:#f7f8f9;
    border: 1px solid #eaeaea;
        height:40px;
    width: 100%;
}

.woocommerce form.checkout_coupon, 
.woocommerce form.login, .woocommerce form.register{
    margin-top:0;
    padding: 0;
    border:none;
}
.form-row {
    float: left;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
}
/************************/
/*checkout page style*/
/************************/
/************************/
/*account-page*/
/************************/
.woocommerce-MyAccount-content header {
    position: relative;
    box-shadow: none!important;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
    margin-top: 20px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme{
    margin-top: 25px;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
    float: left;
    width: 30%;
    padding: 0px 20px;
    background: #f7f8f9;
        background: #000;
}
.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
}
.woocommerce-MyAccount-navigation ul {
    margin: 0;
}
.woocommerce-MyAccount-navigation ul li {
    list-style: none;
    border-bottom: 1px solid #eaeaea;
    position: relative;
}
.woocommerce-MyAccount-navigation ul li a {
    padding: 15px 0;
    display: block;
    font-weight: 300;
        color: #fff;
}
.woocommerce-MyAccount-navigation ul li:last-child {
border:0;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login, 
.woocommerce form.register{
    margin-top: 0;
    padding: 0;
    border: none;
    width: 50%;
}
.woocommerce form.checkout_coupon{
    border: 1px dashed;
    padding: 15px;
  }
.woocommerce-MyAccount-content .woocommerce-info {
line-height: 34px;
}
.woocommerce-MyAccount-content .woocommerce-EditAccountForm button{
margin-top:1rem;
}
/************************/
/*Dropdown Cart Style*/
/************************/
.open-quickcart-dropdown::-webkit-scrollbar {
    width: 5px;
}
.open_woo_cart{position:relative;}

.open-quickcart-dropdown{
    padding: 15px 0px 0px;
}
.open-cart ul {
    padding: 0;
    margin: 0;
    list-style: none;
        overflow-x: hidden;
    overflow-y: auto;
    height: 304px;
    padding: 0.5rem 1.5rem 1.5rem 1.5rem!important;
}
.open-cart li {
    -ms-user-select: none;
    -mos-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.open-cart li span,.open-cart .woocommerce-Price-amount{
  color:#000;
  font-size: 1rem!important;
}
.woocommerce-js .open-cart  li.woocommerce-mini-cart-item {
margin: 1rem 0;
overflow: hidden;
position: relative;
}
.open-cart p.buttons a:before {
    font-family: "fontawesome";
    content: "\f07a";
    margin-right: 10px;
}
.open-cart p.buttons a.checkout:before {
    content: "\f064";
}
.open-cart a.remove {
    display: block;
    float:right;
    font-size: 1.2em;
    height: 1.2em;
    width: 1.2em;
    text-align: center;
    line-height: 1.2;
    border-radius: 0%;
    text-decoration: none;
    font-weight: 700;
    border: 0;
    opacity: 0.8;
    background: transparent;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    z-index: 9999;
}
.open-cart ul.cart_list li a{
    display: block;
    font-size: 1rem;
    padding: 0;
}
.woocommerce-js .open-cart ul.cart_list li img{
    float: left;
    margin-left: 0px;
    margin-right: 1rem;
    width: 5rem;
    height: auto;
    box-shadow: none;
}
.open-cart p.total, .widget p.total {
    margin: 0px;
    border-top: 1px solid rgba(187, 187, 187, 0.32)!important;
    padding-top: 20px;
    padding-bottom: 10px;
    color: #26272c;
}
.open-cart p.buttons a{
    padding: 12px 20px;
    color: #111;
    background-color: #ecf1f5;
    font-size: 1rem;
    border: 1px solid;
    border-color: #ecf1f5;
    font-weight: normal;
    width: 100%;
    text-align: center;
}
 .open-cart p.buttons .checkout.wc-forward{
    margin-top: 10px;
}
#open-cart .woocommerce-mini-cart__total .woocommerce-Price-amount,
p.woocommerce-mini-cart__total strong{
    font-weight: bold;
    font-size:1.2rem;
}
.open-cart p.buttons a:hover{
    background-color:#E32E00;
    border-color:#E32E00;
} 
#open-cart .woocommerce-mini-cart__total {
    display: flex;
    justify-content: space-between;

}
#open-cart .woocommerce-mini-cart__total{ 
  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
}
#open-cart .woocommerce-mini-cart__buttons {
 padding: 0rem 1.5rem;
}
   
.open-cart p.buttons a:hover{
color:#fff;
}
.cart-contents:hover + .open-cart,
.open-cart:hover{
    visibility: visible;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
}
.cart-content span.woocommerce-Price-amount{
margin:0
}
.cart-pan-active #open-cart {
    right: 0;
    left: auto;
    transition: right 0.2s ease;
}
.logged-in header #open-cart, 
.logged-in .m-shop-side-nav-wrap {
    top: 32px;
}
.button.return.wc-backward,.button.return.wc-backward:hover{
    margin:0 1.5rem;
    background: #111;
    color:#fff;
    padding-right: 1.5rem;
    font-size: 0.9rem;
}
.open-quickcart-dropdown .woocommerce-mini-cart__empty-message{
   margin:1.5rem 1.5rem;

}
header #open-cart {
    display: block;
    position: fixed;
    top: 0;
    height: 100vh;
    z-index: 999999;
    right: -22rem;
    width:22rem;
    padding: 2em 0;
    max-width: 100%;
    border-right: 1px solid rgba(0,0,0,.1);
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 15px;
    background-color: #fff;
    color: #555;
    -webkit-touch-callout: none;
    user-select: none;
    -webkit-overflow-scrolling: touch;
    visibility: visible;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    text-align: left;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.cart-overlay.open,.mobile-menu-active .site-overlay,.side-pan-active .side-site-overlay {
    opacity: 1;
    visibility: visible;
    transition: opacity .25s ease,visibility 0s ease;
    z-index:1;
}
.side-pan-active .side-site-overlay{
   z-index:2;
}
.cart-overlay,.site-overlay,.side-site-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0,0,0,.7);
    transition: opacity .25s ease,visibility 0s ease .25s;
}
header #open-cart .cart-close-btn{   
    padding-right: 18px;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-weight: 600;
    font-size: 12px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    line-height: 30px
}
.cart-close-btn:before,.cart-close-btn:after{
    content: " ";
    position: absolute;
    top: 50%;
    display: inline-block;
    margin-top: -1px;
    width: 12px;
    height: 2px;
    background-color: #000;
    transition: background-color .2s ease-in-out,width .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out;
    transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out,-webkit-transform .2s ease-in-out;
}
.cart-close-btn:before{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 0;
}
.cart-close-btn:after{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 0;
}

.cart-widget-heading {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0rem 1.5rem 1.5rem 1.5rem;
    border-bottom: 1px solid;
    border-color: rgba(129,129,129,.2);
}
.cart-widget-heading h4 {
    flex: 1 1 auto;
    margin-bottom: 0;
    font-size: 18px;
    color: #000;
}
.woocommerce a.remove{
color: #fff!important;
background: #000!important;
font-size: 0.8em!important;
margin-left: 0.5rem;
height: auto;
}
/********************/
/*Move To Top Start*/
/********************/
#move-to-top {
position: fixed;
text-align: center;
cursor: pointer;
z-index: 9999;
width: 2em;
height: 2em;
line-height: 2;
color: #fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;   
}
#move-to-top{
    background-color:#141415;
    font-size:1rem;
}
#move-to-top{
    right: 30px;
    bottom: 151px;
}
#move-to-top:not(.filling){
    opacity: 0;
    visibility: hidden;
}
#move-to-top i{
 font-family: fontawesome;
  font-weight: normal;
}
#move-to-top:hover{
opacity:1;
}
/*************/
/*Pre-loader*/
/*************/
.m_shop_overlayloader{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:#f5f5f5;
    z-index: 99999999999;
    height: 100%;
    width: 100%;
    overflow: hidden !important;
}
.m-shop-pre-loader img{
  text-indent: -9999em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background-position: center;
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
/*********************/
/*Side pan open icon*/
/*********************/
.header-pan-icon{
    display:none;
}
.header-pan-icon a{
    position: fixed;
    top: 50%;
    left: 0;
    background-color: #111;
    color: #fff!important;
    font-size: 1.2em;
    width:30px;
    height:50px;
    line-height:50px;
    text-align: center;
    cursor: pointer;
    z-index: 10000;
    -webkit-transition: left .2s ease-in-out;
    -moz-transition: left .2s ease-in-out;
    transition: left .2s ease-in-out;
    border-radius: 0rem .3125rem .3125rem 0rem;
}
.pan-icon:before{
    content: "\f101";
    font-family: FontAwesome;
}
.side-pan-active .header-pan-icon a{
    left: 22rem;
}
.side-pan-active .pan-icon:before{
    content: "\f100";
    font-family: FontAwesome;
}
/**************************/
/*Default Widegt css */
/************************/
/******************/
/*Tag Cloud Css*/
/*******************/
.tagcloud a,.thunk-tags-wrapper a{
    background: #f4f7f9 none repeat scroll 0 0;
    color: #1c1d1e;
    display: inline-block;
       padding: 0.5rem;
    text-transform: capitalize;
    font-size: 11px !important;
    margin: 0 4px 8px 0;
    border-radius: 50px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
}
.tagcloud a:hover,.thunk-tags-wrapper a:hover {
    background: #111 none repeat scroll 0 0;
    color: #fff!important;
}
/******************/
/*About us widget*/
/******************/
.widget.th-about-me .about-social-meta ul{
display:flex;
justify-content: flex-start;
}

.widget.th-about-me p{
 margin-top:15px;
 margin-bottom:5px;
}

.widget.th-about-me a.read-more{
   font-weight: normal;
    line-height:noraml;
    display:inline-block;
    margin-bottom:10px;
    color: #747474;
}
.widget.th-about-me a.read-more:hover{
color:#111;
}
.widget.th-about-me li.about-social-social{
margin-right:10px;
font-size:15px
}
/********************/
/*Calender*/
/*********************/
#wp-calendar thead th,#wp-calendar table,#wp-calendar td{
border:none!important;
}
#wp-calendar {width: 100%; margin: 0;}
#wp-calendar caption { text-align:left; color:#747474; font-size: 12px; margin-bottom:10px;position:relative;}
#wp-calendar thead { font-size: 9px; }
#wp-calendar thead th { padding-bottom: 5px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f7f7f7; 
border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 9px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 9px; text-transform: uppercase; padding-top: 10px; }
/**********************/
/*price filter*/
/*********************/
.woocommerce .widget_price_filter .m-shop-widget-content .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .m-shop-widget-content .ui-slider .ui-slider-handle{
  background-color:#111;
}
.woocommerce .widget_price_filter .m-shop-widget-content .price_slider_wrapper .ui-widget-content{
  background-color: #e4e6eb;

}
.widget.woocommerce.widget_price_filter .m-shop-widget-content .ui-slider-horizontal{
  height: 2px;
}
.widget.woocommerce.widget_price_filter .m-shop-widget-content .price_slider{
  margin-bottom: 30px;
    overflow-y: inherit;
    overflow-x: inherit;
    z-index: 0;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  top: -0.4rem;
}
.woocommerce .price_slider_amount{
  position: relative;
}
.price_slider_amount .price_label{
  width: 100%;
  position: absolute;
  top: -14px;
  text-align: center;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #111;

}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#111;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #111;
}
/************/
/*menu close*/
/**************/
.menu-close {
    display: block;
    background: #111;
    text-align: center;
}
.menu-close-btn {
    padding-right: 18px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-weight: 600;
    font-size: 13px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    line-height: 30px;
}
.menu-close-btn:before, .menu-close-btn:after {
    content: " ";
    position: absolute;
    top: 50%;
    display: inline-block;
    margin-top: -1px;
    width: 12px;
    height: 2px;
    background-color: #fff;
    
}

.menu-close-btn:after {
    -webkit-transform: rotate(
-45deg
);
    transform: rotate(
-45deg
);
    right: 0;
}
.menu-close-btn:before {
    -webkit-transform: rotate(
45deg
);
    transform: rotate(
45deg
);
    right: 0;
}
.menu-close-btn:hover:before, .menu-close-btn:hover:after{
background:#E32E00;
}
/**********************************/
/*custom section widget area css*/
/**********************************/
.widget-wrap{
position:relative;
display:block;
}
.cs-1-4 .widget-cs-col1, 
.cs-1-4 .widget-cs-col2, 
.cs-1-4 .widget-cs-col3, 
.cs-1-4 .widget-cs-col4,
.cs-2-4 .widget-cs-col1, 
.cs-2-4 .widget-cs-col2, 
.cs-2-4 .widget-cs-col3, 
.cs-2-4 .widget-cs-col4,
.cs-3-4 .widget-cs-col1, 
.cs-3-4 .widget-cs-col2, 
.cs-3-4 .widget-cs-col3, 
.cs-3-4 .widget-cs-col4,
.cs-4-4 .widget-cs-col1, 
.cs-4-4 .widget-cs-col2, 
.cs-4-4 .widget-cs-col3, 
.cs-4-4 .widget-cs-col4,
.cs-1-3 .widget-cs-col1, 
.cs-1-3 .widget-cs-col2, 
.cs-1-3 .widget-cs-col3,
.cs-1-2 .widget-cs-col1, 
.cs-1-2 .widget-cs-col2,
.cs-2-3 .widget-cs-col1, 
.cs-2-3 .widget-cs-col2, 
.cs-2-3 .widget-cs-col3,
.cs-2-2 .widget-cs-col1, 
.cs-2-2 .widget-cs-col2,
.cs-3-3 .widget-cs-col1, 
.cs-3-3 .widget-cs-col2, 
.cs-3-3 .widget-cs-col3,
.cs-3-2 .widget-cs-col1, 
.cs-3-2 .widget-cs-col2,
.cs-4-3 .widget-cs-col1, 
.cs-4-3 .widget-cs-col2, 
.cs-4-3 .widget-cs-col3,
.cs-4-2 .widget-cs-col1, 
.cs-4-2 .widget-cs-col2{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
position: relative;
}
.cs-1-1 .widget-cs-col1,
.cs-2-1 .widget-cs-col1,
.cs-3-1 .widget-cs-col1,
.cs-4-1 .widget-cs-col1{
width: 100%;
position: relative;
}
.cs-1-2 .widget-cs-col1,
.cs-1-2 .widget-cs-col2,
.cs-2-2 .widget-cs-col1,
.cs-2-2 .widget-cs-col2,
.cs-3-2 .widget-cs-col1,
.cs-3-2 .widget-cs-col2,
.cs-4-2 .widget-cs-col1,
.cs-4-2 .widget-cs-col2{
width:50%;
padding: 0px 7.5px;
}
.cs-1-3 .widget-cs-col1,
.cs-1-3 .widget-cs-col2,
.cs-1-3 .widget-cs-col3,
.cs-2-3 .widget-cs-col1,
.cs-2-3 .widget-cs-col2,
.cs-2-3 .widget-cs-col3,
.cs-3-3 .widget-cs-col1,
.cs-3-3 .widget-cs-col2,
.cs-3-3 .widget-cs-col3,
.cs-4-3 .widget-cs-col1,
.cs-4-3 .widget-cs-col2,
.cs-4-3 .widget-cs-col3{
width:33.33%;
padding: 0px 7.5px;
}
.cs-1-4 .widget-cs-col1, 
.cs-1-4 .widget-cs-col2, 
.cs-1-4 .widget-cs-col3, 
.cs-1-4 .widget-cs-col4,
.cs-2-4 .widget-cs-col1, 
.cs-2-4 .widget-cs-col2, 
.cs-2-4 .widget-cs-col3, 
.cs-2-4 .widget-cs-col4,
.cs-3-4 .widget-cs-col1, 
.cs-3-4 .widget-cs-col2, 
.cs-3-4 .widget-cs-col3, 
.cs-3-4 .widget-cs-col4,
.cs-4-4 .widget-cs-col1, 
.cs-4-4 .widget-cs-col2, 
.cs-4-4 .widget-cs-col3, 
.cs-4-4 .widget-cs-col4{
width:25%;
padding: 0px 7.5px;
}
.widget-cs-bar.cs-1-2 .widget-cs-container,
.widget-cs-bar.cs-1-3 .widget-cs-container,
.widget-cs-bar.cs-2-2 .widget-cs-container,
.widget-cs-bar.cs-2-3 .widget-cs-container,
.widget-cs-bar.cs-3-2 .widget-cs-container,
.widget-cs-bar.cs-3-3 .widget-cs-container{
margin: 0px -7.5px;
}
/**********************/
/*Custom widget style*/
/*********************/
/*widget second multi product slide*/
.m_shop_show_multi_slide .thunk-list {
    display: flex;
    padding: 1px;
   background:#fff;
    margin-bottom: 0.5rem;
}


.m_shop_show_multi_slide .thunk-list .thunk-product-image{
    width: 40%;
    margin: 0;
    padding: 0;
}
.m_shop_show_multi_slide .thunk-list .thunk-product-content{
    width: 60%;
    margin: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.m_shop_show_multi_slide .woocommerce-LoopProduct-title {
    color: #111;
    font-family: 'JosefinSans-SemiBold';
}


.widget .owl-nav button.owl-prev, 
.widget .owl-nav button.owl-next {
    width: 1.9rem;
    height: 1.9rem;
    line-height: 1.9rem!important;
    font-size: 1rem;
    text-align: center;
    background: #000;
    color: #fff;
    border: 1px solid #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    -ms-transition: all 300ms;
}
.widget .owl-nav button.owl-prev{
margin-right:0.3rem;
}
.widget .owl-nav button.owl-prev:hover,
.widget .owl-nav button.owl-next:hover{
background:#E32E00;
border-color:#E32E00;
}
.widget .owl-nav {
    position: absolute;
    top: -48px;
    right: 0px;
    color: #a3a3a3;
    left: auto;
    margin: 0;
}
/****************************/
/*post-slide-widget-style*/
/****************************/
.post-slide-widget .post-item{
    padding: 0.9rem;
    border: 1px solid #EBEBEB;
    background: #fff;
}
.post-slide-widget .post-thumb{
    margin-bottom: 1.5rem;
}
.post-slide-widget .post-item-content a{
    font-size: 1rem;
    color: #111;
    margin-bottom: 0.5rem;
    font-family: 'JosefinSans-SemiBold';
}
.post-slide-widget .post-item-content .entry-meta {
    font-size: 0.9rem;
    font-style: italic;
    margin-bottom: 1rem;
}
/****************************/
/*Tabbed-product-widget-style*/
/****************************/
.tabbed-prod-widget .content-wrap {
    display: flex;
    padding: 0!important;
}
.tabbed-prod-widget .tab-image {
    position: relative;
    width: 20%;
    padding-right: 15px;
}
.tabbed-prod-widget .tab-content {
    width: 80%;
}
.tabbed-prod-widget .tab-image.right {
    padding-right: 0;
    padding-left: 15px;
}

.tabbed-prod-widget .tab-image.right {
    order: 2;
}
.tabbed-prod-widget .owl-nav{
  left:0;
}
/************************************/
/*Front Single product slide section*/
/************************************/
.thunk-single-product-slide{
margin:0 auto;
padding: 5.5rem;
}

.thunk-single-product-slide .product-summary{
flex-flow: wrap;
display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
background:#fff;
}
.thunk-single-product-slide .product-image,.product-contnet{
  flex: 0 0 50%;
}

.thunk-single-product-slide .product-contnet .product_title {
    position: relative;
    vertical-align: top;
    margin: 0px 0px 20px 0px;
    border-bottom: 2px solid #f0f0f0;
    width: 100%;
    padding: 0px 0px 20px;
    font-size: 1.5rem;
}

.thunk-single-product-slide .product-contnet p.price {
    display: block;
    font-size: 21px;
    margin-bottom: 20px!important;
}

.thunk-single-product-slide .product-contnet .price del {
    opacity: .5;
    display: inline-block;
margin-right:0.5rem;
}

.thunk-single-product-slide .product-contnet form.cart button.minus {
    display: inline-block;
    float: left;
    font-size: 1.5rem;
    font-weight: 100;
    height:2.2rem;
    line-height:2.2rem;
    text-align: center;
    width:2.2rem;
    background: transparent;
    color: #9c9c9c;
    padding: 0;
    border: none;
}
.thunk-single-product-slide .product-contnet form.cart button.plus {
    display: inline-block;
    float: left;
    font-size: 1rem;
    font-weight: 100;
    height: 2.2rem;
    line-height:2.2rem;
    text-align: center;
    width: 2.2rem;
    background: transparent;
    color: #9c9c9c;
    padding: 0;
    border: none;
}
.thunk-single-product-slide .product-contnet form.cart input[type="number"] {
    border-color: #9c9c9c;
    border-width: 0 1px;
    color: #9c9c9c;
    float: left;
    font-size: 1rem;
    background: transparent;
    height:2.2rem;
    line-height:2.2rem;
    padding: 0 5px;
    text-align: center;
    width: 2.2rem;
    border-left: 1px solid;
    border-right: 1px solid;
    border-radius: 0;
    -webkit-border-radius: 0;
    padding: 0;


}
.thunk-single-product-slide .product-contnet form.cart input[type=number]::-webkit-inner-spin-button, 
.thunk-single-product-slide .product-contnet form.cart input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.thunk-single-product-slide .product-image{
padding-right:2rem;
}
.thunk-single-product-slide .product-contnet{
padding-right:2rem;
padding-top:2rem;
padding-bottom:2rem;
}
.thunk-single-product-slide-section .product_meta {
    width: 100%;
    padding:1.5rem 0;
    position: relative;
    font-size: 0.9rem;
    display: flow-root;
}
.thunk-single-product-slide-section .product_meta > span{
margin-bottom:0.5rem;
}
.woocommerce .product-summary .thunk-wishlist a.add_to_wishlist,
.product-summary .yith-wcwl-add-button a, 
.product-summary .yith-wcwl-wishlistaddedbrowse a, 
.product-summary .yith-wcwl-wishlistexistsbrowse a {
    border: 1px solid;
    border-radius: 0;
    color: #9c9c9c;
    display: inline-block;
    font-size: 0;
    height: 2.2rem;
    line-height:2.2rem;
    width:2.2rem;
    letter-spacing: normal;
    background: none;
}
.woocommerce .product-summary .yith-wcwl-icon {
  margin-right:0;
}
.product-summary .yith-wcwl-add-button, 
.product-summary .yith-wcwl-wishlistaddedbrowse, .product-summary .yith-wcwl-wishlistexistsbrowse {
    display: inline-block;
    float: left;
    position: relative;
    text-align: center;
    font-size: 0;
    background: none;
    height: auto;
    width: auto;
    line-height: inherit;
}

.product-summary .yith-wcwl-add-to-wishlist .add_to_wishlist::before, .product-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a::before, .product-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a::before {
    content: "\e909";
    font-family: th-icon;
   font-size: 0.9rem;
}

.thunk-single-product-slide .product-summary a.compare.button {
    border: 1px solid;
    border-radius: 0;
    color: #9c9c9c;
    display: inline-block;
    font-size: 0;
    height:2.2rem;
    line-height:2.2rem;
    width:2.2rem;
    background: transparent;
    text-align: center;
    margin-left: 0.5rem;
    font-weight: normal;
    min-width: auto;
}

.thunk-single-product-slide .product-summary a.compare.button:before {
    content:"\e917";
    font-family: th-icon;
    display: block;
    color: #9c9c9c;
    font-size: 0.9rem;
}
.woocommerce .thunk-single-product-slide .product {
    margin-bottom: 0;
    position: inherit;
}

.thunk-single-product-slide .single_add_to_cart_button.button.alt{
line-height:2.2rem;
}
.thunk-single-product-slide .owl-nav button.owl-prev {
    left: 2.5rem;
    position: absolute;
}

.thunk-single-product-slide .owl-nav button.owl-next {
    right:2.5rem;
    position: absolute;
}
.thunk-single-product-slide .owl-nav {
    position: absolute;
    top: 50%!important;
    transform: translateY(-50%);

}
.snglpr-layout-2 .thunk-single-product-slide .product-image, .snglpr-layout-2 .product-contnet {
    flex: 0 0 100%;
}
.snglpr-layout-2 .thunk-single-product-slide .product-contnet {
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
}

.snglpr-layout-2 .thunk-single-product-slide .product-image{
padding:1rem;
}
/********************/
/*Off canvas sidebar*/
/*********************/
.off-canvas-button span{
 display: block !important;
background-color: #111;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
margin: 4px;
height: 1px;
}
.off-canvas-button span.cnv-top{
width: 22px;
}
.off-canvas-button span.cnv-mid{
width: 18px;
}
.off-canvas-button span.cnv-bot1{
width: 22px;
}
.off-canvas-button span.cnv-bot{
width: 18px;
}
.bfr-logo .logo-content {
    order: 2;
}
 .bfr-logo .canvas-icon{
    order: 1;
    margin-right: 10px;
}
.bfr-logo .main-header-col1 {
justify-content: flex-start;
}

.aftr-logo .logo-content {
    order: 1;
}
.aftr-logo .canvas-icon{
    order: 2;
    margin-left: 15px;
}
/****************************/
/*Off Canvas Sidebar*/
/****************************/
.m-shop-enabled-overlay  .m-shop-off-canvas-sidebar-wrapper{
    visibility: visible;
    opacity: 1;
}
.m-shop-off-canvas-sidebar-wrapper{
    width: 100%;
    top: 0;
    position: fixed;
    height: 100%;
    background: rgba(0,0,0,.4);
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    z-index: 1001;
}
.m-shop-enabled-overlay  .m-shop-off-canvas-sidebar-wrapper .m-shop-off-canvas-sidebar{
    right: 0;
}
.logged-in.admin-bar .m-shop-off-canvas-sidebar {
    top: 32px;
    height: -webkit-calc(100% - 32px);
    height: calc(100% - 32px);
}
.m-shop-off-canvas-sidebar-wrapper .m-shop-off-canvas-sidebar{
    position: absolute;
    background: #fff;
    height: 100%;
    top: 0;
    right: -100%;
    padding: 3.5em 1.5em;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.4);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.4);
    width: 280px;
    overflow: auto;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.m-shop-off-canvas-sidebar-wrapper .menu-close {
    display: block;
    background: #111;
    text-align: center;
     position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
.m-shop-off-canvas-sidebar-wrapper .menu-close-btn {
    padding-right: 18px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-weight: 600;
    font-size: 13px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    line-height: 30px;
}
.m-shop-off-canvas-sidebar-wrapper .menu-close-btn:before, .m-shop-off-canvas-sidebar-wrapper .menu-close-btn:after {
    content: " ";
    position: absolute;
    top: 50%;
    display: inline-block;
    margin-top: -1px;
    width: 12px;
    height: 2px;
    background-color: #fff;
    transition: background-color .2s ease-in-out,width .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out;
    transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out,-webkit-transform .2s ease-in-out;
}
.m-shop-off-canvas-sidebar-wrapper .menu-close-btn:before {
    -webkit-transform: rotate(
45deg
);
    transform: rotate(
45deg
);
    right: 0;
}
.m-shop-off-canvas-sidebar-wrapper .menu-close-btn:after {
    -webkit-transform: rotate(
-45deg
);
    transform: rotate(
-45deg
);
    right: 0;
}
/*from left*/
.m-shop-off-canvas-sidebar::-webkit-scrollbar {
    width: 5px;
}
.m-shop-enabled-overlay .m-shop-off-canvas-sidebar-wrapper.from-left .m-shop-off-canvas-sidebar {
    left: 0;
}
.m-shop-off-canvas-sidebar-wrapper.from-left .m-shop-off-canvas-sidebar {
    position: absolute;
    background: #fff;
    height: 100%;
    top: 0;
    left: -100%;
    padding: 3.5em 1.5em;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.4);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.4);
    width: 280px;
    overflow: auto;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.logged-in.admin-bar .m-shop-off-canvas-sidebar {
    top: 32px;
    height: -webkit-calc(100% - 32px);
    height: calc(100% - 32px);
}
.m-shop-off-canvas-sidebar-wrapper.from-left .close-bn {
    width: 40px;
    height: 40px;
    top: 0;
    position: absolute;
    left:auto;
    right: 0;
    background:#111;
}
.close-bn{
    width: 40px;
    height: 40px;
    top: 0;
    position: absolute;
    left: 0;
    background:#1f4c94;
}
.m-shop-off-canvas-sidebar-wrapper .close{
    margin: 10px;
    width: 14px;
    display: block;
    text-decoration: none;
    top: .75em;
    right: 1em;
    min-width: 1em;
    min-height: 1em;
    transform-origin: center;
    transition: all .3s linear;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}
.m-shop-off-canvas-sidebar .open-widget-content{
    padding-top:25px;
    padding-bottom:25px;
}
.m-shop-off-canvas-sidebar .widget:last-child .m-shop-widget-content{
border:none;
}
.m-shop-off-canvas-sidebar .widget:last-child{
  padding-bottom: 50px;
}
.m-shop-off-canvas-sidebar .widget_search .form-content input[type="text"],
.m-shop-off-canvas-sidebar .woocommerce-product-search input[type="search"]{ 
  width: 100%;
}
.widget_search .form-content,
.widget_product_search .woocommerce-product-search,
.m-shop-off-canvas-sidebar .woocommerce-product-search{
  display: flex;
  align-items: flex-start;
}
.m-shop-filter-close:before, 
.m-shop-filter-close:after{
    content: '';
    display: block;
    border-top: 1px solid;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
}
.m-shop-filter-close:before{
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}
.m-shop-filter-close:after{
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}
.m-shop-filter-close:hover{
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}
.m-shop-filter-close{
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.thunk-slider-multi-item,
.thunk-product-wrap,
.thunk-ribbon-section,
.thunk-testimonials-wrapper,
.thunk-blog-wrap article,
.thunk-single-product-slide-section .product-summary{
border-radius:3px;
}
/******************/
/*Product Effect*/
/******************/
/****************************/
/*woo-product-style on hover*/
/****************************/
.woocommerce .show-on-hover {
    position: absolute!important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
    opacity: 0;
    filter: blur(0);
    transition: all .2s linear;
}
.woocommerce li.thunk-product:hover .show-on-hover,
.woocommerce div.thunk-product:hover .show-on-hover{
    opacity: 1;
    transform: scale(1) translateZ(0) translateY(0);
    pointer-events: inherit;
}
.woocommerce li.m-shop-woo-hover-swap.product.m-shop-swap-item-hover .thunk-product:hover img:first-of-type,
.woocommerce div.m-shop-woo-hover-swap.m-shop-swap-item-hover .thunk-product:hover img:first-of-type{
opacity:0;
}
.woocommerce li.m-shop-woo-hover-swap.product.m-shop-swap-item-hover .thunk-product:hover img.show-on-hover,
.woocommerce div.m-shop-woo-hover-swap.m-shop-swap-item-hover .thunk-product:hover img.show-on-hover{
opacity:1;
}
.thunk-list img,.content-featured-wrap img{
opacity:1!important;
}

.woocommerce ul.products li.product.m-shop-woo-hover-zoom:hover img,
.woocommerce-page ul.products li.product.opena-woo-hover-zoom:hover img,
.woocommerce ul.thunk-products-ul li.product.m-shop-woo-hover-zoom:hover img,
.woocommerce-page ul.thunk-products-ul li.product.m-shop-woo-hover-zoom:hover img,div.product.m-shop-woo-hover-zoom .thunk-product:hover img  {
 -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.woocommerce ul.thunk-products-ul li.product .woocommerce-loop-product__link img,
.woocommerce-page ul.thunk-products-ul li.product .woocommerce-loop-product__link img{
    margin-bottom: 0px;
    backface-visibility: hidden;
    transition: filter 0.6s ease 0s, opacity 0.6s ease 0s, transform 0.6s ease 0s, -webkit-filter 0.6s ease 0s, -webkit-transform 0.6s ease 0s;
}

/************/
/*slide swap*/
/************/
.m-shop-slide-item-hover.m-shop-woo-hover-slide .thunk-product-image img {
    position: relative;
    width: 100%;
    height: auto;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}
.m-shop-slide-item-hover.m-shop-woo-hover-slide 
 .thunk-product-image img.show-on-slide{
    top: 0;
    position: absolute!important;
    overflow: hidden;
    left: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(-100%, 0px);
    -ms-transform: translate(-100%, 0px);
    -o-transform: translate(-100%, 0px);
    transform: translate(-100%, 0px);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.m-shop-slide-item-hover.m-shop-woo-hover-slide 
 .thunk-product-image > a{
    overflow: hidden;
    display: block;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.m-shop-slide-item-hover.m-shop-woo-hover-slide 
img:first-of-type{
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.m-shop-slide-item-hover.m-shop-woo-hover-slide 
 .thunk-product-image:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.m-shop-slide-item-hover.m-shop-woo-hover-slide .thunk-product-image:hover img.show-on-slide{
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
.m-shop-slide-item-hover.m-shop-woo-hover-slide .thunk-product-image:hover img:first-of-type{
    -webkit-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    -o-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
}
.customize-partial-edit-shortcuts-shown aside.m-shop-sidebar{
top:82px;
}
.container{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}
.thunk-top6-slide-list .container,
.thunk-ribbon-section .container,
.thunk-testimonial-part .container,
footer .container{
max-width:1400px;
}
article.thunk-page-article,article.comments-area{
background:#fff;
padding:1rem;
border: 1px solid #EBEBEB;
}
ul.woocommerce-mini-cart::-webkit-scrollbar {
      width:5px;
}

ul.woocommerce-mini-cart::-webkit-scrollbar-track {
      background: #eee;
} 
ul.woocommerce-mini-cart::-webkit-scrollbar-thumb {
    background:#111;
} 

/*//LOADER*/
.thunk-loadContainer{
  display:none;
}
.thunk-loadContainer:before{
position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: " ";
    background: #fffffffa;
    z-index: 99;
    opacity: 0.7;
}
.loader{ 
    position:absolute; 
    top: 50%;
    left: 50%;
    z-index: 999;
}
.loader{
  border: 4px solid #fff;
  border-radius: 50%;
  border-top: 4px solid #fff;
  border-right: 4px solid #E32E00;
  border-bottom: 4px solid #E32E00;
  border-left: 4px solid #E32E00;
  width: 35px;
  height: 35px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.woocommerce .loader::before{
background:none;
}
.opn-shop-pagination-infinite{
position:relative;
text-align: center;
    padding: 2rem 0;
}

.m-shop-load-more{
text-align:center;
}
.inifiniteLoader{

  display: none;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*tabbed widget style*/
.thunk-vertical-cat-tab {
    position: relative;
    display: flex;
    flex-wrap: wrap;
align-items: end;
}
.thunk-vertical-cat-tab .thunk-heading-wrap {
    width: 16%;
    flex-direction: column;
    text-align: center;
    background: #FFF;
    position: relative;

}
.thunk-vertical-cat-tab .thunk-heading-wrap .thunk-heading {
    width: 100%;
    max-width: initial;
    position: relative;
 
    padding: 15px;
}
.thunk-vertical-cat-tab .desktop-view-tab-head {
    width: 100%;
}
.thunk-vertical-cat-tab .thunk-heading-wrap .tab-head {
    width: 100%;
    text-align: initial;
    padding: 0;
}
.tab-link-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.thunk-vertical-cat-tab .desktop-view-tab-head ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: relative;
    padding: 0;
}
.thunk-vertical-cat-tab .desktop-view-tab-head .tab-link li {
    width: 100%;
    display: block;
    font-size: 13px;
    line-height: initial;

}
.thunk-vertical-cat-tab .desktop-view-tab-head .tab-link li a {
    display: block;
    padding: 12px 0;
    text-align: center;
}
.thunk-vertical-cat-tab .content-wrap {
    width: 52%;
}
.widget_m_shop_product_vertical_widget .content-wrap {
    padding: 15px;
}
.thunk-vertical-cat-tab .thunk-vt-banner-wrap {
    width: 32%;
    position: relative;
    padding: 15px;
}
.thunk-vertical-cat-tab {
    border: 1px solid #F1F1F1;
    border-radius: 5px;
}
.thunk-vertical-cat-tab .content-wrap.second+.thunk-vt-banner-wrap {
    order: 2;
}
.verti-prod-widget.big_store_product_vertical_widget-3 .content-wrap {
    flex-grow: 2;
}

.thunk-vertical-cat-tab .content-wrap.second {
    order: 3;
}
.thunk-vertical-cat-tab  .thunk-heading-wrap:before{
width:0;
}

.tabbed-prod-widget .tab-image.right{
padding-right: 0;
padding-left: 15px;
}
.resp-view-tab-head{
  width: 100%;
  display: none;
}
.thunk-vertical-cat-tab .thunk-heading-wrap{
border:none;
}
.woocommerce ul.products li.product .thunk-product-wrap a  img{
margin:0;
position:relative;
z-index:0;
}

.thunk-woo-product-list .thunk-product-wrap .opn-quick-view-text,.thunk-woo-product-list .thunk-hover-icon {
    z-index:1;
}
.thunk-single-product-slide .thunk-wishlist,.thunk-single-product-slide .thunk-compare{
display:inline-flex;
margin-left:0.5rem;
}
/*********************/
/*Sidepan Button Css*/
/*********************/
.sidebar-nav-widget .btn-main-header{
border: 1px solid #000;
    padding: 0.6rem 0.9rem;
    font-size: 0.8rem;
    background: #000;
    color: #fff;
    letter-spacing: 1px;
    border-radius: 3px;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    -ms-transition: all 300ms;
    font-family: 'Roboto-Bold';
    margin-bottom: 1.3rem;
    display: inline-flex;
}

.header-icon a.account .fa-lock{
font-size:1.8rem;
}

/* th advance product search */
.main-header-col2 a.plugin-active-msg{
    background-color: #5662eb;
    display: block;
    font-size: 14px;
    padding: 5px;
    color: #fff;
    border-radius: 5px;
    width: 60%;
    margin-left: 20%;
    text-align: center;
}
.main-header-col2 a.plugin-active-msg:hover{
text-decoration: underline !important;
}



/*th-compare-button animation */
.thunk-woo-product-list .thunk-compare .compare-button a.loading:before{
-webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.woocommerce ul.products li .thunk-compare .compare-button a.loading:before{
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*for single page */
.woocommerce .entry-summary a.th-product-compare-btn.btn_type.loading:before{
-webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
} 
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.woocommerce .entry-summary .th-product-compare-btn {
    margin: 0;
    padding: 0;
    }

 .woocommerce .entry-summary .th-product-compare-btn-wrap {
    display: inline-block;
}   
.woocommerce a.button.th-product-compare-btn.loading::after{
  display: none;
}
.woocommerce .entry-summary .th-product-compare-btn.loading::after{
  display: none;
}


/* footer copyright */
p.footer-copyright{
color:#fff;
}

.footer-copyright a{
  color: #f2f2f2;
}

/* all in one shopping cart plugin */
.taiowc-cart-item{
  padding: 0;
}
.header-support-icon .thunk-icon{
    text-align: initial;
}
.header-support-icon .thunk-icon .cart-count-item{
    background: #ddd;
    height: 25px;
    width: 25px;
    line-height: 25px;
    color: #111;
    text-align: center;
    font-size: 0.7rem;
}

/*cart style*/
.cart-plugin-active-msg{
padding-top: 8px;
display: block;
}
.taiowcp-cart-item{
  padding: 0;
}
.sold-individually .m-shop-quantity {
    display: none;
}
.wc-item-meta .wc-item-meta-label, .wc-item-meta dt, dl.variation .wc-item-meta-label, dl.variation dt {
    float: left;
    clear: both;
    margin-right: 0.25rem;
    margin-top: 0;
    list-style: none outside;
    font-weight: 400;
}

.taiowcp-cart-model dd,.taiowc-cart-model dd {
    margin: 0;
    display: flex;
    padding: 0;
}
@media screen and (max-width: 1250px){
  #search-box #search-button {
  padding: 0 2rem;
  }
  select#product_cat {
      width:50%;
  }
}

@media screen and (max-width: 1024px){
.header-pan-icon{
    display:block;
}
header {
    z-index:2;
  }
aside.m-shop-sidebar {
    left: -22rem;
}

main #content,footer,footer.m-shop-footer {
    padding-left: 0;
  } 
.primary-content-area{
  padding-left:0;
 } 

/*Side-Pan active*/
.side-pan-active aside.m-shop-sidebar {
    left:0;
    top:0!important;
        overflow-y: auto;
  }
aside.m-shop-sidebar::-webkit-scrollbar{
    width:5px;
}
aside.m-shop-sidebar::-webkit-scrollbar-track-piece{
    background: #eee;
}
aside.m-shop-sidebar::-webkit-scrollbar-thumb{
    background:#ddd;
}
#page.right-side aside.m-shop-sidebar{
left: -22rem;
}
#page.right-side main #content{
padding:0;
    padding-top: 8rem;
}
.side-pan-active .right-side aside.m-shop-sidebar{
left:0!important;
}
#search-button:before {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 15px;
}
#search-box #search-button {
    font-size:0;
}
#search-box #search-button {
    padding: 0 1.5rem;
}
.thunk-woo-product-list .thunk-hover-icon a{
    transform: scale(1);
  }
  .thunk-woo-product-list .thunk-hover-icon{
    opacity:1;
  }
  .thunk-quik,.thunk-quickview{
    display:none;
  }
.right-side footer, .right-side footer.m-shop-footer{
  padding-right:0;
}
.mobile-menu-active .header-pan-icon{
  display: none;
}

}

@media screen and (max-width: 980px){
.thunk-highlight-col{
width:50%;
margin-bottom: 9px;
}
.thunk-highlight-col:nth-child(2n+2){
border:none;
}


.woocommerce ul.products[class*=columns-] li.product, 
.woocommerce-page ul.products[class*=columns-] li.product {
   width: 48%;
   float: left;
   clear: both;
   margin: 0 0 1em;
}
.woocommerce ul.products[class*=columns-] li.product:nth-child(2n), 
.woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {
    float: right;
    clear: none!important;
}
/*single page*/
.page-head .breadcrumb-trail.breadcrumbs {
    flex: inherit;
}
.woocommerce #content div.product div.summary, 
.woocommerce div.product div.summary,
 .woocommerce-page #content div.product div.summary,
  .woocommerce-page div.product div.summary {
    float: left;
    width: 100%;
    clear: none;
    text-align: start;
    margin-bottom:0;
}
.woocommerce div.product .flex-viewport {
    width: 100%;
    float: right;
}
.woocommerce div.product div.images .flex-control-thumbs li, .woocommerce div.product div.images .flex-control-thumbs li {
    margin-right: 1em;
    margin-bottom: 1em;
    margin-top:1em;
}
.woocommerce div.product div.images .flex-control-thumbs, .woocommerce div.product div.images .flex-control-thumbs{
  width:100%;
}
.woocommerce div.product div.images .flex-control-thumbs li, 
.woocommerce div.product div.images .flex-control-thumbs li {
    width: 25%;
    margin: 0;
}
.woocommerce #content div.product div.images, 
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
 .woocommerce-page div.product div.images{
     width: 100%;

}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    top: 1.5em;
    z-index: 1;
  }
.woocommerce div.entry-summary form.cart button[type=submit] {
    padding: 0 10px;
    font-weight: 400;
    color: #fff;
    border-radius: 0;
    font-size:0.625rem;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: .1em;
    width: 130px;
    margin-right: 10px;
}
.comment-form {
width: 100%;
}
.woocommerce div.product .product_title{
   margin: 1.2rem 0 1.2rem 0;
    border-bottom: 2px solid #f0f0f0;
    width: 100%;
    padding: 0 0 1.2rem;
    font-size: 1.5rem;
}
.thunk-product-image-tab-section .tab-content {
    width: 100%;
}
.thunk-product-image-tab-section .tab-image{
  display:none;
}
.thunk-single-product-slide {
    margin: 0 auto;
    padding: 2rem;
}
}
@media screen and (max-width: 768px){
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 30%;
    padding: 0px 1rem;
    background: #f7f8f9;
    background: #000;
    font-size: 0.7rem;
}
.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 68%;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{
  background:transparent;
}
.right-side .main-header-col1,.left-side .main-header-col1{
margin-right:0;
}
.right-side .main-header-col2,.left-side .main-header-col2,.main-header-col2{
flex:1;
}
.tabbed-prod-widget .tab-image{
display:none;
}
.tabbed-prod-widget .tab-content {
 width:100%;
}
.thunk-vertical-cat-tab .desktop-view-tab-head{
  width: 100%;
  display: none;
}
.resp-view-tab-head,.thunk-vertical-cat-tab .content-wrap{
  width: 100%;
  display: block;
}
  .thunk-vt-banner-wrap{  
display:none; 
}
.thunk-vertical-cat-tab .thunk-heading-wrap .thunk-heading,.thunk-vertical-cat-tab .thunk-heading-wrap,.thunk-vertical-cat-tab{
border:none!important;
}
.thunk-vertical-cat-tab .thunk-heading-wrap {
  width: 100%;
  flex-direction: column;
  text-align:left;
}
.thunk-vertical-cat-tab .thunk-heading-wrap .thunk-heading{
padding:0;
}
.thunk-vertical-cat-tab .tab-link li {
    display: inline-block;
    font-size: 13px;
    line-height: 24px;
}
.thunk-vertical-cat-tab .tab-link li a {
    display: block;
    padding: 0px 15px;
   color: #8f9696!important;
    font-size:13px;
    
}
.thunk-vertical-cat-tab ul {
    display: inline-block;
    list-style: none;
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: relative;
}
.thunk-vertical-cat-tab .thunk-heading-wrap {
    display: block;
    margin: 0 0 20px;
    padding: 0 0 15px;
}
.tab-link-wrap {
    justify-content: end;
  }
.thunk-vertical-cat-tab .thunk-heading-wrap {
   padding: 1rem;
   border-bottom: 1px solid #EBEBEB!important;
}
.thunk-vertical-cat-tab .tab-link li a.active, .thunk-vertical-cat-tab .tab-link li a:hover {
    color: #1c1d1e!important;
   
}
.thunk-vertical-cat-tab .tab-link li:first-child a {
    padding-left: 0;
}
.thunk-vertical-cat-tab .tab-link li a.active, .thunk-vertical-cat-tab .tab-link li a:hover{
background:none!important;
}

.thunk-vertical-cat-tab ul.dropdown-link {
    position: absolute;
    top: 100%;
    right: 8px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    background: #ffffff;
    border: 0;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%);
    border-radius: 3px;
    margin: 0 !important;
    padding: 0;
}
.thunk-single-product-slide .product-image, .product-contnet {
    flex: 0 0 100%;
    padding: 1rem!important;
}
}
@media screen and (max-width: 767px){
.main-header .taiowc-icon img,.main-header .taiowcp-icon img {
    width: 1.7rem;
}
  .main-header-col2,.right-side .main-header-col2,.left-side .main-header-col2{
order:3;
flex: auto;
width: 100%;
}
.main-header-col3{
order:2;
}
.main-header-col3 {
flex: auto;
}
header{
  height: auto;
}
.main-header .thaps-search-box ,.main-header .tapsp-search-box {
    max-width: 100%;
}
.main-header-bar{
  padding:0;
}
.main-header-col1 { 
  padding-bottom: 0.5rem;
}
.page-template-frontpage main #content ,main #content{
    padding-top:10rem;
}
.header-icon a, .thunk-icon .cart-icon a {
    font-size: 1.6rem;
    padding-right: 1rem;
  }
  .thunk-icon .taiowc-icon .th-icon, .thunk-icon .taiowcp-icon .th-icon{
      font-size: 1.8rem;
  }
  .header-icon{
    margin-left:1.2rem;
  }
  .header-support-icon .menu-toggle .menu-btn {
    width: 28px;
  }
.thunk-icon .cart-contents .cart-total {
    display:none;
  }
.header-support-icon .menu-toggle .icon-bar {   
    margin:3px;
  }
  .main-header-col1 {
    margin-right: 0;
    width: 50%;
  }
  .primary-content-wrap {
   padding: 0;
  }
.thunk-heading-wrap {
    flex-wrap: wrap;
}
.thunk-cat-tab .thunk-heading-wrap .thunk-heading {
    width: 100%;
}
.thunk-cat-tab .thunk-heading-wrap .tab-head {
    width: 100%;
text-align: left;
}
.thunk-blog-wrap article.post-item{
width:49%;
}
.thunk-blog-wrap article.post-item:nth-child(2n+2){
margin-right:0;
}
.thnk-col-4 .widget-footer-col1, 
.thnk-col-4 .widget-footer-col2, 
.thnk-col-4 .widget-footer-col3, 
.thnk-col-4 .widget-footer-col4{
  width:50%;
}
.woocommerce ul.products[class*=columns-] li.product, 
.woocommerce-page ul.products[class*=columns-] li.product{
   width: 48%;
   float: left;
   clear: both;
   margin: 0 0 1em;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
    float: left!important;
}
.woocommerce #shop-product-wrap .woocommerce-result-count, 
.woocommerce-page #shop-product-wrap .woocommerce-result-count {
    float: none;
}
.woocommerce-page .thunk-list-view ul.products li.product {
    float: left;
    width: 100%!important;
}
/*checkout*/
.woocommerce-checkout>.col2-set {
    float: left;
    width: 100%;
}

.woocommerce-checkout #order_review {
    float: left;
    width: 100%;
}
.thunk-highlight-col{
  width:50%;
}

.cat-list a span {
    font-size: 13px;
  }
.cat-layout-3 .cat-content-3 .hover-area .cat-title {
    font-size: 13px;
  }
.prd-total-number {
    font-size: 11PX;
  }
.thunk-related-links .nav-links a {
    font-size: 12px;
  }

  .prd-total-number{
    display:none;
  }
  .page-head h1{
  width:100%;
}

.woocommerce #content table.cart td.actions .coupon .input-text+.button{
  margin:0;
}
.slide-layout-1 .slider-content-caption h2 {
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
}
.slide-layout-1 .slider-content-caption p {
    font-size: 1rem;
    line-height: 1.3;
    margin-bottom: 1.5rem;
}
  .slider-content-caption a.slide-btn {
    color: #fff;
    font-size: .9rem;
    padding: 0.6rem 1.4rem;}
  
  .slider-content-caption{
    margin:0 2rem;
  }

  .thunk-ribbon-content-col1 {
    flex: auto;
    text-align: center;
    margin-bottom: 0.5rem;
}
.thunk-ribbon-content-col2{
  margin: auto;
    display: flex;
}
.single-product div.product form.cart button.minus, .single-product div.product form.cart button.plus, .single-product div.product form.cart input[type="number"] {
    height: 2rem;
    line-height: 2rem;
    width: 2rem;
    font-size:1rem;
}

.woocommerce div.entry-summary form.cart button[type=submit]{
height: 2rem;
line-height: 2rem;
margin-right:0.5rem;
    width: 100px;
}

.summary .yith-wcwl-add-button a, .summary .yith-wcwl-wishlistaddedbrowse a, 
.summary .yith-wcwl-wishlistexistsbrowse a,
.woocommerce .entry-summary a.compare.button,
.woocommerce .entry-summary a.th-product-compare-btn,
.woocommerce .entry-summary a.th-product-compare-btn.btn_type{
 height: 2rem;
    line-height: 2rem;
    width: 2rem;
}
.thunk-list .thunk-product-content .woocommerce-LoopProduct-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.breadcrumb-m_shop_trail{
  margin-top:0;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    width:100%;
}
.thunk-top6-slide-list-wrap .image-wrap {
    width: 100%;
    text-align: center;
}
.thunk-top6-slide-list-wrap .slider-content-caption6 {
    width: 100%;
    padding-right: 0;
    text-align: center;
    order: 2;
    margin-top: 1rem;
}
.slide-layout-6 .slider-content-caption6 p {
    font-size: 0.8rem;
}
.slide-layout-6 .slider-content-caption6 h2 {
    font-size: 1.5rem;
}
.slider-content-caption6 a.slide-btn {
    margin-bottom: 1rem;
}
aside.m-shop-sidebar{
    max-width: 18rem;
    left: -18rem;
}

.side-pan-active .header-pan-icon a {
    left: 18rem;
}

.taiowc-content .taiowc-total,.taiowcp-content .taiowcp-total{
  display: none;
}

.summary .yith-wcwl-add-to-wishlist .add_to_wishlist::before, .summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a::before, .summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a::before,.woocommerce .entry-summary .th-product-compare-btn.btn_type.th-added-compare, .woocommerce .entry-summary a.th-product-compare-btn:before,
.woocommerce .entry-summary a.th-product-compare-btn.btn_type:before{

  font-size: 13px;
}

}/*
Theme Name: M Shop
Theme URI: https://themehunk.com/product/m-shop/
Author: ThemeHunk
Author URI: https://www.themehunk.com
Description: M Shop is an eCommerce WordPress theme specially made for shopping websites. Theme is best suited for Fashion & Clothing store, furniture, grocery, clothing, electronic, gadget store and decorative gifts stores. Some theme features are Tabbed product carousel, Woo Category layouts, Footer layouts, quick view, translation ready, Ajax search, shop with category, Top slider layouts, Product Filter, Product styles, Color & Background options etc. Theme is deeply integrated with WooCommerce plugin to sell your products online. Theme option panel is so easy to use and theme is also fully responsive to each & every device like Mobile, ipads etc.
Version: 1.2.8
Requires at least: 5.5
Tested up to: 6.2
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: m-shop
Tags: wide-blocks, block-patterns, block-styles, editor-style, e-commerce, blog, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, featured-image-header, featured-images, custom-header, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/        
@font-face{
  font-family: 'JosefinSans-Bold';
  src: url(//technotica.com.br/wp-content/themes/m-shop/third-party/fonts/site-font/JosefinSans-Bold.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family: 'JosefinSans-SemiBold';
  src: url(//technotica.com.br/wp-content/themes/m-shop/third-party/fonts/site-font/JosefinSans-SemiBold.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family: 'Roboto-Regular';
  src: url(//technotica.com.br/wp-content/themes/m-shop/third-party/fonts/site-font/Roboto-Regular.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face{
  font-family: 'Roboto-Bold';
  src: url(//technotica.com.br/wp-content/themes/m-shop/third-party/fonts/site-font/Roboto-Bold.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}