@charset "UTF-8";
@charset "UTF-8";
#wcp-debug {
padding: 0 0 0;
font-size: 1em;
margin-bottom: 20px;
}
#wcp-debug #wcp-debug-header {
background: #3d9cd2;
color: #ffffff;
padding: 10px 20px;
cursor: pointer;
position: relative;
}
#wcp-debug #wcp-debug-header .wcp-debug-toggle {
background-image: url(//www.alovdesigns.com/wp-content/plugins/conditional-payments-for-woocommerce/frontend/img/arrow.svg);
background-repeat: no-repeat;
background-position: right center;
width: 42px;
height: 100%;
right: 0;
top: 0;
background-size: 42px;
position: absolute;
transition: .3s all;
}
#wcp-debug.closed .wcp-debug-toggle {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#wcp-debug #wcp-debug-contents {
padding: 20px 20px 0;
display: none;
border: 1px solid #dee2e6;
border-width: 0 1px 1px;
}
#wcp-debug #wcp-debug-contents .wcp-debug-tip {
color: #1864ab;
background: url(//www.alovdesigns.com/wp-content/plugins/conditional-payments-for-woocommerce/frontend/img/tip2.svg) no-repeat left 5px;
background-size: 16px 16px;
padding-left: 24px;
}
#wcp-debug #wcp-debug-contents h3 {
margin: 10px 0 20px;
font-weight: bold;
font-size: 1.2em;
}
#wcp-debug #wcp-debug-contents h3.ruleset-title {
font-size: 1em;
}
#wcp-debug #wcp-debug-contents h3.ruleset-title a {
font-weight: bold;
}
#wcp-debug .wcp-debug-result-label {
padding: 5px;
border-radius: 3px;
color: #ffffff;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
}
#wcp-debug .wcp-debug-result-label.wcp-debug-result-label-pass {
background: #2b8a3e;
}
#wcp-debug .wcp-debug-result-label.wcp-debug-result-label-fail {
background: #c92a2a;
}
#wcp-debug table.wcp-debug-table {
border: 1px solid #dee2e6;
margin: 0 0 20px;
}
#wcp-debug table.wcp-debug-table.wcp-debug-table-fixed {
table-layout: fixed;
}
#wcp-debug table.wcp-debug-table td, #wcp-debug table.wcp-debug-table th {
padding: 5px 10px;
}
#wcp-debug table.wcp-debug-table td.align-right,
#wcp-debug table.wcp-debug-table th.align-right {
text-align: right;
}.pinterest-for-woocommerce-image-wrapper{left:10px;position:absolute;top:10px;z-index:50;opacity:0;visibility:hidden}@media (hover:none){.pinterest-for-woocommerce-image-wrapper{opacity:1;visibility:visible}}.product:hover>.pinterest-for-woocommerce-image-wrapper,.wc-block-grid__product:hover>.pinterest-for-woocommerce-image-wrapper{opacity:1;visibility:visible}.product:hover>.pinterest-for-woocommerce-image-wrapper a,.wc-block-grid__product:hover>.pinterest-for-woocommerce-image-wrapper a{text-decoration:none}.wc-block-product.product,.wp-block-post.product{position:relative}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}.woosb-wrap {
display: block;
width: 100%;
clear: both;
}
.woosb-wrap .woosb-text, .woosb-wrap .woosb-products, .woosb-bundles .woosb-text, .woosb-bundles .woosb-products {
margin: 0 0 15px 0;
}
.woosb-wrap .woosb-text, .woosb-bundles .woosb-text {
white-space: pre-line;
}
.woosb-wrap .woosb-summary {
display: flex;
align-items: center;
justify-content: space-between;
}
.woosb-wrap .woosb-summary .woosb-total {
flex-grow: 1;
}
.woosb-products {
border-width: 1px 0 0 0;
border-style: dotted;
border-color: #e5e5e5;
}
.woosb-products .woosb-item-text {
padding: 10px 0;
margin: 0;
border-bottom: 1px dotted #e5e5e5;
}
.woosb-item-text-type-h1 > h1, .woosb-item-text-type-h2 > h2, .woosb-item-text-type-h3 > h3, .woosb-item-text-type-h4 > h4, .woosb-item-text-type-h5 > h5, .woosb-item-text-type-h6 > h6, .woosb-item-text-type-p > p {
margin: 0 !important;
}
.woosb-products .woosb-product {
display: flex;
align-items: center;
padding: 10px 0;
margin: 0;
border-bottom: 1px dotted #e5e5e5;
}
.woosb-products .woosb-product.woosb-product-hidden {
display: none;
}
.woosb-products[data-exclude-unpurchasable="yes"] .woosb-product.woosb-product-unpurchasable {
display: none;
}
.woosb-products .woosb-product > div {
padding: 0 5px;
}
.woosb-products .woosb-product .woosb-thumb {
width: 50px;
flex: 0 0 50px;
}
.woosb-products .woosb-product .woosb-thumb img {
width: 100%;
max-width: 100%;
height: auto;
display: block;
}
.woosb-products .woosb-product .woosb-quantity {
width: 80px;
flex: 0 0 80px;
}
.woosb-products .woosb-product .woosb-quantity.woosb-quantity-plus-minus {
width: 130px;
flex: 0 0 130px;
}
.woosb-products .woosb-product .woosb-quantity label {
display: none;
}
.woosb-products .woosb-product .woosb-quantity input {
width: 100%;
min-width: 40px;
text-align: center;
}
.woosb-products .woosb-product .woosb-price {
width: 100px;
flex: 0 0 100px;
text-align: end;
}
.woosb-products .woosb-product .woosb-price * {
font-size: inherit !important;
}
.woosb-products .woosb-product .woosb-price del {
opacity: .5;
text-decoration: line-through;
}
.woosb-products .woosb-product .woosb-price del span {
text-decoration: line-through;
}
.woosb-products .woosb-product .woosb-price ins {
font-weight: normal;
}
.woosb-products .woosb-product .woosb-price .amount {
display: inline-block;
}
.woosb-products .woosb-product .woosb-title {
flex-grow: 1;
text-align: start;
}
.woosb-products .woosb-product .woosb-title .woosb-name {
display: block;
overflow: hidden;
}
.woosb-products .woosb-product .woosb-title .woosb-name a {
text-decoration: none;
box-shadow: none;
}
.woosb-products .woosb-product .woosb-title .woosb-price {
width: auto;
flex: 0 0 auto;
text-align: inherit;
}
.woosb-products .woosb-product .woosb-title .woovr-variations-select .woovr-variation-image, .woosb-products .woosb-product .woosb-title .woovr-variations-select .woovr-variation-price {
display: none !important;
}
.woosb-products .woosb-product .variations_form {
margin: 0;
padding: 0;
}
.woosb-products .woosb-product .woosb-title .stock {
font-size: 14px;
margin: 0;
padding: 0;
}
.woosb-products .woosb-product .woosb-title .stock.in-stock {
color: green;
}
.woosb-products .woosb-product .woosb-title .stock.available-on-backorder {
color: orange;
}
.woosb-products .woosb-product .woosb-title .stock.out-of-stock {
color: red;
}
.woosb-products .woosb-product .woosb-description, .woosb-products .woosb-product .woosb-variation-description {
font-size: 14px;
}
.woosb-products .woosb-product .variations_form .variations {
display: inline-block;
margin: 0 -3px;
padding: 0;
}
.woosb-products .woosb-product .variations_form .variations .variation {
display: inline-block;
border-width: 1px;
border-style: solid;
border-color: #e5e5e5;
padding: 5px 10px;
margin: 5px 3px 0 3px;
max-width: 100%;
border-radius: 2px;
float: none;
vertical-align: top;
}
.woosb-products .woosb-product .variations_form .variations .variation > div {
display: block;
}
.woosb-products .woosb-product .variations_form .variations .reset {
display: inline-block;
}
.woosb-products .woosb-product .variations_form .variations .variation:last-child {
margin-bottom: 0;
}
.woosb-products .woosb-product .variations_form .variations .variation .label {
font-size: 12px;
line-height: 1;
}
.woosb-products .woosb-product .variations_form .variations .variation .value {
line-height: 1;
}
.woosb-products .woosb-product .variations_form .variations .variation .value select {
width: 100%;
height: auto;
line-height: 1;
padding: 0 16px 0 0;
margin: 0;
background-color: transparent;
border-radius: 0;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNEQzN0Y2NTY0NjcxMUU3QjU5NUI5N0U0NjlDMTIzNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNEQzN0Y2NjY0NjcxMUU3QjU5NUI5N0U0NjlDMTIzNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY0RDM3RjYzNjQ2NzExRTdCNTk1Qjk3RTQ2OUMxMjM2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY0RDM3RjY0NjQ2NzExRTdCNTk1Qjk3RTQ2OUMxMjM2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pzgqpQAAADdJREFUeNpirKioWMDAwBDPgAoWMQGJLCC+hiR4HYgzQRLfgDgUSoNwCIhmgaq6BtXJCNMNEGAAbM0MK7OUU3AAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: auto;
}
.woosb-products .woosb-product .variations_form .variations a.reset_variations {
margin: 0;
font-size: 12px;
}
.woosb-item-child .product-price .amount, .woosb-item-child .product-price .tax_label,
.woosb-item-child .product-subtotal .amount, .woosb-item-child .product-subtotal .tax_label,
.woosb-item-child .product-total .amount, .woosb-item-child .product-total .tax_label {
opacity: .3;
}
.woosb-alert {
padding: 6px 10px 6px 14px;
border-left: 4px solid #222;
background-color: #eeeeee;
font-size: 14px;
}
body.woocommerce-no-js .woosb-wrap + form.cart {
display: none;
}
.woosb-disabled {
opacity: .5 !important;
pointer-events: none !important;
cursor: not-allowed !important;
}
.woosb-quantity-input {
display: flex;
align-items: center;
}
.woosb-quantity-input .quantity {
flex-grow: 1;
height: auto;
margin: 0;
}
.woosb-quantity-plus-minus .plus, .woosb-quantity-plus-minus .minus, .woosb-quantity-plus-minus .quantity-minus, .woosb-quantity-plus-minus .quantity-plus, .woosb-quantity-plus-minus .plus-btn, .woosb-quantity-plus-minus .minus-btn {
display: none !important;
}
.woosb-quantity-input-plus, .woosb-quantity-input-minus {
width: 40px;
height: 40px;
flex: 0 0 40px;
line-height: 38px;
text-align: center;
cursor: pointer;
background-color: #fefefe;
border: 1px solid #e5e5e5;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.woosb-quantity-input .woosb-qty {
width: 100%;
min-width: 40px;
height: 40px;
line-height: 38px;
margin: 0;
padding: 0 5px;
box-shadow: none;
border-width: 1px 0;
border-style: solid;
border-color: #e5e5e5;
border-radius: 0;
background-color: #fefefe;
-moz-appearance: textfield;
}
.woosb-quantity-input .woosb-qty:focus {
outline: none;
outline-color: transparent;
}
.woosb-quantity-input-plus:hover, .woosb-quantity-input-minus:hover {
background-color: #f0f0f0;
}
.woosb-quantity-input input::-webkit-outer-spin-button, .woosb-quantity-input input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} .woosb-products[class*="woosb-products-layout-grid"] {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
border: none;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-item-text {
width: 100%;
margin: 10px;
padding: 10px 0;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product {
width: calc(50% - 20px);
margin: 10px;
padding: 10px;
border: 1px solid #dddddd;
font-size: 14px;
text-align: center;
position: relative;
display: flex;
flex-direction: column;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product:hover {
border-color: green;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product .woosb-name {
font-weight: 700;
}
.woosb-products.woosb-products-layout-grid-1 .woosb-product {
width: calc(100% - 20px);
}
.woosb-products.woosb-products-layout-grid-3 .woosb-product {
width: calc(100% / 3 - 20px);
}
.woosb-products.woosb-products-layout-grid-4 .woosb-product {
width: calc(25% - 20px);
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product > div {
width: 100% !important;
flex: 0 0 auto !important;
text-align: center;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
margin-bottom: 5px;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product > div:last-child {
margin-bottom: 0;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product select {
text-align: center;
}
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product .variations_form .variations .reset {
display: none;
}
@media only screen and (max-width: 767px) {
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product {
width: calc(50% - 20px);
}
}
@media only screen and (max-width: 479px) {
.woosb-products[class*="woosb-products-layout-grid"] .woosb-product {
width: calc(100% - 20px);
}
} body.rtl .woosb-alert {
padding: 6px 14px 6px 10px;
border-right: 4px solid #222;
border-left: none;
}.d-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.justify-content-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.align-items-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-self-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.mt-auto {
margin-top: auto !important;
}
@-webkit-keyframes toRightFromLeft {
49% {
-webkit-transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toRightFromLeft {
49% {
-moz-transform: translate(100%);
}
50% {
opacity: 0;
-moz-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toRightFromLeft {
49% {
transform: translate(100%);
}
50% {
opacity: 0;
transform: translate(-100%);
}
51% {
opacity: 1;
}
} @-webkit-keyframes hvr-wobble-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 hvr-wobble-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);
}
}
@-moz-keyframes spinner {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes spinner {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@-o-keyframes spinner {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@-moz-keyframes header-drop {
0% {
-webkit-transform: translateY(-90px);
-moz-transform: translateY(-90px);
-ms-transform: translateY(-90px);
-o-transform: translateY(-90px);
transform: translateY(-90px);
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes header-drop {
0% {
-webkit-transform: translateY(-90px);
-moz-transform: translateY(-90px);
-ms-transform: translateY(-90px);
-o-transform: translateY(-90px);
transform: translateY(-90px);
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-o-keyframes header-drop {
0% {
-webkit-transform: translateY(-90px);
-moz-transform: translateY(-90px);
-ms-transform: translateY(-90px);
-o-transform: translateY(-90px);
transform: translateY(-90px);
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes header-drop {
0% {
-webkit-transform: translateY(-90px);
-moz-transform: translateY(-90px);
-ms-transform: translateY(-90px);
-o-transform: translateY(-90px);
transform: translateY(-90px);
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes header-drop-out {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-90px);
-moz-transform: translateY(-90px);
-ms-transform: translateY(-90px);
-o-transform: translateY(-90px);
transform: translateY(-90px);
}
}
@-webkit-keyframes header-drop-out {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-90px);
-moz-transform: translateY(-90px);
-ms-transform: translateY(-90px);
-o-transform: translateY(-90px);
transform: translateY(-90px);
}
}
@-o-keyframes header-drop-out {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-90px);
-moz-transform: translateY(-90px);
-ms-transform: translateY(-90px);
-o-transform: translateY(-90px);
transform: translateY(-90px);
}
}
@keyframes header-drop-out {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-90px);
-moz-transform: translateY(-90px);
-ms-transform: translateY(-90px);
-o-transform: translateY(-90px);
transform: translateY(-90px);
}
} @-webkit-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #444444, 0 0 0 10px rgba(255, 255, 255, 0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #444444, 0 0 0 10px rgba(255, 255, 255, 0.5);
-webkit-transform: scale(1.5);
opacity: 0;
}
}
@-moz-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #444444, 0 0 0 10px rgba(255, 255, 255, 0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #444444, 0 0 0 10px rgba(255, 255, 255, 0.5);
-moz-transform: scale(1.5);
opacity: 0;
}
}
@keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #444444, 0 0 0 10px rgba(255, 255, 255, 0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #444444, 0 0 0 10px rgba(255, 255, 255, 0.5);
transform: scale(1.5);
opacity: 0;
}
}   .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
max-width: 96%; text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 16px;
margin: 0;
padding: 5px 4px 5px;
font-style: italic;
margin-bottom: 20px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.gallery-caption {
color: #686868;
display: block;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
.bypostauthor > article .fn:after {
content: "\f304";
left: 3px;
position: relative;
top: 5px;
}  .wp-block-cover-text {
color: #333333 !important;
}
.wp-block-search__input {
display: block;
width: calc(100% - 70px);
height: 40px;
background-color: #f2f2f2;
border: none;
outline: none;
padding-left: 15px;
padding-right: 5px;
font-weight: 400;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.wp-block-search__button {
width: 60px !important;
height: 40px;
padding: 0;
font-size: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
border: none;
background: #333333;
outline: none;
margin-left: 0 !important;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.wp-block-search__button:hover {
cursor: pointer;
background: #333333;
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.wp-block-search__button:before {
color: #fff;
content: "\f4a4";
font-family: Ionicons;
position: absolute;
font-size: 18px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .square-1 {
background-color: #bd4932;
}
.square-1 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 200px;
width: 200px;
margin-top: -100px;
margin-left: -100px;
}
.square-1 .spinner {
width: 80px;
height: 80px;
background-color: #fff;
margin-right: auto;
margin-left: auto;
margin-top: 60px;
-webkit-animation: square-1 1s infinite ease-in-out;
-o-animation: square-1 1s infinite ease-in-out;
animation: square-1 1s infinite ease-in-out;
}
@-webkit-keyframes square-1 {
0% {
-webkit-transform: perspective(160px);
}
50% {
-webkit-transform: perspective(160px) rotateY(-180deg);
}
100% {
-webkit-transform: perspective(160px) rotateY(-180deg) rotateX(-180deg);
}
}
@keyframes square-1 {
0% {
transform: perspective(160px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(160px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(160px) rotateX(-180deg) rotateY(0deg);
-webkit-transform: perspective(160px) rotateX(-180deg) rotateY(0deg);
}
100% {
transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);
-webkit-transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);
}
}
.square-2 {
background-color: #db9e36;
}
.square-2 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 150px;
width: 150px;
margin-top: -75px;
margin-left: -75px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.square-2 .spinner {
width: 20px;
height: 20px;
background-color: #fff;
position: absolute;
left: 65px;
top: 65px;
}
.square-2 .spinner:nth-child(2n+0) {
margin-right: 0;
}
.square-2 #spinner_one {
-webkit-animation: square-2-one 2s infinite;
-o-animation: square-2-one 2s infinite;
animation: square-2-one 2s infinite;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.square-2 #spinner_two {
-webkit-animation: square-2-two 2s infinite;
-o-animation: square-2-two 2s infinite;
animation: square-2-two 2s infinite;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.square-2 #spinner_three {
-webkit-animation: square-2-three 2s infinite;
-o-animation: square-2-three 2s infinite;
animation: square-2-three 2s infinite;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.square-2 #spinner_four {
-webkit-animation: square-2-four 2s infinite;
-o-animation: square-2-four 2s infinite;
animation: square-2-four 2s infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.square-2 #spinner_five {
-webkit-animation: square-2-five 2s infinite;
-o-animation: square-2-five 2s infinite;
animation: square-2-five 2s infinite;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.square-2 #spinner_six {
-webkit-animation: square-2-six 2s infinite;
-o-animation: square-2-six 2s infinite;
animation: square-2-six 2s infinite;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.square-2 #spinner_seven {
-webkit-animation: square-2-seven 2s infinite;
-o-animation: square-2-seven 2s infinite;
animation: square-2-seven 2s infinite;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.square-2 #spinner_eight {
-webkit-animation: square-2-eight 2s infinite;
-o-animation: square-2-eight 2s infinite;
animation: square-2-eight 2s infinite;
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.square-2 #spinner_big {
position: absolute;
width: 50px;
height: 50px;
left: 50px;
top: 50px;
-webkit-animation: square-2-big 2s infinite;
-o-animation: square-2-big 2s infinite;
animation: square-2-big 2s infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
@-webkit-keyframes square-2-one {
50% {
-webkit-transform: translate(-65px, -65px);
}
}
@keyframes square-2-one {
50% {
transform: translate(-65px, -65px);
-webkit-transform: translate(-65px, -65px);
}
}
@-webkit-keyframes square-2-two {
50% {
-webkit-transform: translate(0, -65px);
}
}
@keyframes square-2-two {
50% {
transform: translate(0, -65px);
-webkit-transform: translate(0, -65px);
}
}
@-webkit-keyframes square-2-three {
50% {
-webkit-transform: translate(65px, -65px);
}
}
@keyframes square-2-three {
50% {
transform: translate(65px, -65px);
-webkit-transform: translate(65px, -65px);
}
}
@-webkit-keyframes square-2-four {
50% {
-webkit-transform: translate(65px, 0);
}
}
@keyframes square-2-four {
50% {
transform: translate(65px, 0);
-webkit-transform: translate(65px, 0);
}
}
@-webkit-keyframes square-2-five {
50% {
-webkit-transform: translate(65px, 65px);
}
}
@keyframes square-2-five {
50% {
transform: translate(65px, 65px);
-webkit-transform: translate(65px, 65px);
}
}
@-webkit-keyframes square-2-six {
50% {
-webkit-transform: translate(0, 65px);
}
}
@keyframes square-2-six {
50% {
transform: translate(0, 65px);
-webkit-transform: translate(0, 65px);
}
}
@-webkit-keyframes square-2-seven {
50% {
-webkit-transform: translate(-65px, 65px);
}
}
@keyframes square-2-seven {
50% {
transform: translate(-65px, 65px);
-webkit-transform: translate(-65px, 65px);
}
}
@-webkit-keyframes square-2-eight {
50% {
-webkit-transform: translate(-65px, 0);
}
}
@keyframes square-2-eight {
50% {
transform: translate(-65px, 0);
-webkit-transform: translate(-65px, 0);
}
}
@-webkit-keyframes square-2-big {
50% {
-webkit-transform: scale(0.5);
}
}
@keyframes square-2-big {
50% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
}
.square-3 {
background-color: #ffd34e;
}
.square-3 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 200px;
width: 200px;
margin-top: -100px;
margin-left: -100px;
}
.square-3 .spinner {
width: 50px;
height: 50px;
background-color: rgba(255, 255, 255, 0);
margin-right: auto;
margin-left: auto;
border: 4px solid #fff;
left: 73px;
top: 73px;
position: absolute;
}
.square-3 #first_spinner {
-webkit-animation: square-3-first-animate 1s infinite ease-in-out;
-o-animation: square-3-first-animate 1s infinite ease-in-out;
animation: square-3-first-animate 1s infinite ease-in-out;
}
.square-3 #second_spinner {
-webkit-animation: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out;
-moz-animation: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out;
-o-animation: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out;
-ms-transition: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out;
animation: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out;
}
.square-3 #third_spinner {
-webkit-animation: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out;
-moz-animation: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out;
-o-animation: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out;
-ms-transition: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out;
animation: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out;
}
@-webkit-keyframes square-3-first-animate {
0% {
-webkit-transform: perspective(100px);
}
50% {
-webkit-transform: perspective(100px) rotateY(-180deg);
}
100% {
-webkit-transform: perspective(100px) rotateY(-180deg) rotateX(-180deg);
}
}
@keyframes square-3-first-animate {
0% {
transform: perspective(100px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(100px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(100px) rotateX(-180deg) rotateY(0deg);
-webkit-transform: perspective(100px) rotateX(-180deg) rotateY(0deg);
}
100% {
transform: perspective(100px) rotateX(-180deg) rotateY(-180deg);
-webkit-transform: perspective(100px) rotateX(-180deg) rotateY(-180deg);
}
}
@-webkit-keyframes square-3-second {
100% {
width: 100px;
height: 100px;
left: 48px;
top: 48px;
}
}
@keyframes square-3-second {
100% {
width: 100px;
height: 100px;
left: 48px;
top: 48px;
}
}
@-webkit-keyframes square-3-second-animate {
0% {
-webkit-transform: perspective(200px);
}
50% {
-webkit-transform: perspective(200px) rotateY(180deg);
}
100% {
-webkit-transform: perspective(200px) rotateY(180deg) rotateX(180deg);
}
}
@keyframes square-3-second-animate {
0% {
transform: perspective(200px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(200px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(200px) rotateX(180deg) rotateY(0deg);
-webkit-transform: perspective(200px) rotateX(180deg) rotateY(0deg);
}
100% {
transform: perspective(200px) rotateX(180deg) rotateY(180deg);
-webkit-transform: perspective(200px) rotateX(180deg) rotateY(180deg);
}
}
@-webkit-keyframes square-3-third {
100% {
width: 150px;
height: 150px;
left: 23px;
top: 23px;
}
}
@keyframes square-3-third {
100% {
width: 150px;
height: 150px;
left: 23px;
top: 23px;
}
}
@-webkit-keyframes square-3-third-animate {
0% {
-webkit-transform: perspective(300px);
}
50% {
-webkit-transform: perspective(300px) rotateY(-180deg);
}
100% {
-webkit-transform: perspective(300px) rotateY(-180deg) rotateX(-180deg);
}
}
@keyframes square-3-third-animate {
0% {
transform: perspective(300px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(300px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(300px) rotateX(-180deg) rotateY(0deg);
-webkit-transform: perspective(300px) rotateX(-180deg) rotateY(0deg);
}
100% {
transform: perspective(300px) rotateX(-180deg) rotateY(-180deg);
-webkit-transform: perspective(300px) rotateX(-180deg) rotateY(-180deg);
}
}
.square-4 {
background-color: white;
}
.square-4 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 100px;
width: 100px;
margin-top: -50px;
margin-left: -50px;
}
.square-4 .spinner {
width: 25px;
height: 25px;
background-color: rgba(255, 255, 255, 0);
margin-right: auto;
margin-left: auto;
border: 4px solid #ef4a4a;
left: 37px;
top: 37px;
position: absolute;
}
.square-4 #first_spinner {
-webkit-animation: square-4-first 1s infinite;
-o-animation: square-4-first 1s infinite;
animation: square-4-first 1s infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.square-4 #second_spinner {
-webkit-animation: square-4-second 1s infinite;
-o-animation: square-4-second 1s infinite;
animation: square-4-second 1s infinite;
}
.square-4 #third_spinner {
-webkit-animation: square-4-third 1s infinite;
-o-animation: square-4-third 1s infinite;
animation: square-4-third 1s infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.square-4 #forth_spinner {
-webkit-animation: square-4-forth 1s infinite;
-o-animation: square-4-forth 1s infinite;
animation: square-4-forth 1s infinite;
}
@-webkit-keyframes square-4-first {
0% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
50% {
-ms-transform: translate(150%, 150%) scale(2, 2);
-webkit-transform: translate(150%, 150%) scale(2, 2);
transform: translate(150%, 150%) scale(2, 2);
}
100% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
}
@keyframes square-4-first {
0% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
50% {
-ms-transform: translate(150%, 150%) scale(2, 2);
-webkit-transform: translate(150%, 150%) scale(2, 2);
transform: translate(150%, 150%) scale(2, 2);
}
100% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
}
@-webkit-keyframes square-4-second {
0% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
50% {
-ms-transform: translate(-150%, 150%) scale(2, 2);
-webkit-transform: translate(-150%, 150%) scale(2, 2);
transform: translate(-150%, 150%) scale(2, 2);
}
100% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
}
@keyframes square-4-second {
0% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
50% {
-ms-transform: translate(-150%, 150%) scale(2, 2);
-webkit-transform: translate(-150%, 150%) scale(2, 2);
transform: translate(-150%, 150%) scale(2, 2);
}
100% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
}
@-webkit-keyframes square-4-third {
0% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
50% {
-ms-transform: translate(-150%, -150%) scale(2, 2);
-webkit-transform: translate(-150%, -150%) scale(2, 2);
transform: translate(-150%, -150%) scale(2, 2);
}
100% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
}
@keyframes square-4-third {
0% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
50% {
-ms-transform: translate(-150%, -150%) scale(2, 2);
-webkit-transform: translate(-150%, -150%) scale(2, 2);
transform: translate(-150%, -150%) scale(2, 2);
}
100% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
}
@-webkit-keyframes square-4-forth {
0% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
50% {
-ms-transform: translate(150%, -150%) scale(2, 2);
-webkit-transform: translate(150%, -150%) scale(2, 2);
transform: translate(150%, -150%) scale(2, 2);
}
100% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
}
@keyframes square-4-forth {
0% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
50% {
-ms-transform: translate(150%, -150%) scale(2, 2);
-webkit-transform: translate(150%, -150%) scale(2, 2);
transform: translate(150%, -150%) scale(2, 2);
}
100% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
}
.square-5 {
background-color: #2980b9;
}
.square-5 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 118px;
width: 118px;
margin-top: -59px;
margin-left: -59px;
}
.square-5 .spinner {
width: 20px;
height: 20px;
background-color: #fff;
margin-right: 20px;
float: left;
margin-bottom: 20px;
}
.square-5 .spinner:nth-child(3n+0) {
margin-right: 0px;
}
.square-5 #spinner_one {
-webkit-animation: square-5 1s -0.9s ease-in-out infinite;
-o-animation: square-5 1s -0.9s ease-in-out infinite;
animation: square-5 1s -0.9s ease-in-out infinite;
}
.square-5 #spinner_two {
-webkit-animation: square-5 1s -0.8s ease-in-out infinite;
-o-animation: square-5 1s -0.8s ease-in-out infinite;
animation: square-5 1s -0.8s ease-in-out infinite;
}
.square-5 #spinner_three {
-webkit-animation: square-5 1s -0.7s ease-in-out infinite;
-o-animation: square-5 1s -0.7s ease-in-out infinite;
animation: square-5 1s -0.7s ease-in-out infinite;
}
.square-5 #spinner_four {
-webkit-animation: square-5 1s -0.6s ease-in-out infinite;
-o-animation: square-5 1s -0.6s ease-in-out infinite;
animation: square-5 1s -0.6s ease-in-out infinite;
}
.square-5 #spinner_five {
-webkit-animation: square-5 1s -0.5s ease-in-out infinite;
-o-animation: square-5 1s -0.5s ease-in-out infinite;
animation: square-5 1s -0.5s ease-in-out infinite;
}
.square-5 #spinner_six {
-webkit-animation: square-5 1s -0.4s ease-in-out infinite;
-o-animation: square-5 1s -0.4s ease-in-out infinite;
animation: square-5 1s -0.4s ease-in-out infinite;
}
.square-5 #spinner_seven {
-webkit-animation: square-5 1s -0.3s ease-in-out infinite;
-o-animation: square-5 1s -0.3s ease-in-out infinite;
animation: square-5 1s -0.3s ease-in-out infinite;
}
.square-5 #spinner_eight {
-webkit-animation: square-5 1s -0.2s ease-in-out infinite;
-o-animation: square-5 1s -0.2s ease-in-out infinite;
animation: square-5 1s -0.2s ease-in-out infinite;
}
.square-5 #spinner_nine {
-webkit-animation: square-5 1s -0.1s ease-in-out infinite;
-o-animation: square-5 1s -0.1s ease-in-out infinite;
animation: square-5 1s -0.1s ease-in-out infinite;
}
@-webkit-keyframes square-5 {
50% {
-ms-transform: scale(1.5, 1.5);
-webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
}
100% {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@keyframes square-5 {
50% {
-ms-transform: scale(1.5, 1.5);
-webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
}
100% {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
.square-6 {
background-color: #3498db;
}
.square-6 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 118px;
width: 72px;
margin-top: -59px;
margin-left: -36px;
}
.square-6 .spinner {
width: 26px;
height: 26px;
background-color: #fff;
margin-right: 20px;
float: left;
margin-bottom: 20px;
}
.square-6 .spinner:nth-child(2n+0) {
margin-right: 0;
}
.square-6 #spinner_one {
-webkit-animation: square-6-one 1s infinite;
-o-animation: square-6-one 1s infinite;
animation: square-6-one 1s infinite;
}
.square-6 #spinner_two {
-webkit-animation: square-6-two 1s infinite;
-o-animation: square-6-two 1s infinite;
animation: square-6-two 1s infinite;
}
.square-6 #spinner_three {
-webkit-animation: square-6-three 1s infinite;
-o-animation: square-6-three 1s infinite;
animation: square-6-three 1s infinite;
}
.square-6 #spinner_four {
-webkit-animation: square-6-four 1s infinite;
-o-animation: square-6-four 1s infinite;
animation: square-6-four 1s infinite;
}
.square-6 #spinner_five {
-webkit-animation: square-6-five 1s infinite;
-o-animation: square-6-five 1s infinite;
animation: square-6-five 1s infinite;
}
.square-6 #spinner_six {
-webkit-animation: square-6-six 1s infinite;
-o-animation: square-6-six 1s infinite;
animation: square-6-six 1s infinite;
}
@-webkit-keyframes square-6-one {
50% {
-ms-transform: translate(-100px, 46px) rotate(-179deg);
-webkit-transform: translate(-100px, 46px) rotate(-179deg);
transform: translate(-100px, 46px) rotate(-179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes square-6-one {
50% {
-ms-transform: translate(-100px, 46px) rotate(-179deg);
-webkit-transform: translate(-100px, 46px) rotate(-179deg);
transform: translate(-100px, 46px) rotate(-179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes square-6-two {
50% {
-ms-transform: translate(100px, 46px) rotate(179deg);
-webkit-transform: translate(100px, 46px) rotate(179deg);
transform: translate(100px, 46px) rotate(179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes square-6-two {
50% {
-ms-transform: translate(100px, 46px) rotate(179deg);
-webkit-transform: translate(100px, 46px) rotate(179deg);
transform: translate(100px, 46px) rotate(179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes square-6-three {
50% {
-ms-transform: translate(-100px, 0) rotate(-179deg);
-webkit-transform: translate(-100px, 0) rotate(-179deg);
transform: translate(-100px, 0) rotate(-179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes square-6-three {
50% {
-ms-transform: translate(-100px, 0) rotate(-179deg);
-webkit-transform: translate(-100px, 0) rotate(-179deg);
transform: translate(-100px, 0) rotate(-179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes square-6-four {
50% {
-ms-transform: translate(100px, 0) rotate(179deg);
-webkit-transform: translate(100px, 0) rotate(179deg);
transform: translate(100px, 0) rotate(179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes square-6-four {
50% {
-ms-transform: translate(100px, 0) rotate(179deg);
-webkit-transform: translate(100px, 0) rotate(179deg);
transform: translate(100px, 0) rotate(179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes square-6-five {
50% {
-ms-transform: translate(-100px, -46px) rotate(-179deg);
-webkit-transform: translate(-100px, -46px) rotate(-179deg);
transform: translate(-100px, -46px) rotate(-179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes square-6-five {
50% {
-ms-transform: translate(-100px, -46px) rotate(-179deg);
-webkit-transform: translate(-100px, -46px) rotate(-179deg);
transform: translate(-100px, -46px) rotate(-179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes square-6-six {
50% {
-ms-transform: translate(100px, -46px) rotate(179deg);
-webkit-transform: translate(100px, -46px) rotate(179deg);
transform: translate(100px, -46px) rotate(179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes square-6-six {
50% {
-ms-transform: translate(100px, -46px) rotate(179deg);
-webkit-transform: translate(100px, -46px) rotate(179deg);
transform: translate(100px, -46px) rotate(179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.square-7 {
background-color: #e74c3c;
}
.square-7 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 100px;
width: 100px;
margin-top: -50px;
margin-left: -50px;
}
.square-7 .spinner {
width: 25px;
height: 25px;
background-color: #fff;
margin-right: 50px;
float: left;
margin-bottom: 50px;
}
.square-7 .spinner:nth-child(2n+0) {
margin-right: 0;
}
.square-7 #spinner_one {
-webkit-animation: square-7-one 2s infinite;
-o-animation: square-7-one 2s infinite;
animation: square-7-one 2s infinite;
}
.square-7 #spinner_two {
-webkit-animation: square-7-two 2s infinite;
-o-animation: square-7-two 2s infinite;
animation: square-7-two 2s infinite;
}
.square-7 #spinner_three {
-webkit-animation: square-7-three 2s infinite;
-o-animation: square-7-three 2s infinite;
animation: square-7-three 2s infinite;
}
.square-7 #spinner_four {
-webkit-animation: square-7-four 2s infinite;
-o-animation: square-7-four 2s infinite;
animation: square-7-four 2s infinite;
}
@-webkit-keyframes square-7-one {
25% {
-webkit-transform: translate(75px, 0) rotate(-90deg) scale(0.5);
}
50% {
-webkit-transform: translate(75px, 75px) rotate(-180deg);
}
75% {
-webkit-transform: translate(0, 75px) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes square-7-one {
25% {
transform: translate(75px, 0) rotate(-90deg) scale(0.5);
-webkit-transform: translate(75px, 0) rotate(-90deg) scale(0.5);
}
50% {
transform: translate(75px, 75px) rotate(-180deg);
-webkit-transform: translate(75px, 75px) rotate(-180deg);
}
75% {
transform: translate(0, 75px) rotate(-270deg) scale(0.5);
-webkit-transform: translate(0, 75px) rotate(-270deg) scale(0.5);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
@-webkit-keyframes square-7-two {
25% {
-webkit-transform: translate(0, 75px) rotate(-90deg) scale(0.5);
}
50% {
-webkit-transform: translate(-75px, 75px) rotate(-180deg);
}
75% {
-webkit-transform: translate(-75px, 0) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes square-7-two {
25% {
transform: translate(0, 75px) rotate(-90deg) scale(0.5);
-webkit-transform: translate(0, 75px) rotate(-90deg) scale(0.5);
}
50% {
transform: translate(-75px, 75px) rotate(-180deg);
-webkit-transform: translate(-75px, 75px) rotate(-180deg);
}
75% {
transform: translate(-75px, 0) rotate(-270deg) scale(0.5);
-webkit-transform: translate(-75px, 0) rotate(-270deg) scale(0.5);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
@-webkit-keyframes square-7-three {
25% {
-webkit-transform: translate(0, -75px) rotate(-90deg) scale(0.5);
}
50% {
-webkit-transform: translate(75px, -75px) rotate(-180deg);
}
75% {
-webkit-transform: translate(75px, 0) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes square-7-three {
25% {
transform: translate(0, -75px) rotate(-90deg) scale(0.5);
-webkit-transform: translate(0, -75px) rotate(-90deg) scale(0.5);
}
50% {
transform: translate(75px, -75px) rotate(-180deg);
-webkit-transform: translate(75px, -75px) rotate(-180deg);
}
75% {
transform: translate(75px, 0) rotate(-270deg) scale(0.5);
-webkit-transform: translate(75px, 0) rotate(-270deg) scale(0.5);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
@-webkit-keyframes square-7-four {
25% {
-webkit-transform: translate(-75px, 0) rotate(-90deg) scale(0.5);
}
50% {
-webkit-transform: translate(-75px, -75px) rotate(-180deg);
}
75% {
-webkit-transform: translate(0, -75px) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes square-7-four {
25% {
transform: translate(-75px, 0) rotate(-90deg) scale(0.5);
-webkit-transform: translate(-75px, 0) rotate(-90deg) scale(0.5);
}
50% {
transform: translate(-75px, -75px) rotate(-180deg);
-webkit-transform: translate(-75px, -75px) rotate(-180deg);
}
75% {
transform: translate(0, -75px) rotate(-270deg) scale(0.5);
-webkit-transform: translate(0, -75px) rotate(-270deg) scale(0.5);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
.square-8 {
background-color: #2c3e50;
}
.square-8 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 50px;
width: 50px;
margin-top: -25px;
margin-left: -25px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation: square-8-loading-center-absolute 1.5s infinite;
-o-animation: square-8-loading-center-absolute 1.5s infinite;
animation: square-8-loading-center-absolute 1.5s infinite;
}
.square-8 .spinner {
width: 25px;
height: 25px;
background-color: #fff;
float: left;
}
.square-8 #spinner_one {
-webkit-animation: square-8-one 1.5s infinite;
-o-animation: square-8-one 1.5s infinite;
animation: square-8-one 1.5s infinite;
}
.square-8 #spinner_two {
-webkit-animation: square-8-two 1.5s infinite;
-o-animation: square-8-two 1.5s infinite;
animation: square-8-two 1.5s infinite;
}
.square-8 #spinner_three {
-webkit-animation: square-8-three 1.5s infinite;
-o-animation: square-8-three 1.5s infinite;
animation: square-8-three 1.5s infinite;
}
.square-8 #spinner_four {
-webkit-animation: square-8-four 1.5s infinite;
-o-animation: square-8-four 1.5s infinite;
animation: square-8-four 1.5s infinite;
}
@-webkit-keyframes square-8-loading-center-absolute {
100% {
-webkit-transform: rotate(-45deg);
}
}
@keyframes square-8-loading-center-absolute {
100% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
}
@-webkit-keyframes square-8-one {
25% {
-webkit-transform: translate(0, -50px) rotate(-180deg);
}
100% {
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
@keyframes square-8-one {
25% {
transform: translate(0, -50px) rotate(-180deg);
-webkit-transform: translate(0, -50px) rotate(-180deg);
}
100% {
transform: translate(0, 0) rotate(-180deg);
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
@-webkit-keyframes square-8-two {
25% {
-webkit-transform: translate(50px, 0) rotate(-180deg);
}
100% {
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
@keyframes square-8-two {
25% {
transform: translate(50px, 0) rotate(-180deg);
-webkit-transform: translate(50px, 0) rotate(-180deg);
}
100% {
transform: translate(0, 0) rotate(-180deg);
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
@-webkit-keyframes square-8-three {
25% {
-webkit-transform: translate(-50px, 0) rotate(-180deg);
}
100% {
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
@keyframes square-8-three {
25% {
transform: translate(-50px, 0) rotate(-180deg);
-webkit-transform: translate(-50px, 0) rotate(-180deg);
}
100% {
transform: translate(0, 0) rotate(-180deg);
-webkit-transform: rtranslate(0, 0) rotate(-180deg);
}
}
@-webkit-keyframes square-8-four {
25% {
-webkit-transform: translate(0, 50px) rotate(-180deg);
}
100% {
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
@keyframes square-8-four {
25% {
transform: translate(0, 50px) rotate(-180deg);
-webkit-transform: translate(0, 50px) rotate(-180deg);
}
100% {
transform: translate(0, 0) rotate(-180deg);
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
.square-9 {
background-color: #1e1e20;
}
.square-9 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 150px;
width: 150px;
margin-top: -75px;
margin-left: -75px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.square-9 .spinner {
width: 20px;
height: 20px;
background-color: #fff;
margin-right: 110px;
float: left;
margin-bottom: 110px;
}
.square-9 .spinner:nth-child(2n+0) {
margin-right: 0;
}
.square-9 #spinner_one {
-webkit-animation: square-9-one 2s infinite;
-o-animation: square-9-one 2s infinite;
animation: square-9-one 2s infinite;
}
.square-9 #spinner_two {
-webkit-animation: square-9-two 2s infinite;
-o-animation: square-9-two 2s infinite;
animation: square-9-two 2s infinite;
}
.square-9 #spinner_three {
-webkit-animation: square-9-three 2s infinite;
-o-animation: square-9-three 2s infinite;
animation: square-9-three 2s infinite;
}
.square-9 #spinner_four {
-webkit-animation: square-9-four 2s infinite;
-o-animation: square-9-four 2s infinite;
animation: square-9-four 2s infinite;
}
.square-9 #spinner_big {
-webkit-animation: square-9-big 0.5s infinite;
-o-animation: square-9-big 0.5s infinite;
animation: square-9-big 0.5s infinite;
position: absolute;
width: 50px;
height: 50px;
left: 50px;
top: 50px;
}
@-webkit-keyframes square-9-big {
25% {
-webkit-transform: scale(0.5);
}
}
@keyframes square-9-big {
25% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
}
@-webkit-keyframes square-9-one {
25% {
-webkit-transform: translate(130px, 0) rotate(-90deg);
}
50% {
-webkit-transform: translate(130px, 130px) rotate(-180deg);
}
75% {
-webkit-transform: translate(0, 130px) rotate(-270deg);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes square-9-one {
25% {
transform: translate(130px, 0) rotate(-90deg);
-webkit-transform: translate(130px, 0) rotate(-90deg);
}
50% {
transform: translate(130px, 130px) rotate(-180deg);
-webkit-transform: translate(130px, 130px) rotate(-180deg);
}
75% {
transform: translate(0, 130px) rotate(-270deg);
-webkit-transform: translate(0, 130px) rotate(-270deg);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
@-webkit-keyframes square-9-two {
25% {
-webkit-transform: translate(0, 130px) rotate(-90deg);
}
50% {
-webkit-transform: translate(-130px, 130px) rotate(-180deg);
}
75% {
-webkit-transform: translate(-130px, 0) rotate(-270deg);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes square-9-two {
25% {
transform: translate(0, 130px) rotate(-90deg);
-webkit-transform: translate(0, 130px) rotate(-90deg);
}
50% {
transform: translate(-130px, 130px) rotate(-180deg);
-webkit-transform: translate(-130px, 130px) rotate(-180deg);
}
75% {
transform: translate(-130px, 0) rotate(-270deg);
-webkit-transform: translate(-130px, 0) rotate(-270deg);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
@-webkit-keyframes square-9-three {
25% {
-webkit-transform: translate(0, -130px) rotate(-90deg);
}
50% {
-webkit-transform: translate(130px, -130px) rotate(-180deg);
}
75% {
-webkit-transform: translate(130px, 0) rotate(-270deg);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes square-9-three {
25% {
transform: translate(0, -130px) rotate(-90deg);
-webkit-transform: translate(0, -130px) rotate(-90deg);
}
50% {
transform: translate(130px, -130px) rotate(-180deg);
-webkit-transform: translate(130px, -130px) rotate(-180deg);
}
75% {
transform: translate(130px, 0) rotate(-270deg);
-webkit-transform: translate(130px, 0) rotate(-270deg);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
@-webkit-keyframes square-9-four {
25% {
-webkit-transform: translate(-130px, 0) rotate(-90deg);
}
50% {
-webkit-transform: translate(-130px, -130px) rotate(-180deg);
}
75% {
-webkit-transform: translate(0, -130px) rotate(-270deg);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes square-9-four {
25% {
transform: translate(-130px, 0) rotate(-90deg);
-webkit-transform: translate(-130px, 0) rotate(-90deg);
}
50% {
transform: translate(-130px, -130px) rotate(-180deg);
-webkit-transform: translate(-130px, -130px) rotate(-180deg);
}
75% {
transform: translate(0, -130px) rotate(-270deg);
-webkit-transform: translate(0, -130px) rotate(-270deg);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
.round-1 {
background-color: #374140;
}
.round-1 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 150px;
width: 150px;
margin-top: -75px;
margin-left: -75px;
}
.round-1 .spinner {
width: 20px;
height: 20px;
background-color: #FFF;
float: left;
margin-right: 20px;
margin-top: 65px;
border-radius: 100%;
}
.round-1 #spinner_one {
-webkit-animation: round-1-one 1.5s infinite;
-o-animation: round-1-one 1.5s infinite;
animation: round-1-one 1.5s infinite;
}
.round-1 #spinner_two {
-webkit-animation: round-1-two 1.5s infinite;
-o-animation: round-1-two 1.5s infinite;
animation: round-1-two 1.5s infinite;
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.round-1 #spinner_three {
-webkit-animation: round-1-three 1.5s infinite;
-o-animation: round-1-three 1.5s infinite;
animation: round-1-three 1.5s infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
@-webkit-keyframes round-1-one {
75% {
-webkit-transform: scale(0);
}
}
@keyframes round-1-one {
75% {
transform: scale(0);
-webkit-transform: scale(0);
}
}
@-webkit-keyframes round-1-two {
75% {
-webkit-transform: scale(0);
}
}
@keyframes round-1-two {
75% {
transform: scale(0);
-webkit-transform: scale(0);
}
}
@-webkit-keyframes round-1-three {
75% {
-webkit-transform: scale(0);
}
}
@keyframes round-1-three {
75% {
transform: scale(0);
-webkit-transform: scale(0);
}
}
.round-2 {
background-color: #dc3522;
}
.round-2 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 150px;
width: 150px;
margin-top: -75px;
margin-left: -75px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.round-2 .spinner {
width: 20px;
height: 20px;
background-color: #FFF;
position: absolute;
left: 65px;
top: 65px;
border-radius: 50%;
}
.round-2 .spinner:nth-child(2n+0) {
margin-right: 0;
}
.round-2 #spinner_one {
-webkit-animation: round-2-one 2s infinite;
-o-animation: round-2-one 2s infinite;
animation: round-2-one 2s infinite;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.round-2 #spinner_two {
-webkit-animation: round-2-two 2s infinite;
-o-animation: round-2-two 2s infinite;
animation: round-2-two 2s infinite;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.round-2 #spinner_three {
-webkit-animation: round-2-three 2s infinite;
-o-animation: round-2-three 2s infinite;
animation: round-2-three 2s infinite;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.round-2 #spinner_four {
-webkit-animation: round-2-four 2s infinite;
-o-animation: round-2-four 2s infinite;
animation: round-2-four 2s infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.round-2 #spinner_five {
-webkit-animation: round-2-five 2s infinite;
-o-animation: round-2-five 2s infinite;
animation: round-2-five 2s infinite;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.round-2 #spinner_six {
-webkit-animation: round-2-six 2s infinite;
-o-animation: round-2-six 2s infinite;
animation: round-2-six 2s infinite;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.round-2 #spinner_seven {
-webkit-animation: round-2-seven 2s infinite;
-o-animation: round-2-seven 2s infinite;
animation: round-2-seven 2s infinite;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.round-2 #spinner_eight {
-webkit-animation: round-2-eight 2s infinite;
-o-animation: round-2-eight 2s infinite;
animation: round-2-eight 2s infinite;
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.round-2 #spinner_big {
position: absolute;
width: 50px;
height: 50px;
left: 50px;
top: 50px;
-webkit-animation: round-2-big 2s infinite;
-o-animation: round-2-big 2s infinite;
animation: round-2-big 2s infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
@-webkit-keyframes round-2-big {
50% {
-webkit-transform: scale(0.5);
}
}
@keyframes round-2-big {
50% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
}
@-webkit-keyframes round-2-one {
50% {
-webkit-transform: translate(-65px, -65px);
}
}
@keyframes round-2-one {
50% {
transform: translate(-65px, -65px);
-webkit-transform: translate(-65px, -65px);
}
}
@-webkit-keyframes round-2-two {
50% {
-webkit-transform: translate(0, -65px);
}
}
@keyframes round-2-two {
50% {
transform: translate(0, -65px);
-webkit-transform: translate(0, -65px);
}
}
@-webkit-keyframes round-2-three {
50% {
-webkit-transform: translate(65px, -65px);
}
}
@keyframes round-2-three {
50% {
transform: translate(65px, -65px);
-webkit-transform: translate(65px, -65px);
}
}
@-webkit-keyframes round-2-four {
50% {
-webkit-transform: translate(65px, 0);
}
}
@keyframes round-2-four {
50% {
transform: translate(65px, 0);
-webkit-transform: translate(65px, 0);
}
}
@-webkit-keyframes round-2-five {
50% {
-webkit-transform: translate(65px, 65px);
}
}
@keyframes round-2-five {
50% {
transform: translate(65px, 65px);
-webkit-transform: translate(65px, 65px);
}
}
@-webkit-keyframes round-2-six {
50% {
-webkit-transform: translate(0, 65px);
}
}
@keyframes round-2-six {
50% {
transform: translate(0, 65px);
-webkit-transform: translate(0, 65px);
}
}
@-webkit-keyframes round-2-seven {
50% {
-webkit-transform: translate(-65px, 65px);
}
}
@keyframes round-2-seven {
50% {
transform: translate(-65px, 65px);
-webkit-transform: translate(-65px, 65px);
}
}
@-webkit-keyframes round-2-eight {
50% {
-webkit-transform: translate(-65px, 0);
}
}
@keyframes round-2-eight {
50% {
transform: translate(-65px, 0);
-webkit-transform: translate(-65px, 0);
}
}
.round-3 {
background-color: #88a825;
}
.round-3 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 50px;
width: 200px;
margin-top: -25px;
margin-left: -100px;
}
.round-3 .spinner {
width: 20px;
height: 20px;
background-color: #fff;
float: left;
margin-top: 15px;
border-radius: 100%;
}
.round-3 #first_spinner {
-webkit-animation: round-3-first 2s infinite;
-o-animation: round-3-first 2s infinite;
animation: round-3-first 2s infinite;
}
.round-3 #second_spinner {
-webkit-animation: round-3-second 2s infinite;
-o-animation: round-3-second 2s infinite;
animation: round-3-second 2s infinite;
}
@-webkit-keyframes round-3-first {
25% {
-ms-transform: translate(90px, 0) scale(2);
-webkit-transform: translate(90px, 0) scale(2);
transform: translate(90px, 0) scale(2);
}
50% {
-ms-transform: translate(180px, 0) scale(1);
-webkit-transform: translate(180px, 0) scale(1);
transform: translate(180px, 0) scale(1);
}
75% {
-ms-transform: translate(90px, 0) scale(2);
-webkit-transform: translate(90px, 0) scale(2);
transform: translate(90px, 0) scale(2);
}
}
@keyframes round-3-first {
25% {
-ms-transform: translate(90px, 0) scale(2);
-webkit-transform: translate(90px, 0) scale(2);
transform: translate(90px, 0) scale(2);
}
50% {
-ms-transform: translate(180px, 0) scale(1);
-webkit-transform: translate(180px, 0) scale(1);
transform: translate(180px, 0) scale(1);
}
75% {
-ms-transform: translate(90px, 0) scale(2);
-webkit-transform: translate(90px, 0) scale(2);
transform: translate(90px, 0) scale(2);
}
}
@-webkit-keyframes round-3-second {
25% {
-ms-transform: translate(-90px, 0) scale(2);
-webkit-transform: translate(-90px, 0) scale(2);
transform: translate(-90px, 0) scale(2);
}
50% {
-ms-transform: translate(-180px, 0) scale(1);
-webkit-transform: translate(-180px, 0) scale(1);
transform: translate(-180px, 0) scale(1);
}
75% {
-ms-transform: translate(-90px, 0) scale(2);
-webkit-transform: translate(-90px, 0) scale(2);
transform: translate(-90px, 0) scale(2);
}
}
@keyframes round-3-second {
25% {
-ms-transform: translate(-90px, 0) scale(2);
-webkit-transform: translate(-90px, 0) scale(2);
transform: translate(-90px, 0) scale(2);
}
50% {
-ms-transform: translate(-180px, 0) scale(1);
-webkit-transform: translate(-180px, 0) scale(1);
transform: translate(-180px, 0) scale(1);
}
75% {
-ms-transform: translate(-90px, 0) scale(2);
-webkit-transform: translate(-90px, 0) scale(2);
transform: translate(-90px, 0) scale(2);
}
}
.round-4 {
background-color: #35203b;
}
.round-4 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 50px;
width: 300px;
margin-top: -25px;
margin-left: -150px;
}
.round-4 .spinner {
width: 18px;
height: 18px;
background-color: #fff;
float: left;
margin-top: 15px;
margin-right: 15px;
border-radius: 100%;
-webkit-animation: round-4 1s infinite;
-o-animation: round-4 1s infinite;
animation: round-4 1s infinite;
}
.round-4 .spinner:last-child {
margin-right: 0px;
}
.round-4 .spinner:nth-child(9) {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.round-4 .spinner:nth-child(8) {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.round-4 .spinner:nth-child(7) {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.round-4 .spinner:nth-child(6) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.round-4 .spinner:nth-child(5) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.round-4 .spinner:nth-child(4) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.round-4 .spinner:nth-child(3) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.round-4 .spinner:nth-child(2) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
@-webkit-keyframes round-4 {
50% {
-ms-transform: translate(0, -50px);
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px);
}
}
@keyframes round-4 {
50% {
-ms-transform: translate(0, -50px);
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px);
}
}
.round-5 {
background-color: #cf4a30;
}
.round-5 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 60px;
width: 60px;
margin-top: -30px;
margin-left: -30px;
-webkit-animation: round-5-loading-center-absolute 1s infinite;
-o-animation: round-5-loading-center-absolute 1s infinite;
animation: round-5-loading-center-absolute 1s infinite;
}
.round-5 .spinner {
width: 20px;
height: 20px;
background-color: #fff;
float: left;
border-radius: 50%;
margin-right: 20px;
margin-bottom: 20px;
}
.round-5 .spinner:nth-child(2n+0) {
margin-right: 0;
}
.round-5 #spinner_one {
-webkit-animation: round-5-one 1s infinite;
-o-animation: round-5-one 1s infinite;
animation: round-5-one 1s infinite;
}
.round-5 #spinner_two {
-webkit-animation: round-5-two 1s infinite;
-o-animation: round-5-two 1s infinite;
animation: round-5-two 1s infinite;
}
.round-5 #spinner_three {
-webkit-animation: round-5-three 1s infinite;
-o-animation: round-5-three 1s infinite;
animation: round-5-three 1s infinite;
}
.round-5 #spinner_four {
-webkit-animation: round-5-four 1s infinite;
-o-animation: round-5-four 1s infinite;
animation: round-5-four 1s infinite;
}
@-webkit-keyframes round-5-loading-center-absolute {
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes round-5-loading-center-absolute {
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes round-5-one {
50% {
-ms-transform: translate(20px, 20px);
-webkit-transform: translate(20px, 20px);
transform: translate(20px, 20px);
}
}
@keyframes round-5-one {
50% {
-ms-transform: translate(20px, 20px);
-webkit-transform: translate(20px, 20px);
transform: translate(20px, 20px);
}
}
@-webkit-keyframes round-5-two {
50% {
-ms-transform: translate(-20px, 20px);
-webkit-transform: translate(-20px, 20px);
transform: translate(-20px, 20px);
}
}
@keyframes round-5-two {
50% {
-ms-transform: translate(-20px, 20px);
-webkit-transform: translate(-20px, 20px);
transform: translate(-20px, 20px);
}
}
@-webkit-keyframes round-5-three {
50% {
-ms-transform: translate(20px, -20px);
-webkit-transform: translate(20px, -20px);
transform: translate(20px, -20px);
}
}
@keyframes round-5-three {
50% {
-ms-transform: translate(20px, -20px);
-webkit-transform: translate(20px, -20px);
transform: translate(20px, -20px);
}
}
@-webkit-keyframes round-5-four {
50% {
-ms-transform: translate(-20px, -20px);
-webkit-transform: translate(-20px, -20px);
transform: translate(-20px, -20px);
}
}
@keyframes round-5-four {
50% {
-ms-transform: translate(-20px, -20px);
-webkit-transform: translate(-20px, -20px);
transform: translate(-20px, -20px);
}
}
.round-6 {
background-color: #ed8c2b;
}
.round-6 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 20px;
width: 140px;
margin-top: -10px;
margin-left: -70px;
-webkit-animation: round-6-loading-center-absolute 1s infinite;
-o-animation: round-6-loading-center-absolute 1s infinite;
animation: round-6-loading-center-absolute 1s infinite;
}
.round-6 .spinner {
width: 20px;
height: 20px;
background-color: #fff;
float: left;
border-radius: 100%;
margin-right: 20px;
margin-bottom: 20px;
}
.round-6 .spinner:last-child {
margin-right: 0;
}
.round-6 #spinner_one {
-webkit-animation: round-6-one 1s infinite;
-o-animation: round-6-one 1s infinite;
animation: round-6-one 1s infinite;
}
.round-6 #spinner_two {
-webkit-animation: round-6-two 1s infinite;
-o-animation: round-6-two 1s infinite;
animation: round-6-two 1s infinite;
}
.round-6 #spinner_three {
-webkit-animation: round-6-three 1s infinite;
-o-animation: round-6-three 1s infinite;
animation: round-6-three 1s infinite;
}
.round-6 #spinner_four {
-webkit-animation: round-6-four 1s infinite;
-o-animation: round-6-four 1s infinite;
animation: round-6-four 1s infinite;
}
@-webkit-keyframes round-6-loading-center-absolute {
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes round-6-loading-center-absolute {
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes round-6-one {
50% {
-ms-transform: translate(20px, 20px);
-webkit-transform: translate(20px, 20px);
transform: translate(20px, 20px);
}
}
@keyframes round-6-one {
50% {
-ms-transform: translate(20px, 20px);
-webkit-transform: translate(20px, 20px);
transform: translate(20px, 20px);
}
}
@-webkit-keyframes round-6-two {
50% {
-ms-transform: translate(-20px, 20px);
-webkit-transform: translate(-20px, 20px);
transform: translate(-20px, 20px);
}
}
@keyframes round-6-two {
50% {
-ms-transform: translate(-20px, 20px);
-webkit-transform: translate(-20px, 20px);
transform: translate(-20px, 20px);
}
}
@-webkit-keyframes round-6-three {
50% {
-ms-transform: translate(20px, -20px);
-webkit-transform: translate(20px, -20px);
transform: translate(20px, -20px);
}
}
@keyframes round-6-three {
50% {
-ms-transform: translate(20px, -20px);
-webkit-transform: translate(20px, -20px);
transform: translate(20px, -20px);
}
}
@-webkit-keyframes round-6-four {
50% {
-ms-transform: translate(-20px, -20px);
-webkit-transform: translate(-20px, -20px);
transform: translate(-20px, -20px);
}
}
@keyframes round-6-four {
50% {
-ms-transform: translate(-20px, -20px);
-webkit-transform: translate(-20px, -20px);
transform: translate(-20px, -20px);
}
}
.round-7 {
background-color: #db5800;
}
.round-7 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 20px;
width: 100px;
margin-top: -10px;
margin-left: -50px;
}
.round-7 .spinner {
width: 20px;
height: 20px;
background-color: #fff;
border-radius: 100%;
margin-right: 20px;
margin-bottom: 20px;
position: absolute;
}
.round-7 #spinner_one {
-webkit-animation: round-7 2s linear infinite;
-o-animation: round-7 2s linear infinite;
animation: round-7 2s linear infinite;
}
.round-7 #spinner_two {
-webkit-animation: round-7 2s linear infinite -0.4s;
-o-animation: round-7 2s linear infinite -0.4s;
animation: round-7 2s linear infinite -0.4s;
}
.round-7 #spinner_three {
-webkit-animation: round-7 2s linear infinite -0.8s;
-o-animation: round-7 2s linear infinite -0.8s;
animation: round-7 2s linear infinite -0.8s;
}
.round-7 #spinner_four {
-webkit-animation: round-7 2s linear infinite -1.2s;
-o-animation: round-7 2s linear infinite -1.2s;
animation: round-7 2s linear infinite -1.2s;
}
.round-7 #spinner_five {
-webkit-animation: round-7 2s linear infinite -1.6s;
-o-animation: round-7 2s linear infinite -1.6s;
animation: round-7 2s linear infinite -1.6s;
}
@-webkit-keyframes round-7 {
0% {
left: 100px;
top: 0;
}
80% {
left: 0;
top: 0;
}
85% {
left: 0;
top: -20px;
width: 20px;
height: 20px;
}
90% {
width: 40px;
height: 15px;
}
95% {
left: 100px;
top: -20px;
width: 20px;
height: 20px;
}
100% {
left: 100px;
top: 0;
}
}
@keyframes round-7 {
0% {
left: 100px;
top: 0;
}
80% {
left: 0;
top: 0;
}
85% {
left: 0;
top: -20px;
width: 20px;
height: 20px;
}
90% {
width: 40px;
height: 15px;
}
95% {
left: 100px;
top: -20px;
width: 20px;
height: 20px;
}
100% {
left: 100px;
top: 0;
}
}
.round-8 {
background-color: #ff9000;
}
.round-8 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 118px;
width: 118px;
margin-top: -59px;
margin-left: -59px;
}
.round-8 .spinner {
width: 20px;
height: 20px;
background-color: #fff;
margin-right: 20px;
float: left;
margin-bottom: 20px;
border-radius: 50%;
}
.round-8 .spinner:nth-child(3n+0) {
margin-right: 0px;
}
.round-8 #spinner_one {
-webkit-animation: round-8 1s -0.9s ease-in-out infinite;
-o-animation: round-8 1s -0.9s ease-in-out infinite;
animation: round-8 1s -0.9s ease-in-out infinite;
}
.round-8 #spinner_two {
-webkit-animation: round-8 1s -0.8s ease-in-out infinite;
-o-animation: round-8 1s -0.8s ease-in-out infinite;
animation: round-8 1s -0.8s ease-in-out infinite;
}
.round-8 #spinner_three {
-webkit-animation: round-8 1s -0.7s ease-in-out infinite;
-o-animation: round-8 1s -0.7s ease-in-out infinite;
animation: round-8 1s -0.7s ease-in-out infinite;
}
.round-8 #spinner_four {
-webkit-animation: round-8 1s -0.6s ease-in-out infinite;
-o-animation: round-8 1s -0.6s ease-in-out infinite;
animation: round-8 1s -0.6s ease-in-out infinite;
}
.round-8 #spinner_five {
-webkit-animation: round-8 1s -0.5s ease-in-out infinite;
-o-animation: round-8 1s -0.5s ease-in-out infinite;
animation: round-8 1s -0.5s ease-in-out infinite;
}
.round-8 #spinner_six {
-webkit-animation: round-8 1s -0.4s ease-in-out infinite;
-o-animation: round-8 1s -0.4s ease-in-out infinite;
animation: round-8 1s -0.4s ease-in-out infinite;
}
.round-8 #spinner_seven {
-webkit-animation: round-8 1s -0.3s ease-in-out infinite;
-o-animation: round-8 1s -0.3s ease-in-out infinite;
animation: round-8 1s -0.3s ease-in-out infinite;
}
.round-8 #spinner_eight {
-webkit-animation: round-8 1s -0.2s ease-in-out infinite;
-o-animation: round-8 1s -0.2s ease-in-out infinite;
animation: round-8 1s -0.2s ease-in-out infinite;
}
.round-8 #spinner_nine {
-webkit-animation: round-8 1s -0.1s ease-in-out infinite;
-o-animation: round-8 1s -0.1s ease-in-out infinite;
animation: round-8 1s -0.1s ease-in-out infinite;
}
@-webkit-keyframes round-8 {
50% {
-ms-transform: scale(1.5, 1.5);
-webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
}
100% {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@keyframes round-8 {
50% {
-ms-transform: scale(1.5, 1.5);
-webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
}
100% {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
.round-9 {
background-color: #f0c600;
}
.round-9 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 150px;
width: 150px;
margin-top: -75px;
margin-left: -75px;
border-radius: 50%;
}
.round-9 .spinner {
width: 20px;
height: 20px;
background-color: #fff;
position: absolute;
border-radius: 50%;
-webkit-animation: round-9 0.8s infinite;
-o-animation: round-9 0.8s infinite;
animation: round-9 0.8s infinite;
}
.round-9 #spinner_one {
top: 19px;
left: 19px;
}
.round-9 #spinner_two {
top: 0px;
left: 65px;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.round-9 #spinner_three {
top: 19px;
left: 111px;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.round-9 #spinner_four {
top: 65px;
left: 130px;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.round-9 #spinner_five {
top: 111px;
left: 111px;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.round-9 #spinner_six {
top: 130px;
left: 65px;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.round-9 #spinner_seven {
top: 111px;
left: 19px;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.round-9 #spinner_eight {
top: 65px;
left: 0px;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
@-webkit-keyframes round-9 {
25% {
-ms-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
75% {
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
}
}
@keyframes round-9 {
50% {
-ms-transform: scale(1.5, 1.5);
-webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
}
100% {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
#haru-site-preloader {
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999;
}
#haru-site-preloader .haru-loading-site {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .animated {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.dialog {
position: fixed;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
pointer-events: none;
z-index: 9999;
visibility: hidden;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.85);
top: 0px;
left: 0px;
}
.dialog.dialog--open {
visibility: visible;
}
.dialog__content {
width: 100%;
height: 100%;
padding: 20px;
text-align: center;
position: relative;
z-index: 5;
opacity: 0;
}
.dialog--open .dialog__content {
pointer-events: auto;
}
.dialog--open .dialog__overlay {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.dialog--close .dialog__overlay {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dialog__content {
padding: 0;
}
.dialog.dialog--open .dialog__content {
opacity: 1;
}
.morph-shape {
position: absolute;
width: calc(100% + 2px);
height: calc(100% + 2px);
top: -2px;
left: -2px;
z-index: -1;
}
.morph-shape svg rect {
stroke: #fff;
stroke-width: 2px;
stroke-dasharray: 1680;
}
.dialog--open .morph-shape svg rect {
-webkit-animation: anim-dash 0.6s forwards;
-o-animation: anim-dash 0.6s forwards;
animation: anim-dash 0.6s forwards;
}
.dialog-inner {
opacity: 0;
}
.dialog-inner div button {
background-color: transparent;
}
.dialog-inner div button i {
font-size: 20px;
}
.dialog--open .dialog-inner {
padding: 30px;
opacity: 1;
-webkit-transition: opacity 0.85s 0.35s;
-o-transition: opacity 0.85s 0.35s;
transition: opacity 0.85s 0.35s;
}
.dialog.dialog--open h2 {
-webkit-animation: anim-elem-1 0.7s ease-out both;
-o-animation: anim-elem-1 0.7s ease-out both;
animation: anim-elem-1 0.7s ease-out both;
}
.dialog.dialog--open button[data-dialog-close] {
position: absolute;
border: none;
outline: none;
top: 10%;
right: 5%;
width: 50px;
height: 50px;
line-height: 1;
color: #fff;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.dialog.dialog--open button[data-dialog-close]:hover {
color: #333333;
}
.dialog.dialog--open p {
line-height: 1.5;
font-size: 18px;
}
@keyframes anim-dash {
0% {
stroke-dashoffset: 1680;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes anim-dash {
0% {
stroke-dashoffset: 1680;
}
100% {
stroke-dashoffset: 0;
}
} @-webkit-keyframes anim-elem-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes anim-elem-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} @-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;
}
}
.dialog--open {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
} #haru-popup {
background-color: #fff;
box-sizing: border-box;
margin: 40px auto;
max-width: 95%;
position: relative;
text-align: left;
background-repeat: no-repeat !important;
background-size: cover !important;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 767px) {
#haru-popup {
max-height: 400px !important;
}
}
#haru-popup .newsletter-title {
color: #333333;
font-size: 28px;
}
@media screen and (max-width: 991px) {
#haru-popup .newsletter-title {
font-size: 24px;
}
}
#haru-popup .newsletter-description {
font-size: 17px;
font-weight: 600;
line-height: 1.8;
}
@media screen and (max-width: 991px) {
#haru-popup .newsletter-description {
font-size: 15px;
}
}
#haru-popup .popup-left {
width: 50%;
float: left;
height: 100%;
}
@media screen and (max-width: 767px) {
#haru-popup .popup-left {
width: 100%;
clear: both;
}
}
#haru-popup .popup-right {
width: 50%;
float: right;
height: 100%;
position: relative;
text-align: center;
}
@media screen and (max-width: 767px) {
#haru-popup .popup-right {
width: 100%;
background-color: #fff;
clear: both;
position: absolute;
}
}
#haru-popup .popup-right .popup-right-content {
position: absolute;
width: 100%;
top: 50%;
padding: 0 40px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
#haru-popup .popup-right .popup-right-content {
padding: 0 40px;
}
}
#haru-popup .subscribe-default {
position: relative;
padding-bottom: 5px;
}
#haru-popup .subscribe-default .subscribe-email {
width: 100%;
padding: 0;
border: none;
margin-top: 30px;
}
#haru-popup .subscribe-default .subscribe-email input[type="email"] {
border: 1px solid #ededed;
font-style: italic;
width: 100%;
padding: 9px 0 9px 9px;
background: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#haru-popup .subscribe-default .subscribe-email input[type="email"]::-moz-placeholder {
color: #fff;
opacity: 1;
}
#haru-popup .subscribe-default .subscribe-email input[type="email"]:-ms-input-placeholder {
color: #fff;
}
#haru-popup .subscribe-default .subscribe-email input[type="email"]::-webkit-input-placeholder {
color: #fff;
}
#haru-popup .subscribe-default .subscribe-email input[type="email"]:focus {
outline: none;
border: 1px solid #333333;
}
#haru-popup .subscribe-default .subscribe-submit input[type="submit"] {
border: 1px solid #333333;
background: none;
text-transform: uppercase;
padding: 10px 0;
color: #fff;
background: #333333;
}
#haru-popup .subscribe-default .subscribe-submit input[type="submit"]:hover {
background: #fff;
color: #333333;
}
#haru-popup .subscribe-default .subscribe-submit input[type="submit"]:focus {
outline: none;
}
#haru-popup .checkbox-label {
margin-top: 15px;
}
#haru-popup .checkbox-label .showagain {
margin-right: 3px;
}
#haru-popup .checkbox-label label {
font-weight: normal;
}
@media (max-width: 480px) {
#haru-popup .checkbox-label {
margin-left: 15px;
}
}  .mfp-zoom-in {   }
.mfp-zoom-in .mfp-with-anim {
opacity: 0;
transition: all 0.5s ease-in-out;
transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
transition: all 0.5s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
transform: scale(0.8);
opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-newspaper {   }
.mfp-newspaper .mfp-with-anim {
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s;
transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg {
opacity: 0;
transition: all 0.5s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-newspaper.mfp-removing .mfp-with-anim {
transform: scale(0) rotate(500deg);
opacity: 0;
}
.mfp-newspaper.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-move-horizontal {   }
.mfp-move-horizontal .mfp-with-anim {
opacity: 0;
transition: all 0.3s;
transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-bg {
opacity: 0;
transition: all 0.3s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
opacity: 1;
transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
transform: translateX(50px);
opacity: 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-move-from-top {   }
.mfp-move-from-top .mfp-content {
vertical-align: top;
}
.mfp-move-from-top .mfp-with-anim {
opacity: 0;
transition: all 0.2s;
transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
opacity: 0;
transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
opacity: 1;
transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
transform: translateY(-50px);
opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-3d-unfold {   }
.mfp-3d-unfold .mfp-content {
perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
opacity: 0;
transition: all 0.3s ease-in-out;
transform-style: preserve-3d;
transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
opacity: 0;
transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
opacity: 1;
transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
transform: rotateY(60deg);
opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-zoom-out {   }
.mfp-zoom-out .mfp-with-anim {
opacity: 0;
transition: all 0.3s ease-in-out;
transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
transform: scale(1.3);
opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
opacity: 0;
} @keyframes hinge {
0% {
transform: rotate(0);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%,
60% {
transform: rotate(80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40% {
transform: rotate(60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
80% {
transform: rotate(60deg) translateY(0);
opacity: 1;
transform-origin: top left;
animation-timing-function: ease-in-out;
}
100% {
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
animation-duration: 1s;
animation-name: hinge;
}
.mfp-with-fade .mfp-content,
.mfp-with-fade.mfp-bg {
opacity: 0;
transition: opacity 0.5s ease-out;
}
.mfp-with-fade.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-with-fade.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-with-fade.mfp-removing.mfp-bg {
opacity: 0;
}  body {
color: #696969;
line-height: 1.8;
overflow-x: hidden;
font-family: "Muli";
}
a {
text-decoration: none;
color: #696969;
}
a:hover {
color: #333333;
text-decoration: none;
}
a:active {
color: #333333;
text-decoration: none;
}
a:focus {
color: #333333;
outline: none;
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
color: #333333;
font-family: "Muli";
}
img {
max-width: 100%;
height: auto;
}
p {
line-height: 1.8;
} body.layout-boxed #haru-main {
max-width: 1200px;
margin: auto;
overflow: hidden;
}
body.layout-float .vc_row:not(.vc_inner) {
padding: 0;
}
@media screen and (max-width: 1399px) {
body.layout-float .vc_row:not(.vc_inner) {
padding: 0 25px;
}
}
@media screen and (max-width: 1199px) {
body.layout-float .vc_row:not(.vc_inner) {
padding: 0;
}
}
body.layout-float .vc_row[data-vc-full-width] {
padding: 0 85px;
}
body.layout-float .vc_row[data-vc-full-width].vc_row-no-padding {
padding: 0 100px;
}
@media screen and (max-width: 1399px) {
body.layout-float .vc_row[data-vc-full-width].vc_row-no-padding {
padding: 0 50px;
}
}
@media screen and (max-width: 1199px) {
body.layout-float .vc_row[data-vc-full-width].vc_row-no-padding {
padding: 0 50px;
}
}
@media screen and (max-width: 991px) {
body.layout-float .vc_row[data-vc-full-width].vc_row-no-padding {
padding: 0 15px;
}
}
@media screen and (max-width: 1399px) {
body.layout-float .vc_row[data-vc-full-width] {
padding: 0 35px;
}
}
@media screen and (max-width: 1199px) {
body.layout-float .vc_row[data-vc-full-width] {
padding: 0 35px;
}
}
@media screen and (max-width: 991px) {
body.layout-float .vc_row[data-vc-full-width] {
padding: 0;
}
}
body.layout-float .header-1 .haru-header-nav-wrap {
padding: 0;
} .back-to-top {
display: block;
position: fixed;
right: 30px;
bottom: -45px;
background: rgba(0, 0, 0, 0.3);
padding: 10px 15px;
z-index: 99;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.back-to-top.in {
bottom: 30px;
}
.back-to-top:hover {
background: rgba(0, 0, 0, 0.5);
}
.back-to-top i {
color: #fff;
font-size: 18px;
} .haru-page-title-section {
background-size: cover;
background-color: #f4f4f4;
margin-bottom: 80px;
position: relative;
min-height: 170px;
}
@media screen and (max-width: 991px) {
.haru-page-title-section {
margin-bottom: 30px;
min-height: 90px;
}
}
@media screen and (max-width: 767px) {
.haru-page-title-section {
min-height: 58px;
}
}
.haru-page-title-section .haru-page-title-wrapper {
padding-top: 10%;
}
.haru-page-title-section .haru-page-title-wrapper.no-breadcrumbs {
padding-bottom: 8%;
}
.haru-page-title-section .haru-page-title-wrapper .page-title-inner .block-center-inner h2 {
font-size: 48px;
font-weight: 600;
margin-bottom: 0;
position: relative;
text-align: center;
}
@media screen and (max-width: 991px) {
.haru-page-title-section .haru-page-title-wrapper .page-title-inner .block-center-inner h2 {
font-size: 30px;
}
}
@media screen and (max-width: 767px) {
.haru-page-title-section .haru-page-title-wrapper .page-title-inner .block-center-inner h2 {
font-size: 18px;
}
}
.haru-page-title-section .haru-page-title-wrapper .page-title-inner .block-center-inner .page-sub-title {
display: block;
position: relative;
padding-top: 15px;
color: #333333;
}
.haru-page-title-section .haru-breadcrumb-wrapper {
padding-bottom: 6%;
}
.haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs {
list-style-type: none;
list-style: none;
padding: 0;
text-align: center;
}
.haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li {
position: relative;
display: inline-block;
padding-right: 30px;
padding-top: 20px;
padding-bottom: 20px;
font-style: italic;
}
.haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li:last-child {
padding-right: 0;
}
.haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li span {
color: #333333;
font-weight: 700;
}
.haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li a {
color: #ababab;
}
.haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li a:hover {
color: #333333;
}
.haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li:first-child:before {
display: none;
}
.haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li:before {
content: "\f105";
color: #ababab;
font-family: fontAwesome;
left: -18px;
position: absolute;
}
@media screen and (max-width: 991px) {
.haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media screen and (max-width: 767px) {
.haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li {
padding-top: 5px;
padding-bottom: 5px;
}
}
.hide-page-title .haru-single-blog,
.hide-page-title .haru-archive-blog,
.hide-page-title .haru-archive-product,
.hide-page-title .haru-single-product {
margin-top: 80px;
}
@media screen and (max-width: 991px) {
.hide-page-title .haru-single-blog,
.hide-page-title .haru-archive-blog,
.hide-page-title .haru-archive-product,
.hide-page-title .haru-single-product {
margin-top: 40px;
}
} .overlay-bg-vc-wapper {
position: relative;
}
.overlay-bg-vc {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
} .contact-form .contact-name {
padding-right: 15px;
width: 50%;
float: left;
}
@media screen and (max-width: 767px) {
.contact-form .contact-name {
width: 100%;
padding-right: 0;
}
}
.contact-form .contact-email {
padding-left: 15px;
width: 50%;
float: left;
}
@media screen and (max-width: 767px) {
.contact-form .contact-email {
width: 100%;
padding-left: 0;
}
}
.contact-form .contact-subject {
clear: both;
}
.contact-form .contact-submit {
text-align: center;
}
.contact-form .contact-submit input {
border: 1px solid #333333;
background: #333333;
color: #fff;
font-weight: 700;
letter-spacing: 2px;
padding: 10px 20px;
text-align: center;
text-transform: uppercase;
margin-top: 5px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 767px) {
.contact-form .contact-submit input {
margin-top: 10px;
}
}
.contact-form .contact-submit input:hover {
background: transparent;
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.contact-form .contact-submit input:focus {
outline: none;
}
.contact-form .contact-label {
padding: 10px 0;
text-transform: uppercase;
}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
border: 1px solid #ededed;
margin-bottom: 30px;
padding: 10px 15px;
width: 100%;
}
.contact-form input[type="text"]::-moz-placeholder, .contact-form input[type="email"]::-moz-placeholder, .contact-form textarea::-moz-placeholder {
color: #ababab;
opacity: 1;
}
.contact-form input[type="text"]:-ms-input-placeholder, .contact-form input[type="email"]:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder {
color: #ababab;
}
.contact-form input[type="text"]::-webkit-input-placeholder, .contact-form input[type="email"]::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder {
color: #ababab;
}
.contact-form input[type="text"]:focus, .contact-form input[type="text"]:hover, .contact-form input[type="email"]:focus, .contact-form input[type="email"]:hover, .contact-form textarea:focus, .contact-form textarea:hover {
outline: none;
border: 1px solid #333333;
}
@media screen and (max-width: 991px) {
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
margin-bottom: 20px;
}
}
.vc_custom_heading.heading_style_1 {
font-size: 48px;
font-weight: 600;
line-height: 1.4;
}
@media screen and (max-width: 991px) {
.vc_custom_heading.heading_style_1 {
font-size: 22px !important;
}
}
@media screen and (max-width: 767px) {
.vc_custom_heading.heading_style_1 {
font-size: 20px !important;
word-wrap: break-word;
}
}
.vc_custom_heading.heading_style_2 {
font-size: 40px;
font-weight: 700;
line-height: 1.4;
}
@media screen and (max-width: 991px) {
.vc_custom_heading.heading_style_2 {
font-size: 28px !important;
}
}
@media screen and (max-width: 767px) {
.vc_custom_heading.heading_style_2 {
font-size: 22px !important;
word-wrap: break-word;
}
}
.vc_custom_heading.heading_style_3 {
font-size: 16px;
}
@media screen and (max-width: 991px) {
.vc_custom_heading.heading_style_3 {
font-size: 14px;
}
}
.vc_custom_heading.sub_heading_style_1 {
color: #696969;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
.vc_custom_heading.sub_heading_style_1 {
font-size: 14px;
}
}
.vc_custom_heading.sub_heading_style_2 {
color: #ababab;
font-style: italic;
}
.vc_custom_heading.sub_heading_style_3 {
font-size: 15px;
letter-spacing: 2px;
text-transform: uppercase;
}
.vc_custom_heading.footer_style_1 {
font-size: 18px;
}
@media screen and (max-width: 767px) {
.button_style_1 {
text-align: center !important;
}
}
.button_style_1 button, .button_style_1 a {
background-color: transparent !important;
background-image: none !important;
border: 1px solid #333333 !important;
color: #333333 !important;
font-weight: 700 !important;
padding: 10px 20px !important;
min-width: 150px;
text-transform: uppercase;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.button_style_1 button:hover, .button_style_1 a:hover {
background-color: #333333 !important;
color: #fff !important;
}
@media screen and (max-width: 767px) {
.button_style_2 {
text-align: center !important;
}
}
.button_style_2 button, .button_style_2 a {
background-image: none !important;
border: 2px solid #ededed !important;
background-color: transparent !important;
color: #333333 !important;
font-weight: 700 !important;
padding: 10px 30px !important;
min-width: 135px;
-webkit-border-radius: 30px !important;
-moz-border-radius: 30px !important;
border-radius: 30px !important;
}
.button_style_2 button:hover, .button_style_2 a:hover {
background-color: #333333 !important;
border: 2px solid #333333 !important;
color: #fff !important;
}
@media screen and (max-width: 767px) {
.button_style_3 {
text-align: center !important;
}
}
.button_style_3 button, .button_style_3 a {
background-image: none !important;
border: none !important;
background-color: transparent !important;
color: #333333 !important;
font-weight: 700 !important;
font-size: 14px;
padding: 0 !important;
position: relative;
min-width: 0;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.button_style_3 button:hover:after, .button_style_3 a:hover:after {
background-color: #333333;
}
.button_style_3 button:after, .button_style_3 a:after {
content: "";
position: absolute;
background-color: rgba(51, 51, 51, 0.3);
bottom: 0;
left: 0;
height: 1px;
width: 100%;
}
.button_style_4 button, .button_style_4 a {
background-image: none !important;
border: 2px solid #ededed !important;
background-color: transparent !important;
color: #333333 !important;
font-weight: 600 !important;
font-size: 15px !important;
padding: 0 !important;
position: relative;
min-width: 0;
width: 140px;
height: 140px;
line-height: 140px !important;
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
border-radius: 50% !important;
}
.button_style_4 button:hover, .button_style_4 a:hover {
border: 2px solid #333333 !important;
}
@media screen and (max-width: 991px) {
.button_style_4 button, .button_style_4 a {
width: 100px;
height: 100px;
line-height: 100px !important;
}
} body.parallax-disable {
overflow-x: hidden;
}
body.parallax-disable .vc_row[data-vc-full-width] {
overflow: inherit;
} .haru-ajax-overflow {
display: none;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-ajax-overflow.active {
display: table;
z-index: 99999999;
}
.haru-ajax-overflow .haru-ajax-loading {
width: 60px;
height: 50px;
background-color: #fff;
display: inline-block;
left: 0;
right: 0;
margin: auto;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
}
.haru-ajax-overflow .haru-ajax-loading .loading-wrapper {
width: 38px;
height: 38px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.haru-ajax-overflow .spinner {
width: 5px;
height: 5px;
background-color: #333333;
position: absolute;
border-radius: 50%;
-webkit-animation: round-9 0.8s infinite;
-o-animation: round-9 0.8s infinite;
animation: round-9 0.8s infinite;
}
.haru-ajax-overflow #spinner_one {
top: 5px;
left: 5px;
}
.haru-ajax-overflow #spinner_two {
top: 0px;
left: 16px;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.haru-ajax-overflow #spinner_three {
top: 5px;
left: 27px;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.haru-ajax-overflow #spinner_four {
top: 16px;
left: 31px;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.haru-ajax-overflow #spinner_five {
top: 27px;
left: 27px;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.haru-ajax-overflow #spinner_six {
top: 31px;
left: 16px;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.haru-ajax-overflow #spinner_seven {
top: 27px;
left: 5px;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.haru-ajax-overflow #spinner_eight {
top: 16px;
left: 0px;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.haru-introduce-widget {
text-align: center;
}
.haru-introduce-widget .intro-description {
font-style: italic;
margin-top: 20px;
}
.haru-content-404 .page-content {
text-align: center;
margin-bottom: 80px;
}
.haru-content-404 .page-content .haru-title-404 {
line-height: 1;
font-size: 250px;
color: #333333;
}
@media screen and (max-width: 991px) {
.haru-content-404 .page-content .haru-title-404 {
font-size: 200px;
}
}
@media screen and (max-width: 767px) {
.haru-content-404 .page-content .haru-title-404 {
font-size: 120px;
}
}
.haru-content-404 .page-content p.txt2 {
color: #333333;
font-size: 36px;
letter-spacing: 0px;
margin-top: 30px;
}
@media screen and (max-width: 991px) {
.haru-content-404 .page-content p.txt2 {
font-size: 35px;
line-height: 35px;
}
}
@media screen and (max-width: 767px) {
.haru-content-404 .page-content p.txt2 {
font-size: 18px;
line-height: 18px;
}
}
.haru-content-404 .page-content p.txt3 {
color: #696969;
padding-bottom: 30px;
}
.haru-content-404 .page-content a {
background-color: #333333;
border: 1px solid #333333;
color: #fff;
font-weight: 700;
padding: 10px 30px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-content-404 .page-content a:hover {
border: 1px solid #333333;
background-color: transparent;
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-content-404 .page-content a i {
margin-right: 5px;
}
body.header-over-slideshow .haru-content-404 .page-content {
padding-top: 100px;
}
@media screen and (max-width: 991px) {
body.header-over-slideshow .haru-content-404 .page-content {
padding-top: 20px;
}
}
.maintenance-mode {
background-size: cover;
text-align: center;
}
.maintenance-mode .maintanence-page {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.maintenance-mode .maintanence-page .maintenance-title {
font-size: 40px;
font-weight: 300;
}
@media screen and (max-width: 767px) {
.maintenance-mode .maintanence-page .maintenance-title {
font-size: 20px;
}
}
.maintenance-mode .maintanence-page .countdown-wrapper {
padding: 50px 15%;
}
@media screen and (max-width: 767px) {
.maintenance-mode .maintanence-page .countdown-wrapper {
padding: 50px 5%;
}
}
.maintenance-mode .maintanence-page .maintenance-social ul {
list-style: none;
padding: 0;
margin: 0;
}
.maintenance-mode .maintanence-page .maintenance-social li {
display: inline-block;
font-size: 20px;
padding: 0 10px;
}
@media screen and (max-width: 767px) {
.maintenance-mode .maintanence-page .maintenance-social li {
font-size: 16px;
}
}   .haru-top-header {
background-color: #f4f6f7;
border-bottom: 1px solid #ededed;
font-size: 13px;
}
.haru-top-header .top-sidebar {
line-height: 40px;
font-size: 12px;
}
.haru-top-header .top-sidebar.top-header-left {
text-align: left;
}
@media screen and (max-width: 991px) {
.haru-top-header .top-sidebar.top-header-left {
text-align: center;
}
}
.haru-top-header .top-sidebar.top-header-left .topheader-info-left {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.haru-top-header .top-sidebar.top-header-left .topheader-info-left li {
display: inline-block;
margin-right: 20px;
position: relative;
}
.haru-top-header .top-sidebar.top-header-left .topheader-info-left li:last-child {
margin-right: 0;
}
.haru-top-header .top-sidebar.top-header-left .topheader-info-left li:last-child:after {
background-color: transparent;
}
.haru-top-header .top-sidebar.top-header-left .topheader-info-left li:after {
content: "";
position: absolute;
right: -10px;
width: 1px;
height: 50%;
background-color: #ededed;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.haru-top-header .top-sidebar.top-header-left .topheader-info-left li i {
margin-right: 6px;
}
.haru-top-header .top-sidebar.top-header-left .topheader-info-left li .info-label {
margin-right: 5px;
}
.haru-top-header .top-sidebar.top-header-right {
text-align: right;
}
@media screen and (max-width: 991px) {
.haru-top-header .top-sidebar.top-header-right {
text-align: center;
}
}
.haru-top-header .top-sidebar.top-header-right .topheader-info-right {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.haru-top-header .top-sidebar.top-header-right .topheader-info-right li {
display: inline-block;
margin-right: 15px;
}
.haru-top-header .top-sidebar.top-header-right .topheader-info-right li:last-child {
margin-right: 0;
}
.haru-top-header .top-sidebar.top-header-right .topheader-info-right li.book-appointment {
background-color: #333333;
font-weight: 500;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-top-header .top-sidebar.top-header-right .topheader-info-right li.book-appointment:hover {
background-color: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-top-header .top-sidebar.top-header-right .topheader-info-right li.book-appointment i {
color: #fff;
}
.haru-top-header .top-sidebar.top-header-right .topheader-info-right li.book-appointment a {
color: #fff;
display: inline-block;
padding: 0 20px;
}
.haru-top-header .top-sidebar.top-header-right .topheader-info-right li i {
margin-right: 6px;
}
.haru-top-header .top-sidebar.top-header-right .topheader-info-right li .info-label {
margin-right: 5px;
}
@media screen and (max-width: 767px) {
.haru-top-header.mobile-top-header-hide {
display: none;
}
}
@media screen and (max-width: 767px) {
.haru-top-header {
height: auto;
}
}
.header-1 .haru-header-nav-wrap {
padding: 0 3%;
}
.header-1 .haru-header-nav-wrap .header-nav-above {
height: 105px;
}
.header-1 .haru-header-nav-wrap .header-nav-above .header-left {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.header-1 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu {
float: none;
text-align: center;
}
.header-1 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu > li {
display: inline-block;
float: none;
}
.header-1 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu > li > a {
line-height: 105px;
padding-top: 0;
padding-bottom: 0;
}
.header-1 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu li {
text-align: left;
}
.header-1 .haru-header-nav-wrap .header-nav-above .header-right {
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.header-1.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"] {
color: #fff;
letter-spacing: 1px;
}
.header-1.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
.header-1.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.header-1.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.header-1.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap .search-box button:hover {
color: #fff;
}
.header-1.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon {
position: relative;
}
.header-1.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total {
background: #333333;
color: #fff;
}
.header-1.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item .my-wishlist-wrap .haru-wishlist span.total {
background-color: #333333;
color: #fff;
}
.header-1.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap {
background-color: transparent;
}
.header-1.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap .header-nav-above {
height: 60px;
}
.header-1.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap .header-nav-above .header-center .header-logo {
line-height: 60px;
}
.header-1.headroom--unpinned .haru-header-nav-wrap {
background-color: transparent;
}
.header-1.headroom--unpinned .haru-header-nav-wrap .header-nav-above {
height: 60px;
}
.header-1.headroom--unpinned .haru-header-nav-wrap .header-nav-above .header-center .header-logo {
line-height: 60px;
}
.header-2 .haru-header-nav-wrap {
padding: 0 3%;
}
@media screen and (max-width: 1199px) {
.header-2 .haru-header-nav-wrap {
padding: 0 1%;
}
}
.header-2 .haru-header-nav-wrap .header-nav-above {
height: 105px;
}
.header-2 .haru-header-nav-wrap .header-nav-above .header-left {
text-align: left;
}
.header-2 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu > li > a {
line-height: 105px;
padding-top: 0;
padding-bottom: 0;
}
@media screen and (max-width: 1199px) {
.header-2 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu > li > a {
font-size: 12px;
}
}
.header-2 .haru-header-nav-wrap .header-nav-above .header-center .menu-left {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.header-2 .haru-header-nav-wrap .header-nav-above .header-center .menu-left .navbar-nav {
float: right;
}
.header-2 .haru-header-nav-wrap .header-nav-above .header-center .menu-right {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.header-2 .haru-header-nav-wrap .header-nav-above .header-center .header-logo {
line-height: 105px;
text-align: center;
padding: 0 30px;
}
.header-2 .haru-header-nav-wrap .header-nav-above .header-right {
text-align: right;
}
.header-2 .haru-header-nav-wrap .header-nav-above .header-right .header-elements-item {
text-align: left;
}
.header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item {
color: #fff;
}
.header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"] {
color: #fff;
letter-spacing: 1px;
}
.header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
.header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap .search-box button:hover {
color: #fff;
}
.header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon {
position: relative;
}
.header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total {
background: #fff;
color: #333333;
}
.header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item .my-wishlist-wrap .haru-wishlist span.total {
background-color: #fff;
color: #333333;
}
.header-2.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap .header-nav-above {
height: 60px;
}
.header-2.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap .header-nav-above .header-center .header-logo {
line-height: 60px;
}
.header-2.headroom--unpinned .haru-header-nav-wrap .header-nav-above {
height: 60px;
}
.header-2.headroom--unpinned .haru-header-nav-wrap .header-nav-above .header-center .header-logo {
line-height: 60px;
}
.header-3 .haru-header-nav-above-wrap .header-nav-above {
height: 80px;
padding-top: 45px;
}
.header-3 .haru-header-nav-above-wrap .header-nav-above .header-left {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.header-3 .haru-header-nav-above-wrap .header-nav-above .header-right {
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.header-3 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li.current-menu-item > a {
color: #696969;
}
.header-3 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li > a {
line-height: 100px;
padding: 0 20px;
text-transform: uppercase;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item {
color: #fff;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"] {
color: #fff;
letter-spacing: 1px;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-box-wrap .search-box button:hover {
color: #fff;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon {
position: relative;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total {
background: #fff;
color: #333333;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon > i:hover {
color: #fff;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item .my-wishlist-wrap .haru-wishlist i {
color: #fff;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item .my-wishlist-wrap .haru-wishlist span.total {
background-color: #fff;
color: #333333;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.user-account-wrap .user-account-content.logged-out a {
color: #fff;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-button-wrap a:hover {
color: #fff;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-button-wrap a i {
color: #fff;
}
.header-3.header-over-slideshow .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li.current-menu-item > a {
color: #fff;
}
.header-3.header-over-slideshow .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li.current-menu-item > a:before {
background-color: #fff;
}
.header-3.header-over-slideshow .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a {
color: rgba(255, 255, 255, 0.6);
}
.header-3.header-over-slideshow .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a:before {
background-color: #fff;
}
.header-3.header-over-slideshow .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li:hover > a {
color: #fff;
}
.header-4 .haru-header-nav-wrap .header-nav-above {
height: 105px;
}
.header-4 .haru-header-nav-wrap .header-nav-above .header-left {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.header-4 .haru-header-nav-wrap .header-nav-above .header-left #popup-menu-button {
margin-right: 15px;
}
.header-4 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu > li > a {
line-height: 105px;
padding-top: 0;
padding-bottom: 0;
}
.header-4 .haru-header-nav-wrap .header-nav-above .header-center .menu-left .navbar-nav {
float: right;
}
.header-4 .haru-header-nav-wrap .header-nav-above .header-center .header-logo {
line-height: 105px;
text-align: center;
}
.header-4 .haru-header-nav-wrap .header-nav-above .header-right {
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item {
color: #fff;
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"] {
color: #fff;
letter-spacing: 1px;
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap .search-box button:hover {
color: #fff;
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon {
position: relative;
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total {
background: #fff;
color: #333333;
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon > i:hover {
color: #fff;
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item .my-wishlist-wrap .haru-wishlist i {
color: #fff;
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item .my-wishlist-wrap .haru-wishlist span.total {
background-color: #fff;
color: #333333;
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.user-account-wrap .user-account-content.logged-out a {
color: #fff;
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-button-wrap a:hover {
color: #fff;
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-button-wrap a i {
color: #fff;
}
.header-4.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap .header-nav-above {
height: 60px;
}
.header-4.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap .header-nav-above .header-center .header-logo {
line-height: 60px;
}
.header-4.headroom--unpinned .haru-header-nav-wrap .header-nav-above {
height: 60px;
}
.header-4.headroom--unpinned .haru-header-nav-wrap .header-nav-above .header-center .header-logo {
line-height: 60px;
}
.header-5 .haru-header-nav-wrap .header-nav-above {
height: 105px;
}
.header-5 .haru-header-nav-wrap .header-nav-above .header-left {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.header-5 .haru-header-nav-wrap .header-nav-above .header-center {
text-align: center;
}
.header-5 .haru-header-nav-wrap .header-nav-above .header-right {
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.header-5.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"] {
color: #fff;
letter-spacing: 1px;
}
.header-5.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
.header-5.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.header-5.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.header-5.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap .search-box button:hover {
color: #fff;
}
.header-5.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon {
position: relative;
}
.header-5.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total {
background: #333333;
color: #fff;
}
.header-5.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item .my-wishlist-wrap .haru-wishlist span.total {
background-color: #333333;
color: #fff;
}
.header-5.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap {
background-color: transparent;
}
.header-5.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap .header-nav-above {
height: 60px;
}
.header-5.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap .header-nav-above .header-center .header-logo {
line-height: 60px;
}
.header-5.headroom--unpinned .haru-header-nav-wrap {
background-color: transparent;
}
.header-5.headroom--unpinned .haru-header-nav-wrap .header-nav-above {
height: 60px;
}
.header-5.headroom--unpinned .haru-header-nav-wrap .header-nav-above .header-center .header-logo {
line-height: 60px;
}
header.header-6 .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a {
line-height: 105px;
}
header.header-6 .haru-header-nav-wrap .header-navigation .header-right .header-elements {
margin-left: 5px;
}
header.header-6 .haru-header-nav-wrap .header-navigation .header-right .header-elements .header-elements-item {
margin-left: 25px;
}
.header-7 .haru-header-nav-above-wrap .header-nav-above {
height: 105px;
}
.header-7 .haru-header-nav-above-wrap .header-nav-above .header-right .header-elements-item.search-product-category {
margin-right: 20px;
}
.header-7 .haru-header-nav-wrap {
background-color: #333333;
}
.header-7 .haru-header-nav-wrap .header-navigation .header-elements-nav.left {
width: calc(25% - 22px);
}
.header-7 .haru-header-nav-wrap .header-navigation .header-primary-menu {
margin-left: 29px;
}
.header-7 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li.current-menu-item > a, .header-7 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li:hover > a {
background-color: #444444;
color: #444444;
}
.header-7 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li > a {
color: #fff;
font-weight: normal;
line-height: 50px;
padding: 0 20px;
text-transform: capitalize;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.header-7 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li > a:hover {
color: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.header-7 .haru-header-nav-wrap .header-navigation .header-elements-nav.right .header-elements .header-elements-item a.header-icon,
.header-7 .haru-header-nav-wrap .header-navigation .header-elements-nav.right .header-elements .header-elements-item i.header-icon {
font-size: 14px;
}
.header-7 .haru-header-nav-wrap .header-navigation .header-elements-nav.right .header-elements .header-social-network-wrap li {
line-height: 50px;
}
.header-7 .haru-header-nav-wrap .header-navigation .header-elements-nav.right .header-elements .header-social-network-wrap li a {
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.header-7 .haru-header-nav-wrap .header-navigation .header-elements-nav.right .header-elements .header-social-network-wrap li a:hover {
color: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.header-7 .haru-header-nav-wrap .header-navigation .header-elements-nav.right .header-elements .haru-canvas-sidebar-toggle-wrap a {
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.header-7 .haru-header-nav-wrap .header-navigation .header-elements-nav.right .header-elements .haru-canvas-sidebar-toggle-wrap a:hover {
color: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.header-7.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap {
background-color: transparent;
}
.header-7.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap .header-navigation .header-elements-nav .vertical-menu-wrap .vertical-menu-toggle {
line-height: 60px;
}
.header-7.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap .header-navigation .header-elements-nav .header-social-network-wrap li {
line-height: 60px;
}
.header-7.headroom--unpinned .haru-header-nav-wrap {
background-color: transparent;
} #haru-header.header-sidebar {
background-color: #fff;
height: 100%;
position: fixed;
width: 300px;
z-index: 1000;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 0;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 0;
box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 0;
}
#haru-header.header-sidebar .vertical-header-wrap {
height: 100%;
}
#haru-header.header-sidebar .vertical-header-wrap .header-top {
text-align: center;
}
#haru-header.header-sidebar .vertical-header-wrap .header-top .header-logo {
padding: 40px 0;
}
#haru-header.header-sidebar .vertical-header-wrap .header-top .header-elements-top .header-elements-left .header-elements-item:first-child {
margin-right: 25px;
}
#haru-header.header-sidebar .vertical-header-wrap .header-top .header-elements-top .user-account-wrap .user-account-content .user-account-menu {
left: 0;
right: auto;
text-align: left;
}
#haru-header.header-sidebar .vertical-header-wrap .header-top .header-elements-top .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap {
left: 0;
right: auto;
}
#haru-header.header-sidebar .vertical-header-wrap .header-top .header-elements-top .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap {
left: auto;
right: -300px;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom {
padding-top: 20px;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap {
width: 100%;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu {
padding: 0;
width: 100%;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu li.current-menu-item > a {
color: #333333;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li {
font-size: 14px;
float: none;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li > a {
display: block;
padding: 15px 30px 15px 30px;
font-style: italic;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li > a:after {
position: absolute;
right: 30px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li:hover > a:after {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li.menu_style_dropdown:hover > ul {
left: 100%;
top: 0;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li.menu_style_column > ul {
background: #fff;
left: 100%;
min-width: 970px;
top: 0;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li.menu_style_tab > ul {
background: #fff;
left: 100%;
min-width: 970px;
top: 0;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li.mega-fullwidth > ul {
max-width: calc(100vw - 330px);
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item {
margin: 0;
padding: 10px 30px;
width: 100%;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.header-social-network-wrap {
margin-top: 60px;
text-align: center;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.header-social-network-wrap li {
padding: 0 5px;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.header-social-network-wrap li:first-child {
padding-left: 0;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.header-social-network-wrap li a {
color: #ababab;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.header-social-network-wrap li a:hover {
color: #333333;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.custom-text-wrap {
color: #ababab;
font-family: "Muli";
font-style: italic;
text-align: center;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.custom-text-wrap span {
color: #ababab;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item a.header-icon,
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item i.header-icon {
font-size: 14px;
}
#haru-header.header-sidebar.header-dark {
background-color: #262626;
}
#haru-header.header-sidebar.header-dark .vertical-header-wrap .header-bottom .menu-wrap {
width: 100%;
}
#haru-header.header-sidebar.header-dark .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li > a {
color: #ababab;
}
#haru-header.header-sidebar.header-dark .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li:hover > a {
color: #333333;
}
#haru-header.header-sidebar.header-dark .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.custom-text-wrap {
color: #696969;
}
body.header-sidebar .haru-archive-blog,
body.header-sidebar .haru-single-blog {
padding: 0 15px;
}
body.header-sidebar .haru-archive-product,
body.header-sidebar .haru-single-product {
padding: 0 15px;
}
.header-sidebar .haru-top-header {
padding-left: 300px;
position: fixed;
width: 100%;
z-index: 1000;
}
.header-sidebar #haru-content-main {
padding-left: 300px !important;
}
@media screen and (max-width: 991px) {
.header-sidebar #haru-content-main {
padding-left: 0 !important;
}
}
.header-sidebar footer {
margin-left: 300px !important;
}
@media screen and (max-width: 991px) {
.header-sidebar footer {
margin-left: 0 !important;
}
}    .navbar {
border: none;
margin: 0;
padding: 0;
}
@media (min-width: 768px) {
.navbar .navbar-nav {
padding: 0;
}
}
.navbar .navbar-nav a, .navbar .navbar-nav ul, .navbar .navbar-nav li, .navbar .navbar-nav div, .navbar .navbar-nav form, .navbar .navbar-nav input {
margin: 0;
padding: 0;
font-family: "Muli";
}
.navbar .navbar-nav a {
position: relative;
text-decoration: none;
}
.navbar .navbar-nav li {
list-style: none;
}
.navbar .navbar-nav > li > a {
display: block;
padding: 15px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.navbar .navbar-nav > li > a span.haru_sub_label {
color: #fff;
font-size: 9px;
margin-left: 5px;
padding: 0 5px;
position: absolute;
right: -2px;
height: 15px;
line-height: 14px;
top: 50%;
text-transform: capitalize;
-webkit-transform: translateY(calc(-50% - 15px));
-ms-transform: translateY(calc(-50% - 15px));
-o-transform: translateY(calc(-50% - 15px));
transform: translateY(calc(-50% - 15px));
}
.navbar .navbar-nav > li a i {
line-height: 20px;
}
.navbar .navbar-nav > li a i.left {
padding-right: 5px;
float: left;
}
.navbar .navbar-nav > li a i.center {
padding-left: 5px;
}
.navbar .navbar-nav > li a i.right {
padding-left: 5px;
}
.navbar .navbar-nav > li a span.haru_sub_label {
color: #fff;
font-size: 10px;
margin-left: 5px;
padding: 1px 3px;
}
.navbar .navbar-nav > li a:after {
content: '\f107';
font-family: FontAwesome;
padding-left: 5px;
}
.navbar .navbar-nav > li a:only-child:after {
content: '';
}
.navbar .navbar-nav > li.menu_style_dropdown:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
.navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > a:after {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul {
display: block;
left: 100%;
opacity: 1;
overflow: visible;
position: absolute;
top: 0;
visibility: visible;
}
.navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > a:after {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul {
display: block;
left: 100%;
opacity: 1;
overflow: visible;
position: absolute;
top: 0;
visibility: visible;
}
.navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul > li:hover > a:after {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul {
display: block;
left: 100%;
opacity: 1;
overflow: visible;
position: absolute;
top: 0;
visibility: visible;
}
.navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > a:after {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul {
display: block;
left: 100%;
opacity: 1;
overflow: visible;
position: absolute;
top: 0;
visibility: visible;
}
.navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > a:after {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul {
display: block;
left: 100%;
opacity: 1;
overflow: visible;
position: absolute;
top: 0;
visibility: visible;
}
.navbar .navbar-nav > li.menu_style_dropdown ul {
background-color: #fff;
display: none;
opacity: 0;
overflow: hidden;
position: absolute;
visibility: hidden;
-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.navbar .navbar-nav > li.menu_style_dropdown ul li {
display: block;
float: none;
min-width: 250px;
position: relative;
}
.navbar .navbar-nav > li.menu_style_dropdown ul li a {
display: block;
line-height: 20px;
padding: 10px 20px;
}
.navbar .navbar-nav > li.menu_style_dropdown ul li a:after {
position: absolute;
right: 15px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.navbar .navbar-nav > li.menu_style_column.mega-col-columns-2 > ul > li {
float: left;
width: 50%;
}
.navbar .navbar-nav > li.menu_style_column.mega-col-columns-3 > ul > li {
float: left;
width: 33.3333333%;
}
.navbar .navbar-nav > li.menu_style_column.mega-col-columns-4 > ul > li {
float: left;
width: 25%;
}
.navbar .navbar-nav > li.menu_style_column.mega-col-columns-5 > ul > li {
float: left;
width: 20%;
}
.navbar .navbar-nav > li.menu_style_column.mega-col-columns-6 > ul > li {
float: left;
width: 16.6666666%;
}
.navbar .navbar-nav > li.menu_style_column:hover > ul {
display: block;
opacity: 1;
overflow: visible;
visibility: visible;
}
.navbar .navbar-nav > li.menu_style_column > ul {
display: none;
left: 0;
opacity: 0;
overflow: hidden;
padding: 30px 0px;
position: absolute;
top: 100%;
visibility: hidden;
width: 100%;
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.navbar .navbar-nav > li.menu_style_column > ul > li {
border-left: 1px solid #ededed;
}
.navbar .navbar-nav > li.menu_style_column > ul > li:first-child {
border: none;
padding-left: 2px;
}
.navbar .navbar-nav > li.menu_style_column > ul > li > a {
position: relative;
display: block;
padding: 0 20px 15px 20px;
font-weight: 600;
text-transform: uppercase;
}
.navbar .navbar-nav > li.menu_style_column > ul > li > a:hover {
color: #333333;
}
.navbar .navbar-nav > li.menu_style_column > ul > li > a:after {
display: none;
}
.navbar .navbar-nav > li.menu_style_column > ul > li ul li a {
display: block;
padding: 10px 20px;
position: relative;
}
.navbar .navbar-nav > li.menu_style_tab > ul {
display: none;
left: 0;
opacity: 0;
overflow: hidden;
position: absolute;
top: 99%;
visibility: hidden;
width: 100%;
-webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1);
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.navbar .navbar-nav > li.menu_style_tab > ul:before {
background: #fafafa;
border-right: 1px solid #ededed;
bottom: 0;
content: '';
position: absolute;
top: 0;
width: 25%;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li {
clear: none;
display: block;
position: static;
text-align: right;
width: 25%;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li:first-child {
margin-top: 20px;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li:hover a:before, .navbar .navbar-nav > li.menu_style_tab > ul > li.active a:before {
height: 100%;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li > a {
display: block;
font-weight: 600;
padding: 10px 20px;
position: relative;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li > a:after {
content: '';
}
.navbar .navbar-nav > li.menu_style_tab > ul > li > a:before {
content: '';
height: 0;
left: 0;
position: absolute;
top: 0;
width: 2px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li.active > a {
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
color: #333333;
background: #fff;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li > .haru_megamenu_widget_area, .navbar .navbar-nav > li.menu_style_tab > ul > li > ul {
background: #fff;
height: auto;
left: 25%;
opacity: 0;
padding: 20px 20px;
position: absolute;
right: 0;
top: 10px;
text-align: left;
visibility: hidden;
width: auto;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li > .haru_megamenu_widget_area.columns-1 section, .navbar .navbar-nav > li.menu_style_tab > ul > li > ul.columns-1 section {
width: 100%;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li > .haru_megamenu_widget_area.columns-2 section, .navbar .navbar-nav > li.menu_style_tab > ul > li > ul.columns-2 section {
width: 50%;
float: left;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li > .haru_megamenu_widget_area.columns-3 section, .navbar .navbar-nav > li.menu_style_tab > ul > li > ul.columns-3 section {
width: 33.3333%;
float: left;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li > .haru_megamenu_widget_area.columns-4 section, .navbar .navbar-nav > li.menu_style_tab > ul > li > ul.columns-4 section {
width: 25%;
float: left;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li > .haru_megamenu_widget_area .widget-title-wrapper a, .navbar .navbar-nav > li.menu_style_tab > ul > li > ul .widget-title-wrapper a {
display: none;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li.active .haru_megamenu_widget_area, .navbar .navbar-nav > li.menu_style_tab > ul > li.active ul {
opacity: 1;
visibility: visible;
top: 0;
z-index: 999;
}
.navbar .navbar-nav > li.menu_style_tab:hover ul {
display: block;
opacity: 1;
visibility: visible;
}
.navbar .navbar-nav > li.menu_style_tab.mega-col-columns-2 > ul > li > ul > li {
float: left;
width: 50%;
padding: 10px 0;
}
.navbar .navbar-nav > li.menu_style_tab.mega-col-columns-3 > ul > li > ul > li {
float: left;
width: 33.3333333%;
padding: 10px 0;
}
.navbar .navbar-nav > li.menu_style_tab.mega-col-columns-4 > ul > li > ul > li {
float: left;
width: 25%;
padding: 10px 0;
}
.navbar .navbar-nav > li.menu_style_tab.mega-col-columns-5 > ul > li > ul > li {
float: left;
width: 20%;
padding: 10px 0;
}
.navbar .navbar-nav > li.menu_style_tab.mega-col-columns-6 > ul > li > ul > li {
float: left;
width: 16.6666666%;
padding: 10px 0;
}
.navbar .navbar-nav > li.mega-fullwidth > ul {
width: 1170px;
}
@media screen and (max-width: 1199px) {
.navbar .navbar-nav > li.mega-fullwidth > ul {
width: 970px;
}
}
.haru_widget_area > .haru_megamenu_widget_area section {
position: relative;
margin-top: 0;
margin-bottom: 0;
}
.haru_widget_area > .haru_megamenu_widget_area section .widget-title-wrapper h3 {
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
margin: 0;
padding-top: 10px;
padding-bottom: 20px;
color: #696969;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.haru_widget_area > .haru_megamenu_widget_area section .product_list_widget {
left: 0;
padding: 0;
position: relative;
width: 100%;
}
.haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li:hover {
-webkit-transform: translate3d(0, -3px, 0);
transform: translate3d(0, -3px, 0);
}
.haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li a {
font-weight: 700;
padding-bottom: 0 !important;
}
.haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li a img {
border: 1px solid #ededed;
float: left;
margin: 0;
margin-right: 10px;
padding: 5px;
width: 33.33%;
}
.haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li a:after {
content: '';
}
.haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li .star-rating {
font-family: star;
margin: 10px 0;
text-align: left;
}
.haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li .star-rating:before {
content: "\f3ae \f3ae \f3ae \f3ae \f3ae";
color: #f7bb2a;
font-family: Ionicons;
letter-spacing: 2px;
}
.haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li .star-rating span:before {
content: "\f2fc \f2fc \f2fc \f2fc \f2fc";
color: #f7bb2a;
font-family: Ionicons;
letter-spacing: 2px;
}
.haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li ins {
margin-right: 8px;
}
.haru_widget_area > .haru_megamenu_widget_area section .widget_product_tag_cloud .tagcloud a {
display: inline-block;
font-size: 14px !important;
padding: 5px 10px;
margin-right: 10px;
margin-top: 10px;
color: #ababab;
border-top: solid 1px #ababab;
border-left: solid 1px #ababab;
border-right: solid 1px #ababab;
border-bottom: solid 1px #ababab;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.haru_widget_area > .haru_megamenu_widget_area section .widget_product_tag_cloud .tagcloud a:hover {
color: #fff;
background: #333333;
border-top: solid 1px #333333;
border-left: solid 1px #333333;
border-right: solid 1px #333333;
border-bottom: solid 1px #333333;
}
.haru_megamenu_widget_area ul.instagram-pics {
list-style: none;
margin: 0;
padding: 0;
font-size: 0;
}
.haru_megamenu_widget_area ul.instagram-pics li {
display: inline-block;
padding: 0;
margin: 0;
}
.haru_megamenu_widget_area ul.instagram-pics a {
display: block;
position: relative;
overflow: hidden;
}
.haru_megamenu_widget_area ul.instagram-pics a:before {
content: "";
position: absolute;
width: 101%;
height: 101%;
background-color: rgba(51, 51, 51, 0.5);
opacity: 0;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.haru_megamenu_widget_area ul.instagram-pics a:after {
display: none;
}
.haru_megamenu_widget_area ul.instagram-pics a:hover:before {
opacity: 1;
}
.haru_megamenu_widget_area ul.instagram-pics a img {
padding: 5px;
border: 1px solid #ededed;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru_megamenu_widget_area ul.instagram-pics + p {
margin: 0;
font-size: 13px;
font-style: italic;
letter-spacing: 0.02em;
}
.haru_megamenu_widget_area .null-instagram-feed.columns-4 .instagram-pics {
list-style: none;
list-style-type: none;
padding: 0;
margin-left: -5px;
margin-right: -5px;
margin-top: -5px;
}
.haru_megamenu_widget_area .null-instagram-feed.columns-4 .instagram-pics li {
width: 25%;
display: inline-block;
padding: 5px;
}
.haru_megamenu_widget_area .null-instagram-feed.columns-4 .instagram-pics li a {
display: block;
position: relative;
overflow: hidden;
}
.haru_megamenu_widget_area .null-instagram-feed .clear {
display: block;
}  header.haru-mobile-header {
display: none;    }
@media screen and (max-width: 991px) {
header.haru-mobile-header {
display: block;
}
}
header.haru-mobile-header .haru-mobile-header-wrap {
border-bottom: solid 1px #ededed;
z-index: 1000;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container {
background-color: #fff;
position: relative;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner {
height: 60px;
position: relative;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-logo-mobile {
line-height: 60px;
vertical-align: middle;
text-align: center;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-logo-mobile img {
max-height: 50px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements {
display: block;
font-size: 0;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 0;
color: #000;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item {
display: inline-block;
vertical-align: middle;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item i {
font-size: 24px;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav {
background: #fff;
display: none;
margin-bottom: 15px;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav.menu-mobile-fly {
display: block;
position: fixed;
margin: 0;
top: 0;
bottom: 0;
overflow: auto;
overflow-x: hidden;
width: 300px;
left: -300px;
border-right: solid 1px #333333;
z-index: 300;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav.menu-mobile-fly.in {
left: 0;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav.menu-mobile-fly ul.haru-nav-mobile-menu {
padding: 20px 0;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav.menu-mobile-dropdown .mobile-menu-header .mobile-menu-close {
display: none;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav.menu-mobile-dropdown ul.haru-nav-mobile-menu {
padding: 10px 0 0 0;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements {
text-align: center;
padding-top: 30px;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements .header-elements-item {
padding: 0 8px;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements .header-elements-item.my-wishlist span.total {
display: none;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements .header-elements-item.user-account-wrap {
text-align: left;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements .header-elements-item.user-account-wrap .user-account-content .user-account-menu {
right: 50%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%);
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements .header-elements-item.search-button-wrap {
font-size: 20px;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements .header-elements-item.search-button-wrap i {
margin-left: 0;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-social {
padding: 0;
padding: 20px 0;
margin: 0;
text-align: center;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-social .header-elements-item i {
font-size: 14px;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header {
background-color: #000;
color: #fff;
font-weight: 700;
padding: 10px 0;
text-align: center;
text-transform: uppercase;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close {
position: absolute;
height: 45px;
width: 45px;
right: 0;
top: 0;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:hover {
cursor: pointer;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:hover:before, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:hover:after {
background-color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:before, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:after {
content: '';
position: absolute;
height: 2px;
width: 20px;
top: 50%;
left: 13px;
margin-top: -1px;
background-color: #fff;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu {
padding: 0;
margin-bottom: 0;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item {
color: #696969;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > a {
color: #696969;
display: block;
font-size: 14px;
padding: 10px 15px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret {
color: #696969;
float: right;
font-size: 18px;
font-weight: 400;
height: 45px;
position: absolute;
right: 0;
top: 0;
width: 45px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret:before, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret:after {
display: block;
content: "";
position: absolute;
right: 16px;
width: 13px;
height: 13px;
z-index: 10;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret:before {
top: 22px;
height: 1px;
border-top: 1px solid;
border-left: 1px solid;
border-top-color: inherit;
border-left-color: inherit;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret:after {
top: 16px;
right: 22px;
border-top: 1px solid;
border-left: 1px solid;
width: 1px;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret:hover {
cursor: pointer;
color: #333333;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret.active:before {
opacity: 0;
visibility: hidden;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.current-menu-ancestor > a,
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.current-menu-parent > a,
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.current-menu-item > a,
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-current > a,
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li > a:hover,
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li:hover > a,
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li ul.sub-menu li:hover > a {
color: #333333;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .haru-nav-mobile-menu li {
list-style: none;
list-style-type: none;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .haru-nav-mobile-menu li > ul.sub-menu {
position: relative;
list-style: none;
padding: 0;
margin: 0;
padding-left: 15px;
display: none;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-menu-overlay {
opacity: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: -1;
pointer-events: none;
overflow: hidden;
-webkit-backface-visibility: hidden;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
header.haru-mobile-header.header-mobile-1 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.search-button-wrap {
border-left: none;
}
header.haru-mobile-header.header-mobile-1 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.search-button-wrap a i {
margin-left: 10px;
margin-right: 10px;
}
header.haru-mobile-header.header-mobile-1 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.mini-cart-wrap.no-price .widget_shopping_cart_content .widget_shopping_cart_icon i {
padding: 0 5px;
}
header.haru-mobile-header.header-mobile-1 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.mini-cart-wrap.no-price .widget_shopping_cart_content .widget_shopping_cart_icon .total {
right: 0px;
}
header.haru-mobile-header.header-mobile-1 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-logo-mobile {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
header.haru-mobile-header.header-mobile-2 .header-mobile-above {
text-align: center;
}
header.haru-mobile-header.header-mobile-2 .header-mobile-above img {
max-height: 50px;
padding: 5px 0;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap {
background-color: #8e8e8e;
border-bottom: none;
}
header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container {
background-color: transparent;
}
header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner {
position: relative;
}
header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .toggle-icon-wrap.in .toggle-icon span {
background: transparent;
}
header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .toggle-icon-wrap .toggle-icon:after, header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .toggle-icon-wrap .toggle-icon:before {
background: none repeat scroll 0 0 #fff;
}
header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .toggle-icon-wrap .toggle-icon span {
background: none repeat scroll 0 0 #fff;
}
header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.search-button-wrap {
border-left: none;
}
header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.search-button-wrap a i {
margin-left: 10px;
margin-right: 10px;
color: #fff;
}
header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.mini-cart-wrap.no-price .widget_shopping_cart_content .widget_shopping_cart_icon i {
padding: 0 5px;
color: #fff;
}
header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.mini-cart-wrap.no-price .widget_shopping_cart_content .widget_shopping_cart_icon .total {
right: 0px;
}
header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-logo-mobile {
position: absolute;
}
header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements {
right: 50px;
left: auto;
}
header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.search-button-wrap {
border-left: none;
}
header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.search-button-wrap a i {
margin-left: 10px;
height: 24px;
}
header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.mini-cart-wrap.no-price .widget_shopping_cart_content .widget_shopping_cart_icon i {
padding: 0 5px;
height: 24px;
}
header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.mini-cart-wrap.no-price .widget_shopping_cart_content .widget_shopping_cart_icon .total {
right: 0px;
}
header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .toggle-icon-wrap {
right: 0;
left: auto;
}
header.haru-mobile-header.header-mobile-3 .mini-cart-wrap {
position: static;
}
header.haru-mobile-header.header-mobile-3 .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap {
left: -200px;
right: auto;
}
@media screen and (max-width: 320px) {
header.haru-mobile-header.header-mobile-3 .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap {
left: -175px;
}
}
header.haru-mobile-header .haru-sticky-wrapper.is-sticky > .haru-mobile-header-wrap {
z-index: 997;
left: 0;
right: 0;
}
header.haru-mobile-header .haru-sticky-wrapper:not(.is-sticky) {
height: auto !important;
position: relative !important;
}
body {
left: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
body.menu-mobile-in {
left: 280px;
overflow: hidden;
}
body.menu-mobile-in header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-menu-overlay {
opacity: 1;
z-index: 299;
pointer-events: auto;
cursor: crosshair;
color: #fff;
}
body.menu-mobile-in .haru-sticky-wrapper.is-sticky > .haru-mobile-header-wrap .menu-mobile-fly {
left: 280px;
right: -280px;
}
body.admin-bar header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav.menu-mobile-fly {
top: 46px;
}
form.haru-search-form-mobile-menu {
display: none;
} .toggle-icon-wrap {
display: inline-block;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
top: 0;
vertical-align: middle;
}
.toggle-icon-wrap:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.toggle-icon-wrap .toggle-icon {
display: inline-block;
height: 30px;
position: relative;
vertical-align: middle;
width: 30px;
}
.toggle-icon-wrap .toggle-icon > span {
background: none repeat scroll 0 0 #000;
bottom: 0;
display: block;
height: 2px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 80%;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.toggle-icon-wrap .toggle-icon:after, .toggle-icon-wrap .toggle-icon:before {
background: none repeat scroll 0 0 #000;
content: "";
height: 2px;
left: 0;
margin: auto;
position: absolute;
right: 0;
width: 80%;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.toggle-icon-wrap .toggle-icon:before {
top: 20%;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
.toggle-icon-wrap .toggle-icon:after {
bottom: 20%;
-webkit-transform-origin: bottom left;
-moz-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
}
.toggle-icon-wrap.in .toggle-icon span {
background: transparent;
}
.toggle-icon-wrap.in .toggle-icon:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.toggle-icon-wrap.in .toggle-icon:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
} .header-elements-left .header-elements-item {
margin-right: 25px;
}
@media screen and (max-width: 1199px) {
.header-elements-left .header-elements-item {
margin-right: 20px;
}
}
@media screen and (max-width: 767px) {
.header-elements-left .header-elements-item {
margin-right: 5px;
}
}
.header-elements-left .header-elements-item:first-child {
margin-right: 0;
}
.header-elements-right .header-elements-item {
margin-left: 25px;
}
@media screen and (max-width: 1199px) {
.header-elements-right .header-elements-item {
margin-left: 20px;
}
}
@media screen and (max-width: 767px) {
.header-elements-right .header-elements-item {
margin-left: 5px;
}
}
.header-elements-right .header-elements-item:first-child {
margin-left: 0;
}
.header-elements-item {
position: relative;
display: inline-block;
font-size: 14px;
vertical-align: middle;
}
.header-elements-item a.header-icon,
.header-elements-item i.header-icon {
color: #696969;
font-size: 18px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.header-elements-item a.header-icon:hover,
.header-elements-item i.header-icon:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 1199px) {
.header-elements-item a.header-icon,
.header-elements-item i.header-icon {
font-size: 18px;
}
} .header-elements-item.search-button-wrap a {
display: inline-block;
}
.header-elements-item.search-button-wrap a i {
display: block;
margin-left: 10px;
}
.mfp-bg.search-popup {
background: #000;
opacity: .9;
}
.mfp-wrap.search-popup .mfp-content {
height: 100%;
}
#haru-search-popup .haru-search-wrap {
max-width: 550px;
position: absolute;
top: calc(50% - 100px);
left: 50%;
width: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
#haru-search-popup .haru-search-wrap .search-popup-form {
font-size: 18px;
position: relative;
height: 40px;
}
#haru-search-popup .haru-search-wrap .search-popup-form input[type="search"] {
background: none;
border: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;
font-family: "Muli";
letter-spacing: 2px;
height: 100%;
padding: 0;
position: absolute;
width: 100%;
}
#haru-search-popup .haru-search-wrap .search-popup-form input[type="search"]::-moz-placeholder {
color: rgba(255, 255, 255, 0.8);
opacity: 1;
}
#haru-search-popup .haru-search-wrap .search-popup-form input[type="search"]:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.8);
}
#haru-search-popup .haru-search-wrap .search-popup-form input[type="search"]::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 767px) {
#haru-search-popup .haru-search-wrap .search-popup-form input[type="search"] {
font-size: 16px;
}
}
#haru-search-popup .haru-search-wrap .search-popup-form input[type="search"]:focus {
outline: none;
}
#haru-search-popup .haru-search-wrap .search-popup-form button {
background: none;
border: none;
color: #fff;
position: absolute;
right: 0;
height: 100%;
width: 45px;
}
#haru-search-popup .haru-search-wrap .search-popup-form button:focus {
outline: none;
}
#haru-search-popup .haru-search-wrap .ajax-search-result {
background-color: #fff;
}
#haru-search-popup .haru-search-wrap .ajax-search-result ul {
list-style: none;
margin: 0;
padding: 0;
}
#haru-search-popup .haru-search-wrap .ajax-search-result ul li {
border-bottom: 1px solid rgba(238, 238, 238, 0.8);
padding: 10px;
}
#haru-search-popup .haru-search-wrap .ajax-search-result ul li.view-more {
border: none;
text-align: center;
}
#haru-search-popup .haru-search-wrap .ajax-search-result ul li.selected, #haru-search-popup .haru-search-wrap .ajax-search-result ul li:hover {
background-color: rgba(238, 238, 238, 0.5);
}
#haru-search-popup .haru-search-wrap .ajax-search-result ul li .item-thumbnail {
margin-right: 10px;
}
#haru-search-popup .haru-search-wrap .ajax-search-result ul li .item-thumbnail img {
max-height: 60px;
width: auto;
}
#haru-search-popup .haru-search-wrap .ajax-search-result ul li .item-meta .publish-date {
font-size: 12px;
font-style: italic;
margin-bottom: 0;
}
#haru-search-popup .mfp-close {
color: #fff;
font-size: 50px;
line-height: 50px;
height: 50px;
position: absolute;
right: 20px;
top: 50px;
width: 50px;
} .search-product-category .search-product-category-wrap {
height: 40px;
border: 1px solid #ededed;
}
.search-product-category .search-product-category-wrap .select-category {
border-right: solid 1px #ededed;
line-height: 38px;
min-width: 120px;
position: relative;
height: 100%;
}
.search-product-category .search-product-category-wrap .select-category > span {
cursor: pointer;
padding: 0 15px;
position: absolute;
width: 100%;
height: 33px;
top: 0;
left: 0;
}
.search-product-category .search-product-category-wrap .select-category > span:after {
content: '\f0d7';
font-family: 'Fontawesome';
position: absolute;
right: 10px;
font-size: 14px;
}
.search-product-category .search-product-category-wrap .select-category .product-category-toggle {
display: none;
position: absolute;
top: 100%;
left: -1px;
overflow: auto;
overflow-y: scroll;
padding: 5px 0;
list-style: none;
margin: 0;
background-color: #fff;
line-height: 36px;
z-index: 10;
max-height: 300px;
border: 1px solid rgba(0, 0, 0, 0.1);
width: calc(100% + 2px);
}
.search-product-category .search-product-category-wrap .select-category .product-category-toggle::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #f5f5f5;
}
.search-product-category .search-product-category-wrap .select-category .product-category-toggle::-moz-scrollbar-track {
border-radius: 10px;
background-color: #f5f5f5;
}
.search-product-category .search-product-category-wrap .select-category .product-category-toggle::-webkit-scrollbar {
width: 5px;
background-color: #f5f5f5;
}
.search-product-category .search-product-category-wrap .select-category .product-category-toggle::-moz-scrollbar {
width: 5px;
background-color: #f5f5f5;
}
.search-product-category .search-product-category-wrap .select-category .product-category-toggle::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #333333;
}
.search-product-category .search-product-category-wrap .select-category .product-category-toggle::-moz-scrollbar-thumb {
border-radius: 10px;
background-color: #333333;
}
.search-product-category .search-product-category-wrap .select-category .product-category-toggle li span {
display: block;
padding: 0 15px;
cursor: pointer;
}
.search-product-category .search-product-category-wrap .select-category .product-category-toggle li span:hover {
color: #333333;
}
.search-product-category .search-product-category-wrap .select-category .product-category-toggle li ul {
list-style: none;
padding-left: 15px;
}
.search-product-category .search-product-category-wrap .ajax-search-form input[type="text"] {
border: none;
min-width: 325px;
padding: 0;
padding-left: 10px;
line-height: 33px;
}
.search-product-category .search-product-category-wrap .ajax-search-form input[type="text"]:focus {
outline: none;
}
.search-product-category .search-product-category-wrap .ajax-search-form button {
background: none;
border: none;
color: #696969;
line-height: 33px;
padding: 0 15px;
}
.search-product-category .search-product-category-wrap .ajax-search-form button:focus {
outline: none;
}
.search-product-category .ajax-search-result {
background-color: #fff;
width: calc(100% - 120px);
position: absolute;
right: 0;
top: 100%;
z-index: 6;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.search-product-category .ajax-search-result ul {
list-style: none;
margin: 0;
padding: 0;
}
.search-product-category .ajax-search-result ul li {
border-bottom: 1px solid rgba(238, 238, 238, 0.8);
padding: 10px;
}
.search-product-category .ajax-search-result ul li.view-more {
border: none;
text-align: center;
}
.search-product-category .ajax-search-result ul li.selected, .search-product-category .ajax-search-result ul li:hover {
background-color: rgba(238, 238, 238, 0.5);
}
.search-product-category .ajax-search-result ul li .item-thumbnail {
margin-right: 10px;
}
.search-product-category .ajax-search-result ul li .item-thumbnail img {
max-height: 60px;
width: auto;
}
.search-product-category .ajax-search-result ul li .item-meta .publish-date {
font-size: 12px;
font-style: italic;
margin-bottom: 0;
} .search-box-wrap .haru-search-box-wrap .search-box {
position: relative;
border-radius: 30px;
min-width: 250px;
}
.search-box-wrap .haru-search-box-wrap .search-box input[type="text"] {
width: 100%;
height: 35px;
background-color: transparent;
border: none;
outline: none;
padding-left: 40px;
padding-right: 5px;
font-weight: 300;
font-size: 13px;
letter-spacing: 1px;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 30px;
-webkit-border-top-left-radius: 30px;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 30px;
-moz-border-radius-topleft: 30px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 30px;
border-top-left-radius: 30px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.search-box-wrap .haru-search-box-wrap .search-box button {
width: 40px;
padding: 0;
position: absolute;
left: 0;
top: 0;
bottom: 0;
overflow: hidden;
border: none;
background: none;
outline: none;
line-height: 40px;
font-size: 18px;
margin-top: 2px;
}
.search-box-wrap .haru-search-box-wrap .search-box button:hover {
color: #333333;
cursor: pointer;
}
@media screen and (max-width: 1199px) {
.search-box-wrap .haru-search-box-wrap .search-box {
min-width: 200px;
}
}
.search-box-wrap .haru-search-box-wrap .ajax-search-result {
background-color: #fff;
position: absolute;
left: 0;
max-width: 100%;
width: 100%;
top: 100%;
z-index: 6;
-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
}
.search-box-wrap .haru-search-box-wrap .ajax-search-result ul {
list-style: none;
margin: 0;
padding: 0;
}
.search-box-wrap .haru-search-box-wrap .ajax-search-result ul li {
border-bottom: 1px solid rgba(238, 238, 238, 0.8);
padding: 10px;
}
.search-box-wrap .haru-search-box-wrap .ajax-search-result ul li.view-more {
border: none;
text-align: center;
}
.search-box-wrap .haru-search-box-wrap .ajax-search-result ul li.selected, .search-box-wrap .haru-search-box-wrap .ajax-search-result ul li:hover {
background-color: rgba(238, 238, 238, 0.5);
}
.search-box-wrap .haru-search-box-wrap .ajax-search-result ul li .item-thumbnail {
margin-right: 10px;
}
.search-box-wrap .haru-search-box-wrap .ajax-search-result ul li .item-thumbnail img {
max-height: 60px;
width: auto;
}
.search-box-wrap .haru-search-box-wrap .ajax-search-result ul li .item-meta .publish-date {
font-size: 12px;
font-style: italic;
margin-bottom: 0;
} .header-social-network-wrap {
display: inline-block;
padding: 0;
margin: 0;
list-style: none;
}
.header-social-network-wrap li {
display: inline-block;
font-size: 14px;
}
.header-social-network-wrap li a {
padding: 0 10px;
} .my-wishlist-wrap {
position: relative;
}
.my-wishlist-wrap .haru-wishlist i {
cursor: pointer;
text-align: left;
}
.my-wishlist-wrap .haru-wishlist span.total {
background-color: #333333;
bottom: 68%;
color: #fff;
position: absolute;
left: 80%;
right: 0px;
width: 18px;
height: 18px;
font-size: 10px;
text-align: center;
line-height: 19px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
} .mini-cart-wrap.no-price .sub-total-text {
display: none;
}
.mini-cart-wrap.with-price .sub-total-text {
position: absolute;
top: 30px;
right: 0px;
}
.mini-cart-wrap.with-price .sub-total-text span.amount {
font-size: 13px;
}
.mini-cart-wrap.with-price .widget_shopping_cart_content .widget_shopping_cart_icon > i.wicon {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: transparent;
}
.mini-cart-wrap .widget_shopping_cart_content {
display: block;
text-align: left;
}
.mini-cart-wrap .widget_shopping_cart_content:hover .cart_list_wrap {
top: 100%;
visibility: visible;
opacity: 1;
-webkit-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
-moz-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
-ms-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
-o-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
}
@media screen and (max-width: 991px) {
.mini-cart-wrap .widget_shopping_cart_content:hover .cart_list_wrap {
margin-top: 0;
}
}
.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon {
position: relative;
}
.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total {
position: absolute;
bottom: 62%;
left: 66%;
background: #333333;
color: #fff;
width: 18px;
height: 18px;
text-align: center;
font-size: 10px;
line-height: 19px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon > i {
cursor: pointer;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap {
display: block;
visibility: hidden;
opacity: 0;
position: absolute;
top: 150%;
right: 0;
left: auto;
min-width: 300px;
background-color: #fff;
border: solid 1px #ededed;
z-index: 999;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header {
display: none;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li.empty {
padding: 15px;
text-align: center;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li.empty h4 {
text-transform: uppercase;
padding: 0 0 15px;
margin: 0;
font-size: 16px;
word-spacing: 0.2em;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li.empty p {
color: #696969;
padding: 0;
margin: 0;
font-size: 14px;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li {
padding: 15px 0;
margin: 0;
position: relative;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li:first-child {
padding-top: 0;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li + li {
border-top: solid 1px #ededed;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-left {
float: left;
font-size: 0;
overflow: hidden;
margin-right: 10px;
border: solid 1px #eee;
background: #fff;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-left > a > img {
height: auto;
width: 58px;
margin: 0;
display: block;
min-width: 0 !important;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-right {
overflow: hidden;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-right > a {
text-transform: uppercase;
word-spacing: 1px;
font-size: 12px;
font-weight: 700;
display: block;
padding-right: 15px;
color: #333333;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-right > a:hover {
color: #333333;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-right > span.quantity {
font-size: 12px;
display: block;
text-align: left;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-right > a.remove {
position: absolute;
right: 0;
top: 15px;
padding-right: 0;
font-size: 18px;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li:after {
content: "";
display: block;
clear: both;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap .cart-total {
padding: 0 15px 15px;
position: relative;
color: #333333;
font-weight: 700;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.total {
padding: 0;
font-size: 13px;
font-weight: bold;
margin: 0;
border-top: solid 1px #eee;
border-bottom: solid 1px #eee;
line-height: 43px;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.total strong {
text-transform: uppercase;
font-weight: 400;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.total > span.amount {
font-weight: 700;
float: right;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons {
text-align: center;
margin: 0;
padding: 15px 0 0;
font-size: 0;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button {
color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
line-height: 20px;
padding: 10px;
font-size: 12px;
min-width: 115px;
width: 48%;
display: inline-block;
text-transform: uppercase;
background-color: #333;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button:hover {
background-color: #333333;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button > i.fa {
margin-right: 5px;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button.checkout {
background-color: #333333;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button.checkout:hover {
background-color: black;
}
@media (max-width: 480px) {
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button {
min-width: 100px;
}
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button + .button {
margin-left: 4%;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap dl {
border: none;
margin: 0;
padding: 0;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap dl dt {
float: left;
margin: 0 10px 0 0;
padding: 0;
line-height: 20px;
font-size: 12px;
font-weight: 400;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap dl dd {
padding: 0;
line-height: 20px;
display: block;
float: none;
margin: 0;
font-size: 12px;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap dl p {
margin: 0;
padding: 0;
}
.mini-cart-wrap .widget_shopping_cart_content ul.cart_list, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget {
position: relative;
margin: 0;
list-style: none;
padding: 15px 15px 0;
max-height: 350px;
overflow-y: auto;
}
.mini-cart-wrap .widget_shopping_cart_content ul.cart_list::-webkit-scrollbar-track, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #F5F5F5;
}
.mini-cart-wrap .widget_shopping_cart_content ul.cart_list::-moz-scrollbar-track, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget::-moz-scrollbar-track {
border-radius: 10px;
background-color: #F5F5F5;
}
.mini-cart-wrap .widget_shopping_cart_content ul.cart_list::-webkit-scrollbar, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget::-webkit-scrollbar {
width: 5px;
background-color: #F5F5F5;
}
.mini-cart-wrap .widget_shopping_cart_content ul.cart_list::-moz-scrollbar, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget::-moz-scrollbar {
width: 5px;
background-color: #F5F5F5;
}
.mini-cart-wrap .widget_shopping_cart_content ul.cart_list::-webkit-scrollbar-thumb, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #333333;
}
.mini-cart-wrap .widget_shopping_cart_content ul.cart_list::-moz-scrollbar-thumb, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget::-moz-scrollbar-thumb {
border-radius: 10px;
background-color: #333333;
}
.mini-cart-wrap.cart-sidebar .sub-total-text {
display: none;
}
.mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap {
background-color: #fff;
border: none;
position: fixed;
z-index: 9999;
top: 0;
left: 100%;
bottom: 0;
height: 100%;
width: 300px;
overflow: hidden;
padding: 0;
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap.in {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header {
display: block;
background-color: #000;
color: #fff;
display: block;
font-weight: 700;
padding: 10px 15px;
position: relative;
text-transform: uppercase;
}
.mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close {
position: absolute;
height: 45px;
width: 45px;
right: 0;
top: 0;
}
.mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:hover {
cursor: pointer;
}
.mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:hover:before, .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:hover:after {
background-color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:before, .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:after {
content: '';
position: absolute;
height: 2px;
width: 20px;
top: 50%;
left: 13px;
margin-top: -1px;
background-color: #fff;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .ul.cart_list, .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap ul.product_list_widget {
padding: 20px 15px 0 15px;
max-height: calc(100% - 195px);
}
.mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .ul.cart_list li, .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap ul.product_list_widget li {
border-top: 1px solid rgba(237, 237, 237, 0.3);
}
.mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .ul.cart_list li:first-child, .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap ul.product_list_widget li:first-child {
border-top: none;
}
.cart-mask-overlay {
display: block;
position: fixed;
background: rgba(0, 0, 0, 0.8);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9998;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.cart-mask-overlay.in {
opacity: 1;
visibility: visible;
cursor: crosshair;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
body.admin-bar .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap {
top: 32px;
}
.canvas-mask-overlay {
display: block;
position: fixed;
background: rgba(0, 0, 0, 0.9);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9998;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.canvas-mask-overlay.in {
opacity: 1;
visibility: visible;
cursor: crosshair;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
body.admin-bar .haru-canvas-sidebar-wrap {
top: 32px;
}
.haru-canvas-sidebar-wrap {
background-color: #fff;
position: fixed;
z-index: 9999;
top: 0;
left: 100%;
bottom: 0;
width: 300px;
overflow: hidden;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.haru-canvas-sidebar-wrap.in {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.haru-canvas-sidebar-wrap .canvas-sidebar-header {
background-color: #000;
color: #fff;
display: block;
font-weight: 700;
padding: 10px 15px;
position: relative;
text-transform: uppercase;
}
.haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close {
position: absolute;
height: 45px;
width: 45px;
right: 0;
top: 0;
}
.haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:hover {
cursor: pointer;
}
.haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:hover:before, .haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:hover:after {
background-color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:before, .haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:after {
content: '';
position: absolute;
height: 2px;
width: 20px;
top: 50%;
left: 13px;
margin-top: -1px;
background-color: #fff;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.haru-canvas-sidebar-wrap .canvas-sidebar-inner {
padding: 15px;
} .vertical-menu-wrap {
width: 100%;
background-color: #444;
margin-left: 0;
}
.vertical-menu-wrap .vertical-menu-toggle {
color: #fff;
display: block;
padding: 0 15px;
line-height: 50px;
}
.vertical-menu-wrap .vertical-menu-toggle i {
padding-right: 10px;
}
.vertical-menu-wrap .menu-wrap {
background-color: #f5f9fa;
border: 1px solid rgba(51, 51, 51, 0.2);
position: absolute;
width: 100%;
display: none;
}
.vertical-menu-wrap .menu-wrap.show-view-all .vertical-view-cate {
display: block;
}
.vertical-menu-wrap .menu-wrap .vertical-view-cate {
border-top: 1px solid rgba(51, 51, 51, 0.2);
display: none;
padding: 15px 15px 15px 41px;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.vertical-menu-wrap .menu-wrap .vertical-view-cate:hover {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.vertical-menu-wrap .menu-wrap .vertical-view-cate:after {
content: "\f0a3";
color: #333333;
font-family: IcoFont;
font-size: 16px;
position: absolute;
left: 15px;
top: 13px;
}
.vertical-menu-wrap .menu-wrap .vertical-view-cate.show-category:after {
content: "\f072";
}
.vertical-menu-wrap .menu-wrap .menu-item-toggle {
clear: both;
}
.vertical-menu-wrap .menu-wrap .menu-item-toggle:hover {
background-color: #fff;
}
.vertical-menu-wrap .menu-wrap .menu-item-toggle:hover a:before {
height: 100%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.vertical-menu-wrap .menu-wrap .menu-item-toggle a:before {
content: "";
background-color: #333333;
position: absolute;
width: 2px;
height: 0;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu {
padding: 0;
width: 100%;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu li.current-menu-item > a {
color: #333333;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li {
border-top: 1px solid rgba(51, 51, 51, 0.2);
font-size: 14px;
float: none;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li:first-child {
border-top: none;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.menu-item-more {
display: none;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.menu-item-more.show {
display: block;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li > a {
display: block;
font-weight: normal !important;
padding: 14px 15px 14px 15px;
text-transform: none;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li > a:before {
content: "";
background-color: #333333;
position: absolute;
width: 2px;
height: 0;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li > a:after {
display: block !important;
position: absolute;
right: 15px;
top: 15px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li > a i {
color: #333333;
font-size: 16px !important;
line-height: 20px;
margin-right: 8px;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.current-menu-item {
background-color: #fff;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.current-menu-item > a:before {
height: 100%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li:hover {
background-color: #fff;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li:hover > a:before {
height: 100%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li:hover > a:after {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.menu_style_dropdown:hover > ul {
left: 100%;
top: 0;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.menu_style_column > ul {
background: #fff;
left: 100%;
min-width: 875px;
top: 0;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.menu_style_tab > ul {
background: #fff;
left: 100%;
min-width: 875px;
top: 0;
} .user-account-wrap .user-account-content {
position: relative;
}
.user-account-wrap .user-account-content:hover .user-account-menu {
opacity: 1;
visibility: visible;
top: 110%;
z-index: 999;
-webkit-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
-moz-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
-ms-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
-o-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
}
.user-account-wrap .user-account-content.logged-in {
top: -5px;
}
.user-account-wrap .user-account-content .user-account-menu {
list-style: none;
padding: 0;
margin: 0;
position: absolute;
right: 0;
left: auto;
border: solid 1px #ededed;
top: 125%;
width: auto;
min-width: 180px;
background-color: #fff;
padding: 15px 30px;
opacity: 0;
visibility: hidden;
z-index: -1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.user-account-wrap .user-account-content li {
padding: 5px 0;
}
.user-account-wrap .user-account-content .avatar {
max-width: 18px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
@media screen and (max-width: 1199px) {
.user-account-wrap .user-account-content .avatar {
max-width: 18px;
}
}
.user-account-wrap .user-account-content.logged-out i {
font-size: 18px;
}
#popup-menu-button {
font-size: 24px;
}
.mfp-bg.menu-popup-bg {
background: #fff;
opacity: 0.9 !important;
}
.menu-popup-bg .mfp-content {
height: 100%;
}
#haru-menu-popup {
position: absolute;
width: 100%;
height: 100%;
}
#haru-menu-popup .menu-wrapper {
display: block;
clear: both;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu {
padding: 0;
text-align: center;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-item {
font-size: 14px;
color: #696969;
letter-spacing: 0.5px;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-item > a {
padding: 15px;
display: inline-block;
color: #696969;
line-height: 1.2;
font-size: 24px;
font-weight: 500;
text-transform: uppercase;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-item > a:hover {
color: #444444;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-item > b.menu-caret {
color: #696969;
float: right;
font-size: 21px;
font-weight: 400;
right: 0;
position: absolute;
top: 10px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-item > b.menu-caret:before {
content: "\f489";
display: inline-block;
font-family: Ionicons;
text-align: center;
width: 45px;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-item > b.menu-caret:hover {
cursor: pointer;
color: #444444;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-item > b.menu-caret.active:before {
content: "\f462";
display: inline-block;
font-family: Ionicons;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-item.sub-menu-open {
border-bottom-width: 0px;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.current-menu-ancestor > a,
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.current-menu-parent > a,
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.current-menu-item > a,
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-current > a,
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li > a:hover,
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li:hover > a,
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li ul.sub-menu li:hover > a {
color: #444444;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.current-menu-ancestor > a > b.caret:before,
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.current-menu-parent > a > b.caret:before,
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.current-menu-item > a > b.caret:before,
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-current > a > b.caret:before,
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li > a:hover > b.caret:before,
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li:hover > a > b.caret:before,
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li ul.sub-menu li:hover > a > b.caret:before {
color: #444444;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu ul.sub-menu {
background-color: #1a1a1a;
padding-left: 0;
position: relative;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu ul.sub-menu > li.menu-item > a {
font-size: 16px;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li {
list-style: none;
list-style-type: none;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li > ul.sub-menu {
position: relative;
list-style: none;
padding: 0;
margin: 0;
display: none;
background: transparent;
}
#haru-menu-popup .mfp-close {
color: #696969;
position: absolute;
top: 6%;
right: 5%;
opacity: 1;
}
body.disable-transition {
-webkit-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
body.admin-bar header.haru-main-header.header-under-slideshow {
top: calc(100% + 32px);
}
body.admin-bar header.haru-main-header.headroom--pinned:not(.headroom--top) {
top: 32px;
}
body.layout-float header.haru-main-header {
padding: 0 100px;
}
@media screen and (max-width: 1399px) {
body.layout-float header.haru-main-header {
padding: 0 50px;
}
}
header.haru-main-header {
background-color: #fff;
position: relative;
z-index: 1000;
}
@media screen and (max-width: 991px) {
header.haru-main-header {
display: none;
}
}
header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li.current-menu-item > a:before {
content: "";
position: absolute;
width: calc(100% - 40px);
height: 1px;
left: 20px;
top: 63px;
background-color: #333333;
}
header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a {
color: #696969;
font-size: 13px;
font-weight: 700;
padding: 0 20px;
letter-spacing: .5px;
}
header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a:before {
content: "";
position: absolute;
width: 0;
height: 1px;
left: 20px;
top: 63px;
background-color: #333333;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a:after {
display: none;
}
header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li:hover > a {
color: #333333;
}
header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li:hover > a:before {
width: calc(100% - 40px);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > ul {
background: #fff;
}
header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu li.current-menu-item > a {
color: #333333;
}
header.haru-main-header .header-logo a.logo-retina {
display: none;
}
header.haru-main-header .header-logo a.logo-sticky {
display: none;
}
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
header.haru-main-header .header-logo a.logo-default {
display: none;
}
header.haru-main-header .header-logo a.logo-retina {
display: block;
}
}
header.haru-main-header.header-over-slideshow {
background-color: transparent;
position: absolute;
left: 0;
right: 0;
}
header.haru-main-header.header-over-slideshow.navigation_dark {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-main-header.header-over-slideshow.navigation_dark.header-hover-on:hover {
background-color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-main-header.header-over-slideshow.navigation_light {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover {
background-color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li.current-menu-item > a {
color: #333333;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li.current-menu-item > a:before {
background-color: #333333;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li > a {
color: #696969;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li > a:hover {
color: #333333;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .header-elements-item a.header-icon,
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .header-elements-item i.header-icon {
color: #696969;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .header-elements-item a.header-icon:hover,
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .header-elements-item i.header-icon:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .header-elements-item.search-box-wrap input[type="text"] {
color: #696969;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .header-elements-item.search-box-wrap input[type="text"]::-moz-placeholder {
color: rgba(0, 0, 0, 0.5);
opacity: 1;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .header-elements-item.search-box-wrap input[type="text"]:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.5);
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .header-elements-item.search-box-wrap input[type="text"]::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.5);
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .header-elements-item.my-wishlist .my-wishlist-wrap .haru-wishlist span.total {
background-color: #333333;
color: #fff;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total {
background-color: #333333;
color: #fff;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on .header-logo a.logo-default, header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on .header-logo a.logo-retina {
display: none;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on .header-logo a.logo-sticky {
display: block;
}
header.haru-main-header.header-over-slideshow.navigation_light .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li.current-menu-item > a {
color: #fff;
}
header.haru-main-header.header-over-slideshow.navigation_light .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li.current-menu-item > a:before {
background-color: #fff;
}
header.haru-main-header.header-over-slideshow.navigation_light .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a {
color: #fff;
}
header.haru-main-header.header-over-slideshow.navigation_light .header-elements-item a.header-icon,
header.haru-main-header.header-over-slideshow.navigation_light .header-elements-item i.header-icon {
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-main-header.header-over-slideshow.navigation_light .header-elements-item a.header-icon:hover,
header.haru-main-header.header-over-slideshow.navigation_light .header-elements-item i.header-icon:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-main-header.header-under-slideshow {
border-bottom: 1px solid #ededed;
position: absolute !important;
width: 100%;
left: 0;
right: 0;
top: 100%;
}
header.haru-main-header.headroom--pinned.headroom--top {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
header.haru-main-header.headroom--pinned:not(.headroom--top) {
position: fixed;
right: 0;
left: 0;
top: 0;
height: 60px;
-webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
header.haru-main-header.headroom--pinned:not(.headroom--top) .menu-wrap .haru-main-menu > li.current-menu-item > a:before {
top: 40px;
}
header.haru-main-header.headroom--pinned:not(.headroom--top) .menu-wrap .haru-main-menu > li > a {
padding: 0 20px !important;
line-height: 60px !important;
}
header.haru-main-header.headroom--pinned:not(.headroom--top) .menu-wrap .haru-main-menu > li > a:before {
top: 40px;
}
header.haru-main-header.headroom--pinned:not(.headroom--top) .haru-header-nav-above-wrap {
height: 0;
visibility: hidden;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_dark {
background-color: #333;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_dark .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li > a {
color: #fff;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_dark .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li > a:hover {
color: #fff;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_dark .header-elements-item a.header-icon,
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_dark .header-elements-item i.header-icon {
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_dark .header-elements-item a.header-icon:hover,
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_dark .header-elements-item i.header-icon:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light {
background-color: #fff;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li.current-menu-item > a {
color: #333333;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li.current-menu-item > a:before {
background-color: #333333;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li > a {
color: #696969;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li > a:hover {
color: #333333;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .header-elements-item a.header-icon,
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .header-elements-item i.header-icon {
color: #696969;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .header-elements-item a.header-icon:hover,
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .header-elements-item i.header-icon:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .header-elements-item.search-box-wrap input[type="text"] {
color: #696969;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .header-elements-item.search-box-wrap input[type="text"]::-moz-placeholder {
color: rgba(0, 0, 0, 0.5);
opacity: 1;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .header-elements-item.search-box-wrap input[type="text"]:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.5);
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .header-elements-item.search-box-wrap input[type="text"]::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.5);
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .header-elements-item.my-wishlist .my-wishlist-wrap .haru-wishlist span.total {
background-color: #333333;
color: #fff;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total {
background-color: #333333;
color: #fff;
}
header.haru-main-header.headroom--pinned:not(.headroom--top) .header-logo a.logo-default, header.haru-main-header.headroom--pinned:not(.headroom--top) .header-logo a.logo-retina {
display: none;
}
header.haru-main-header.headroom--pinned:not(.headroom--top) .header-logo a.logo-sticky {
display: block;
}
header.haru-main-header.headroom--unpinned {
position: fixed;
z-index: 10;
right: 0;
left: 0;
top: -100%;
-webkit-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
header.haru-main-header.headroom--unpinned .haru-header-nav-above-wrap {
height: 0;
visibility: hidden;
}
.haru-mobile-header {
position: relative;
z-index: 1000;
}
.haru-mobile-header.headroom--pinned:not(.headroom--top) {
position: fixed !important;
right: 0;
left: 0;
top: 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.haru-mobile-header.headroom--pinned:not(.headroom--top) .header-mobile-above {
height: 0;
visibility: hidden;
}
.haru-mobile-header.headroom--unpinned {
position: fixed;
z-index: 10;
right: 0;
left: 0;
top: -100%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.haru-mobile-header.headroom--unpinned .header-mobile-above {
height: 0;
visibility: hidden;
}
.haru-mobile-header.headroom--unpinned.headroom--not-top {
opacity: 0;
height: 0;
visibility: hidden;
-webkit-transition: all 0s !important;
-o-transition: all 0s !important;
transition: all 0s !important;
}
.haru-mobile-header.sticky-menu {
position: fixed !important;
width: 100%;
background-color: #fff;
-webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}  .original-footer {
text-align: center;
padding: 30px 0;
}
#haru-footer-main.footer-default .footer-copyright {
color: #757575;
}
#haru-footer-main.footer-default .footer-copyright i {
color: #333333;
padding: 0 8px;
}
#haru-footer-main.footer-2 .subscribe-default, #haru-footer-main.footer-3 .subscribe-default {
border: 1px solid #ededed;
position: relative;
}
#haru-footer-main.footer-2 .subscribe-default .subscribe-email, #haru-footer-main.footer-3 .subscribe-default .subscribe-email {
border: none;
display: inline-block;
margin: 0;
width: calc(100% - 65px);
}
#haru-footer-main.footer-2 .subscribe-default .subscribe-email input[type="email"], #haru-footer-main.footer-3 .subscribe-default .subscribe-email input[type="email"] {
font-size: 14px;
width: 100%;
padding: 10px 0 10px 15px;
background: none;
text-align: left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#haru-footer-main.footer-2 .subscribe-default .subscribe-email input[type="email"]::-moz-placeholder, #haru-footer-main.footer-3 .subscribe-default .subscribe-email input[type="email"]::-moz-placeholder {
color: #696969;
opacity: 1;
}
#haru-footer-main.footer-2 .subscribe-default .subscribe-email input[type="email"]:-ms-input-placeholder, #haru-footer-main.footer-3 .subscribe-default .subscribe-email input[type="email"]:-ms-input-placeholder {
color: #696969;
}
#haru-footer-main.footer-2 .subscribe-default .subscribe-email input[type="email"]::-webkit-input-placeholder, #haru-footer-main.footer-3 .subscribe-default .subscribe-email input[type="email"]::-webkit-input-placeholder {
color: #696969;
}
#haru-footer-main.footer-2 .subscribe-default .subscribe-email input[type="email"]:focus, #haru-footer-main.footer-3 .subscribe-default .subscribe-email input[type="email"]:focus {
outline: none;
}
#haru-footer-main.footer-2 .subscribe-default .subscribe-submit, #haru-footer-main.footer-3 .subscribe-default .subscribe-submit {
margin: 0;
width: 60px;
display: inline-block;
position: relative;
}
#haru-footer-main.footer-2 .subscribe-default .subscribe-submit:after, #haru-footer-main.footer-3 .subscribe-default .subscribe-submit:after {
color: #333333;
content: "\f474";
font-family: Ionicons;
font-size: 34px;
line-height: 1;
position: absolute;
left: 50%;
top: -5px;
z-index: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
#haru-footer-main.footer-2 .subscribe-default .subscribe-submit input[type="submit"], #haru-footer-main.footer-3 .subscribe-default .subscribe-submit input[type="submit"] {
border: none;
background: none;
color: #fff;
opacity: 0;
padding: 0;
position: relative;
z-index: 1;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#haru-footer-main.footer-2 .subscribe-default .subscribe-submit input[type="submit"]:focus, #haru-footer-main.footer-3 .subscribe-default .subscribe-submit input[type="submit"]:focus {
outline: none;
}
.widget_instagram-feed-widget #sb_instagram.grid-layout-square {
width: auto !important;
}
@media screen and (max-width: 767px) {
.widget_instagram-feed-widget #sb_instagram.grid-layout-square {
width: auto !important;
}
}
.widget_instagram-feed-widget #sb_instagram.grid-layout-square.padding-5 {
margin: -10px -10px 0 -10px !important;
}
.widget_instagram-feed-widget #sb_instagram.grid-layout-square.padding-10 {
margin: -20px -20px 0 -20px !important;
}
.subscribe-default .subscribe-email {
border: 1px solid #ededed;
margin: 0 auto;
width: 75%;
}
.subscribe-default .subscribe-email input[type="email"] {
background: none;
border: none;
font-size: 15px;
padding: 8px 10px;
text-align: center;
width: 100%;
}
.subscribe-default .subscribe-email input[type="email"]::-moz-placeholder {
color: rgba(105, 105, 105, 0.6);
opacity: 1;
}
.subscribe-default .subscribe-email input[type="email"]:-ms-input-placeholder {
color: rgba(105, 105, 105, 0.6);
}
.subscribe-default .subscribe-email input[type="email"]::-webkit-input-placeholder {
color: rgba(105, 105, 105, 0.6);
}
.subscribe-default .subscribe-email input[type="email"]:focus {
outline: none;
}
.subscribe-default .subscribe-submit {
margin: 30px auto 0 auto;
width: 150px;
}
.subscribe-default .subscribe-submit input[type="submit"] {
border: 1px solid #333333;
background: #333333;
color: #fff;
font-weight: 700;
letter-spacing: 2px;
padding: 7px 20px;
text-align: center;
text-transform: uppercase;
width: 100%;
-webkit-font-smoothing: antialiased !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.subscribe-default .subscribe-submit input[type="submit"]:hover {
background: transparent;
color: #333333;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.subscribe-default .subscribe-submit input[type="submit"]:focus {
outline: none;
}  .haru-archive-blog .archive-content .archive-content-layout article {
padding-bottom: 40px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper {
position: relative;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper:hover .owl-nav {
opacity: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail {
position: relative;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail:hover .post-thumbnail-overlay:before {
opacity: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail:hover .prettyPhoto {
opacity: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
-o-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay {
position: relative;
display: block;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay img {
width: 100%;
overflow: hidden;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay img.img-responsive {
width: auto;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail .prettyPhoto {
display: none;
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border: 1px solid #fff;
color: #fff;
opacity: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: translate(-50%, -50%) scale(0.8);
-ms-transform: translate(-50%, -50%) scale(0.8);
-o-transform: translate(-50%, -50%) scale(0.8);
transform: translate(-50%, -50%) scale(0.8);
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail .prettyPhoto:hover {
color: #333333;
border: 1px solid #333333;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-category {
background-color: #fff;
font-style: italic;
padding: 1px 8px;
position: absolute;
left: 0;
bottom: 0;
text-transform: uppercase;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-nav {
opacity: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-nav .owl-prev {
background: rgba(0, 0, 0, 0.3);
color: #fff;
position: absolute;
top: 50%;
left: 0;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-nav .owl-prev:hover {
background: rgba(0, 0, 0, 0.6);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-nav .owl-next {
background: rgba(0, 0, 0, 0.3);
color: #fff;
position: absolute;
top: 50%;
right: 0;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-nav .owl-next:hover {
background: rgba(0, 0, 0, 0.6);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-dots {
text-align: center;
position: absolute;
bottom: 20px;
width: 100%;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-dots .owl-dot {
background: #868686;
display: inline-block;
height: 10px;
margin: 0 5px;
width: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-dots .owl-dot.active {
background: transparent;
border: 1px solid #333333;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-link-wrapper .post-content-link {
background: #eeeeee;
height: 60px;
display: flex;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-link-wrapper .post-content-link i {
width: 60px;
line-height: 60px;
background: #333333;
color: #fff;
text-align: center;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-link-wrapper .post-content-link a {
margin-left: 20px;
line-height: 60px;
font-weight: 700;
font-style: italic;
text-transform: uppercase;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface {
height: 60px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-controls {
height: 60px;
line-height: 60px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-controls a {
color: #fff;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-controls a:hover {
color: #333333;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-controls a i {
font-size: 16px;
line-height: 18px;
position: relative;
top: 2px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-progress {
width: calc(100% - 200px) !important;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-progress .jp-seek-bar {
height: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-progress .jp-seek-bar .jp-play-bar {
background: #333333;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-volume .jp-volume-bar {
height: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-volume .jp-volume-bar .jp-volume-bar-value {
background: #333333;
height: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper {
padding: 15px;
background: #eeeeee;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper blockquote {
border-left: none;
font-style: italic;
margin: 0;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper blockquote p {
font-size: 18px;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper blockquote p {
font-size: 16px;
}
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper blockquote p i {
font-style: italic;
color: #333333;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper blockquote p i.fa-quote-left {
margin-right: 5px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper blockquote cite {
font-weight: 700;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title {
margin-top: 20px;
line-height: 1.4;
}
@media screen and (max-width: 767px) {
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title {
padding: 0;
}
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title a {
color: #333333;
font-size: 34px;
font-weight: 600;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 991px) {
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title a {
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title a {
font-size: 18px;
}
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info {
font-size: 14px;
font-style: italic;
margin-top: 15px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-sticky {
display: inline-block;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-sticky i {
margin-right: 10px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-date {
display: inline-block;
margin-right: 15px;
padding-right: 20px;
border-right: 1px solid rgba(0, 0, 0, 0.3);
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-author {
display: inline-block;
margin-right: 4px;
font-weight: normal;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-author span {
text-transform: capitalize;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-author a {
font-weight: 700;
text-transform: capitalize;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-author a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-views {
display: inline-block;
margin-right: 10px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-views i {
margin-right: 10px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-comment {
display: inline-block;
margin-right: 10px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-comment i {
margin-right: 10px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-excerpt {
margin-top: 15px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-read-more {
margin-top: 35px;
margin-bottom: 35px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-read-more .read-more {
border: 1px solid #333333;
color: #333333;
font-weight: 700;
padding: 10px 20px;
text-transform: uppercase;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-read-more .read-more:hover {
background-color: #333333;
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-blog .archive-content .archive-content-layout article.format-standard:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-meta-category {
margin-top: 0;
}
.haru-archive-blog .archive-content .archive-content-layout article.large-image .post-wrapper {
padding-bottom: 10px;
border-bottom: 1px solid #ededed;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image .post-wrapper {
padding-bottom: 10px;
border-bottom: 1px solid #ededed;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-thumbnail-wrapper {
width: 50%;
float: left;
margin-bottom: 30px;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-thumbnail-wrapper .post-thumbnail {
margin-right: 10px;
}
@media screen and (max-width: 991px) {
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-thumbnail-wrapper {
width: 100%;
margin-bottom: 20px;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-thumbnail-wrapper .post-thumbnail {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-thumbnail-wrapper {
width: 100%;
}
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper {
width: 50%;
float: left;
text-align: left;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper .post-detail {
margin-left: 10px;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper .post-detail .post-meta-info {
margin-top: 0;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper .post-detail .post-title {
padding: 0;
margin-top: -10px;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper .post-detail .post-title a {
font-size: 18px;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper .post-detail .post-excerpt {
padding: 0;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper .post-detail .post-read-more {
margin-top: 30px;
margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper {
width: 100%;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper .post-detail {
margin-left: 0;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper .post-detail .post-meta-category {
margin-top: 15px;
}
}
@media screen and (max-width: 767px) {
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper {
width: 100%;
}
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-title {
padding: 0;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-title a {
font-size: 18px;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-excerpt {
padding: 0;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-read-more {
margin-top: 30px;
margin-bottom: 30px;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-audio .post-wrapper .post-content-wrapper, .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-link .post-wrapper .post-content-wrapper, .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-quote .post-wrapper .post-content-wrapper {
width: 100%;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-audio .post-wrapper .post-content-wrapper .post-detail, .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-link .post-wrapper .post-content-wrapper .post-detail, .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-quote .post-wrapper .post-content-wrapper .post-detail {
margin-left: 0;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-audio .post-wrapper .post-content-wrapper .post-detail .post-title, .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-link .post-wrapper .post-content-wrapper .post-detail .post-title, .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-quote .post-wrapper .post-content-wrapper .post-detail .post-title {
margin-top: 10px;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-audio .post-wrapper .post-content-wrapper .post-detail .post-meta-category, .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-link .post-wrapper .post-content-wrapper .post-detail .post-meta-category, .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-quote .post-wrapper .post-content-wrapper .post-detail .post-meta-category {
margin-top: 30px;
}
.haru-archive-blog .archive-content .archive-content-layout article.grid, .haru-archive-blog .archive-content .archive-content-layout article.masonry {
padding-bottom: 30px;
}
.haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper .post-content-wrapper .post-detail .post-title, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper .post-content-wrapper .post-detail .post-title {
padding: 0;
margin-bottom: 0;
}
.haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper .post-content-wrapper .post-detail .post-title a, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper .post-content-wrapper .post-detail .post-title a {
font-size: 18px;
}
@media screen and (max-width: 767px) {
.haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper .post-content-wrapper .post-detail .post-title a, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper .post-content-wrapper .post-detail .post-title a {
font-size: 18px;
}
}
.haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper .post-content-wrapper .post-detail .post-meta-info, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper .post-content-wrapper .post-detail .post-meta-info {
display: none;
}
.haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper .post-content-wrapper .post-detail .post-read-more, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper .post-content-wrapper .post-detail .post-read-more {
margin-bottom: 15px;
margin-top: 25px;
}
.haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper .post-content-wrapper .post-detail .post-read-more .read-more, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper .post-content-wrapper .post-detail .post-read-more .read-more {
color: #333333;
padding: 3px 0;
border: none;
border-bottom: 1px solid #333333;
}
.haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper .post-content-wrapper .post-detail .post-read-more .read-more:hover, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper .post-content-wrapper .post-detail .post-read-more .read-more:hover {
background: transparent;
color: #ababab;
border-bottom: 1px solid #ababab;
}
.haru-archive-blog .archive-content .archive-content-layout article.grid:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-meta-info, .haru-archive-blog .archive-content .archive-content-layout article.masonry:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-meta-info {
margin-top: 0;
}
.haru-archive-blog .archive-paging {
padding-bottom: 8%;
}
.haru-archive-blog .archive-paging.default {
margin-top: 30px;
text-align: center;
}
.haru-archive-blog .archive-paging.default .page-numbers {
list-style: none;
list-style-type: none;
display: inline-block;
padding: 0;
margin: 0;
}
.haru-archive-blog .archive-paging.default .page-numbers li {
display: inline-block;
padding: 0 10px;
}
.haru-archive-blog .archive-paging.default .page-numbers li span, .haru-archive-blog .archive-paging.default .page-numbers li a {
color: #696969;
display: inline-block;
padding: 0 5px;
border-bottom: 1px solid #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-blog .archive-paging.default .page-numbers li span.current {
border-bottom: 1px solid #333333;
color: #333333;
}
.haru-archive-blog .archive-paging.default .page-numbers li a:hover, .haru-archive-blog .archive-paging.default .page-numbers li a:focus {
border-bottom: 1px solid #333333;
color: #333333;
}
.haru-archive-blog .archive-paging.default .page-numbers li a.prev, .haru-archive-blog .archive-paging.default .page-numbers li a.next {
text-transform: capitalize;
}
.haru-archive-blog .archive-paging.load-more {
text-align: center;
}
.haru-archive-blog .archive-paging.load-more button {
background-color: #333333;
border: 1px solid transparent;
color: #fff;
font-weight: 700;
padding: 8px 25px;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-blog .archive-paging.load-more button:hover {
background-color: transparent;
border: 1px solid #333333;
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-blog .archive-paging.load-more button:focus {
outline: none;
}
.single-content.no-sidebar .post-content-wrapper {
margin: 0 15%;
}
@media screen and (max-width: 767px) {
.single-content.no-sidebar .post-content-wrapper {
margin: 0;
}
}
.single-content.no-sidebar .author-info {
padding: 40px 15% !important;
}
@media screen and (max-width: 767px) {
.single-content.no-sidebar .author-info {
padding: 40px 0 !important;
}
}
.single-content.no-sidebar .post-related {
text-align: center;
}
.single-content.no-sidebar #comments {
padding: 0 15%;
}
@media screen and (max-width: 767px) {
.single-content.no-sidebar #comments {
padding: 0 !important;
}
}
.single-content .single-wrapper {
margin-bottom: 80px;
}
@media screen and (max-width: 991px) {
.single-content .single-wrapper {
margin-bottom: 10px;
}
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info {
text-align: center;
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-title {
font-size: 34px;
font-weight: 600;
margin-top: 0;
}
@media screen and (max-width: 767px) {
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-title {
font-size: 24px;
}
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info {
font-size: 14px;
font-style: italic;
margin-top: 25px;
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-sticky {
display: inline-block;
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-sticky i {
margin-right: 10px;
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-date {
display: inline-block;
margin-right: 15px;
padding-right: 20px;
border-right: 1px solid rgba(0, 0, 0, 0.3);
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-author {
display: inline-block;
margin-right: 4px;
font-weight: normal;
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-author span {
text-transform: capitalize;
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-author a {
font-weight: 700;
text-transform: capitalize;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-author a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-views {
display: inline-block;
margin-right: 10px;
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-views i {
margin-right: 10px;
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-comment {
display: inline-block;
margin-right: 10px;
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-comment i {
margin-right: 10px;
}
.single-content .single-wrapper article .post-thumbnail-wrapper {
margin-top: 30px;
position: relative;
}
.single-content .single-wrapper article .post-thumbnail-wrapper:hover .owl-nav {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail {
position: relative;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail:hover .post-thumbnail-overlay:before {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail:hover .prettyPhoto {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
-o-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay {
position: relative;
display: block;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay:before {
display: none;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(51, 51, 51, 0.8);
opacity: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay img {
width: 100%;
overflow: hidden;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay img.img-responsive {
width: auto;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail .prettyPhoto {
display: none;
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border: 1px solid #fff;
color: #fff;
opacity: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: translate(-50%, -50%) scale(0.8);
-ms-transform: translate(-50%, -50%) scale(0.8);
-o-transform: translate(-50%, -50%) scale(0.8);
transform: translate(-50%, -50%) scale(0.8);
}
.single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail .prettyPhoto:hover {
color: #333333;
border: 1px solid #333333;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .post-meta-category {
background-color: #fff;
font-style: italic;
font-size: 12px;
padding: 1px 8px;
position: absolute;
left: 0;
bottom: 0;
text-transform: uppercase;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-play-pause a:hover {
color: #333333;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-progress {
width: calc(100% - 200px) !important;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-progress .jp-play-bar {
background: #444444;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-volume .jp-volume-bar-value {
background: #444444;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .owl-nav {
opacity: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .owl-nav .owl-prev {
background: rgba(0, 0, 0, 0.3);
color: #fff;
position: absolute;
top: 50%;
left: 0;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .owl-nav .owl-prev:hover {
background: rgba(0, 0, 0, 0.6);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .owl-nav .owl-next {
background: rgba(0, 0, 0, 0.3);
color: #fff;
position: absolute;
top: 50%;
right: 0;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .owl-nav .owl-next:hover {
background: rgba(0, 0, 0, 0.6);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .owl-dots {
text-align: center;
position: absolute;
bottom: 20px;
width: 100%;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .owl-dots .owl-dot {
background: #868686;
display: inline-block;
height: 10px;
margin: 0 5px;
width: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .owl-dots .owl-dot.active {
background: transparent;
border: 1px solid #333333;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.single-content .single-wrapper article .post-thumbnail-wrapper blockquote {
border-left: 3px solid #333333;
font-size: 24px;
font-style: italic;
font-family: "Muli";
letter-spacing: 2px;
margin: 5%;
}
@media screen and (max-width: 767px) {
.single-content .single-wrapper article .post-thumbnail-wrapper blockquote {
font-size: 20px;
}
}
.single-content .single-wrapper article .post-content-wrapper {
margin-top: 35px;
padding-bottom: 30px;
border-bottom: 1px solid #ededed;
}
.single-content .single-wrapper article .post-content-wrapper .post-content blockquote {
border-left: none;
font-size: 22px;
font-style: italic;
margin: 3% 5%;
}
.single-content .single-wrapper article .post-content-wrapper .post-content blockquote p {
color: #333333;
line-height: 1.6;
}
@media screen and (max-width: 767px) {
.single-content .single-wrapper article .post-content-wrapper .post-content blockquote {
font-size: 16px;
}
}
.single-content .single-wrapper article .post-content-wrapper .post-other-meta {
clear: both;
margin-top: 6%;
text-align: center;
}
.single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags .post-meta-tag {
font-size: 15px;
}
.single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags .post-meta-tag .tag-title {
color: #333333;
display: none;
font-weight: 700;
margin-right: 10px;
text-transform: uppercase;
}
.single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags .post-meta-tag a {
color: #ababab;
display: inline-block;
font-size: 14px;
font-style: italic;
margin: 3px 5px 3px 0;
padding: 2px 10px;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags .post-meta-tag a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags .post-meta-tag a:before {
content: "#";
position: absolute;
left: 0;
}
@media screen and (max-width: 767px) {
.single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags .post-meta-tag a {
display: inline-block;
font-size: 13px;
margin-bottom: 5px;
}
}
.single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share {
list-style-type: none;
list-style: none;
padding: 0;
}
.single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share li {
display: inline-block;
}
.single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share li.social-label {
color: #333333;
font-weight: 700;
margin-right: 10px;
padding: 0;
text-transform: uppercase;
}
.single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share li a {
color: #ababab;
display: inline-block;
font-size: 15px;
text-align: center;
width: 36px;
height: 36px;
line-height: 33px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 767px) {
.single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share li a {
font-size: 12px;
width: 30px;
height: 30px;
line-height: 28px;
margin-bottom: 3px;
}
}
.single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share li a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper .single-post-navigation {
margin-top: 70px;
padding-bottom: 15px;
}
@media screen and (max-width: 991px) {
.single-content .single-wrapper .single-post-navigation {
margin-top: 30px;
}
}
.single-content .single-wrapper .single-post-navigation .nav-links {
display: inline-block;
width: 50%;
}
.single-content .single-wrapper .single-post-navigation .nav-links.nav-previous {
text-align: left;
}
.single-content .single-wrapper .single-post-navigation .nav-links.nav-previous:hover .post-navigation-content .post-navigation-title {
color: #333333;
}
.single-content .single-wrapper .single-post-navigation .nav-links.nav-previous .post-navigation-left {
font-size: 15px;
}
.single-content .single-wrapper .single-post-navigation .nav-links.nav-previous .post-navigation-left i {
font-size: 18px;
margin-right: 10px;
}
.single-content .single-wrapper .single-post-navigation .nav-links.nav-previous .post-navigation-content .post-navigation-title {
color: #333333;
display: inline-block;
font-size: 16px;
font-family: "Muli";
font-weight: 700;
}
@media screen and (max-width: 767px) {
.single-content .single-wrapper .single-post-navigation .nav-links.nav-previous .post-navigation-content .post-navigation-title {
font-size: 14px;
}
}
.single-content .single-wrapper .single-post-navigation .nav-links.nav-next {
text-align: right;
}
.single-content .single-wrapper .single-post-navigation .nav-links.nav-next:hover .post-navigation-content .post-navigation-title {
color: #333333;
}
.single-content .single-wrapper .single-post-navigation .nav-links.nav-next .post-navigation-right {
font-size: 15px;
}
.single-content .single-wrapper .single-post-navigation .nav-links.nav-next .post-navigation-right i {
font-size: 18px;
margin-left: 10px;
}
.single-content .single-wrapper .single-post-navigation .nav-links.nav-next .post-navigation-content .post-navigation-title {
color: #333333;
display: inline-block;
font-size: 16px;
font-family: "Muli";
font-weight: 700;
}
.single-content .single-wrapper .author-info {
padding: 40px 20px;
text-align: center;
border-bottom: 1px solid #ededed;
}
.single-content .single-wrapper .author-info .author-avatar img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.single-content .single-wrapper .author-info .author-description .author-title {
letter-spacing: 2px;
margin-top: 20px;
text-transform: uppercase;
}
.single-content .single-wrapper .author-info .author-description .author-title a {
color: #333333;
}
.single-content .single-wrapper .author-info .author-description .author-title a:hover {
color: #333333;
}
.single-content .single-wrapper .author-info .author-description .author-bio {
font-family: "Muli";
font-style: italic;
font-size: 15px;
padding: 0 12%;
}
.single-content .single-wrapper .author-info .author-description .author-url {
border-bottom: 1px solid transparent;
color: #ababab;
display: inline-block;
padding-top: 20px;
line-height: 1.1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper .author-info .author-description .author-url:hover {
border-bottom: 1px solid #333333;
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper .post-related {
border-bottom: 1px solid #ededed;
margin-top: 60px;
padding-bottom: 35px;
}
@media screen and (max-width: 991px) {
.single-content .single-wrapper .post-related {
margin-top: 30px;
padding-bottom: 15px;
}
}
.single-content .single-wrapper .post-related .related-title {
font-size: 24px;
font-weight: 400;
position: relative;
padding-bottom: 25px;
}
@media screen and (max-width: 767px) {
.single-content .single-wrapper .post-related .related-title {
font-size: 24px;
}
}
.single-content .single-wrapper .post-related .related-list {
position: relative;
}
.single-content .single-wrapper .post-related .related-list:hover .owl-nav .owl-prev, .single-content .single-wrapper .post-related .related-list:hover .owl-nav .owl-next {
opacity: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.single-content .single-wrapper .post-related .related-list .related-item .post-image {
margin-bottom: 20px;
position: relative;
}
.single-content .single-wrapper .post-related .related-list .related-item .post-image .post-meta-category {
background-color: #fff;
font-size: 12px;
font-style: italic;
padding: 0 8px;
position: absolute;
left: 0;
bottom: -1px;
text-transform: uppercase;
}
.single-content .single-wrapper .post-related .related-list .related-item .post-meta {
padding: 0 10%;
text-align: center;
}
.single-content .single-wrapper .post-related .related-list .related-item .post-meta a {
text-transform: uppercase;
font-style: italic;
}
.single-content .single-wrapper .post-related .related-list .related-item .post-meta .post-title {
font-size: 18px;
font-weight: 600;
padding-top: 0;
line-height: 1.5;
}
.single-content .single-wrapper .post-related .related-list .related-item .post-meta .post-title a {
color: #333333;
font-style: normal;
text-transform: none;
}
.single-content .single-wrapper .post-related .related-list .related-item .post-meta .post-title a:hover {
color: #333333;
}
.single-content .single-wrapper .post-related .related-list .owl-nav .owl-prev, .single-content .single-wrapper .post-related .related-list .owl-nav .owl-next {
position: absolute;
display: block;
top: 50%;
z-index: 999;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: rgba(0, 0, 0, 0.2);
color: #fff;
opacity: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.single-content .single-wrapper .post-related .related-list .owl-nav .owl-prev:hover, .single-content .single-wrapper .post-related .related-list .owl-nav .owl-next:hover {
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
}
.single-content .single-wrapper .post-related .related-list .owl-nav .owl-prev {
left: 0;
}
.single-content .single-wrapper .post-related .related-list .owl-nav .owl-next {
right: 0;
}
#comments {
margin-top: 70px;
}
#comments .comments-title {
font-size: 24px;
font-weight: 400;
line-height: 1.4;
padding-bottom: 10px;
position: relative;
}
@media screen and (max-width: 767px) {
#comments .comments-title {
font-size: 18px;
}
}
#comments .post-comments-list .comment-list {
padding: 0;
list-style: none;
list-style-type: none;
}
#comments .post-comments-list .comment-list li.pingback .comment-body .author-avatar {
width: 0;
}
#comments .post-comments-list .comment-list li.pingback .comment-body .comment-text {
padding-left: 0;
}
#comments .post-comments-list .comment-list li .comment-body {
padding: 10px 0;
margin-bottom: 10px;
}
#comments .post-comments-list .comment-list li .comment-body .author-avatar {
width: 90px;
float: left;
}
#comments .post-comments-list .comment-list li .comment-body .author-avatar img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
@media screen and (max-width: 767px) {
#comments .post-comments-list .comment-list li .comment-body .author-avatar {
width: 50px;
}
}
#comments .post-comments-list .comment-list li .comment-body .comment-text {
padding-left: 90px;
}
@media screen and (max-width: 767px) {
#comments .post-comments-list .comment-list li .comment-body .comment-text {
padding-left: 65px;
}
}
#comments .post-comments-list .comment-list li .comment-body .comment-text .author .author-name {
color: #333333;
font-size: 18px;
font-weight: 700;
text-transform: capitalize;
}
#comments .post-comments-list .comment-list li .comment-body .comment-text .author .author-name a {
font-weight: 700;
}
@media screen and (max-width: 767px) {
#comments .post-comments-list .comment-list li .comment-body .comment-text .author .author-name {
font-size: 16px;
}
}
#comments .post-comments-list .comment-list li .comment-body .comment-text .comment-meta {
padding-top: 5px;
}
#comments .post-comments-list .comment-list li .comment-body .comment-text .comment-meta .comment-meta-date {
color: #757575;
font-size: 15px;
font-style: italic;
float: left;
}
#comments .post-comments-list .comment-list li .comment-body .comment-text .comment-meta .comment-meta-action a {
color: #757575;
font-style: italic;
font-weight: 700;
margin-left: 15px;
}
#comments .post-comments-list .comment-list li .comment-body .comment-text .comment-meta .comment-meta-action a:hover {
color: #333333;
}
#comments .post-comments-list .comment-list li .comment-body .comment-text .comment-meta .comment-meta-action a:first-child {
padding-left: 15px;
border-left: 1px solid #ededed;
}
#comments .post-comments-list .comment-list li .comment-body .comment-text .text {
margin-top: 5px;
line-height: 1.8;
}
#comments .post-comments-list .comment-list li .children {
border-left: 1px solid #ededed;
margin-left: 70px;
margin-bottom: 20px;
padding-left: 15px;
}
@media screen and (max-width: 991px) {
#comments .post-comments-list .comment-list li .children {
margin-left: 35px;
padding-left: 10px;
}
}
@media screen and (max-width: 767px) {
#comments .post-comments-list .comment-list li .children {
margin-left: 10px;
padding-left: 5px;
}
}
#comments .post-comments-list .comment-list .children {
list-style: none;
list-style-type: none;
}
#comments .post-comments-form {
border-top: 1px solid #ededed;
margin-top: 15px;
padding-top: 50px;
}
@media screen and (max-width: 991px) {
#comments .post-comments-form {
padding-top: 30px;
}
}
#comments #respond-wrapper h3, #comments .comment-respond h3 {
font-size: 24px;
font-weight: 400;
line-height: 1.4;
position: relative;
}
@media screen and (max-width: 767px) {
#comments #respond-wrapper h3, #comments .comment-respond h3 {
font-size: 18px;
}
}
#comments #respond-wrapper .comment-form, #comments .comment-respond .comment-form {
margin-top: 20px;
}
#comments #respond-wrapper .comment-form input, #comments #respond-wrapper .comment-form textarea, #comments .comment-respond .comment-form input, #comments .comment-respond .comment-form textarea {
border: 1px solid #ededed;
padding: 10px 15px;
height: auto;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#comments #respond-wrapper .comment-form input:focus, #comments #respond-wrapper .comment-form textarea:focus, #comments .comment-respond .comment-form input:focus, #comments .comment-respond .comment-form textarea:focus {
outline: none;
}
#comments #respond-wrapper .comment-form textarea, #comments .comment-respond .comment-form textarea {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#comments #respond-wrapper .comment-form .logged-in-as, #comments .comment-respond .comment-form .logged-in-as {
font-style: italic;
}
#comments #respond-wrapper .comment-form .comment-form-comment, #comments .comment-respond .comment-form .comment-form-comment {
margin-top: 10px;
}
#comments #respond-wrapper .comment-form .submit, #comments .comment-respond .comment-form .submit {
background: #333333;
color: #fff;
font-weight: 700;
padding: 10px 30px;
margin-top: 20px;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#comments #respond-wrapper .comment-form .submit:hover, #comments .comment-respond .comment-form .submit:hover {
background: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#comments .comment-respond {
margin-bottom: 15px;
}
#comments .comment-respond h3 {
font-size: 24px;
}
#comments .comment-respond h3 small {
margin-left: 10px;
font-style: italic;
text-transform: none;
}
.has-left-sidebar {
float: right !important;
}
.left-sidebar {
float: left !important;
}
.archive-sidebar aside, .single-sidebar aside {
margin-bottom: 30px;
}
.archive-sidebar .widget-title, .single-sidebar .widget-title {
font-size: 24px;
line-height: 1.4;
margin-top: 0px;
margin-bottom: 15px;
font-weight: 600;
}
.archive-sidebar .widget_categories ul, .archive-sidebar .widget_archive ul, .single-sidebar .widget_categories ul, .single-sidebar .widget_archive ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.archive-sidebar .widget_categories ul li, .archive-sidebar .widget_archive ul li, .single-sidebar .widget_categories ul li, .single-sidebar .widget_archive ul li {
padding: 8px 0;
position: relative;
}
.archive-sidebar .widget_categories ul li:last-child, .archive-sidebar .widget_archive ul li:last-child, .single-sidebar .widget_categories ul li:last-child, .single-sidebar .widget_archive ul li:last-child {
padding-bottom: 0;
}
.archive-sidebar .widget_categories ul li:hover, .archive-sidebar .widget_archive ul li:hover, .single-sidebar .widget_categories ul li:hover, .single-sidebar .widget_archive ul li:hover {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.archive-sidebar .widget_categories ul li:hover a, .archive-sidebar .widget_archive ul li:hover a, .single-sidebar .widget_categories ul li:hover a, .single-sidebar .widget_archive ul li:hover a {
margin-left: 10px;
color: #333333;
text-decoration: underline;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.archive-sidebar .widget_categories ul li:hover .list-count, .archive-sidebar .widget_categories ul li:hover .archive-count, .archive-sidebar .widget_archive ul li:hover .list-count, .archive-sidebar .widget_archive ul li:hover .archive-count, .single-sidebar .widget_categories ul li:hover .list-count, .single-sidebar .widget_categories ul li:hover .archive-count, .single-sidebar .widget_archive ul li:hover .list-count, .single-sidebar .widget_archive ul li:hover .archive-count {
color: #333333;
font-weight: 700;
}
.archive-sidebar .widget_categories ul li a, .archive-sidebar .widget_archive ul li a, .single-sidebar .widget_categories ul li a, .single-sidebar .widget_archive ul li a {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.archive-sidebar .widget_categories ul li .list-count, .archive-sidebar .widget_categories ul li .archive-count, .archive-sidebar .widget_archive ul li .list-count, .archive-sidebar .widget_archive ul li .archive-count, .single-sidebar .widget_categories ul li .list-count, .single-sidebar .widget_categories ul li .archive-count, .single-sidebar .widget_archive ul li .list-count, .single-sidebar .widget_archive ul li .archive-count {
float: right;
}
.archive-sidebar .widget_categories ul li ul, .archive-sidebar .widget_archive ul li ul, .single-sidebar .widget_categories ul li ul, .single-sidebar .widget_archive ul li ul {
padding-left: 20px;
}
.archive-sidebar .widget_categories select, .archive-sidebar .widget_archive select, .single-sidebar .widget_categories select, .single-sidebar .widget_archive select {
margin-top: 15px;
}
.archive-sidebar .widget_categories select:focus, .archive-sidebar .widget_archive select:focus, .single-sidebar .widget_categories select:focus, .single-sidebar .widget_archive select:focus {
outline: none;
}
.archive-sidebar .widget_calendar .calendar_wrap table, .single-sidebar .widget_calendar .calendar_wrap table {
width: 100%;
border: 1px solid #ededed;
text-align: center;
}
.archive-sidebar .widget_calendar .calendar_wrap table th, .single-sidebar .widget_calendar .calendar_wrap table th {
border-bottom: 1px solid #ededed;
text-align: center;
padding: 5px 0;
background: #333333;
color: #fff;
}
.archive-sidebar .widget_calendar .calendar_wrap table td, .single-sidebar .widget_calendar .calendar_wrap table td {
border-left: 1px solid #ededed;
border-bottom: 1px solid #ededed;
padding: 5px 0;
}
.archive-sidebar .widget_pages ul, .single-sidebar .widget_pages ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.archive-sidebar .widget_pages ul li, .single-sidebar .widget_pages ul li {
padding: 8px 0;
}
.archive-sidebar .widget_pages ul li:last-child, .single-sidebar .widget_pages ul li:last-child {
padding-bottom: 0;
}
.archive-sidebar .widget_pages ul li a, .single-sidebar .widget_pages ul li a {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.archive-sidebar .widget_pages ul li a:hover, .single-sidebar .widget_pages ul li a:hover {
margin-left: 10px;
color: #333333;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.archive-sidebar .widget_pages ul li ul.children, .single-sidebar .widget_pages ul li ul.children {
padding-left: 20px;
}
.archive-sidebar .widget_meta ul, .single-sidebar .widget_meta ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.archive-sidebar .widget_meta ul li, .single-sidebar .widget_meta ul li {
padding: 8px 0;
}
.archive-sidebar .widget_meta ul li:last-child, .single-sidebar .widget_meta ul li:last-child {
padding-bottom: 0;
}
.archive-sidebar .widget_meta ul li a, .single-sidebar .widget_meta ul li a {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.archive-sidebar .widget_meta ul li a:hover, .single-sidebar .widget_meta ul li a:hover {
margin-left: 10px;
color: #333333;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.archive-sidebar .widget_recent_comments ul, .single-sidebar .widget_recent_comments ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.archive-sidebar .widget_recent_comments ul li, .single-sidebar .widget_recent_comments ul li {
padding: 8px 0;
}
.archive-sidebar .widget_recent_comments ul li:last-child, .single-sidebar .widget_recent_comments ul li:last-child {
padding-bottom: 0;
}
.archive-sidebar .widget_recent_comments ul li span, .single-sidebar .widget_recent_comments ul li span {
color: #ababab;
font-style: italic;
}
.archive-sidebar .widget_recent_comments ul li a, .single-sidebar .widget_recent_comments ul li a {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.archive-sidebar .widget_recent_comments ul li a:hover, .single-sidebar .widget_recent_comments ul li a:hover {
margin-left: 10px;
color: #333333;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.archive-sidebar .widget_recent_comments ul li a.url, .single-sidebar .widget_recent_comments ul li a.url {
color: #ababab;
}
.archive-sidebar .widget_recent_comments ul li a.url:hover, .single-sidebar .widget_recent_comments ul li a.url:hover {
color: #333333;
}
.archive-sidebar .widget_recent_entries ul, .single-sidebar .widget_recent_entries ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.archive-sidebar .widget_recent_entries ul li, .single-sidebar .widget_recent_entries ul li {
padding: 8px 0;
}
.archive-sidebar .widget_recent_entries ul li:last-child, .single-sidebar .widget_recent_entries ul li:last-child {
padding-bottom: 0;
}
.archive-sidebar .widget_recent_entries ul li a, .single-sidebar .widget_recent_entries ul li a {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.archive-sidebar .widget_recent_entries ul li a:hover, .single-sidebar .widget_recent_entries ul li a:hover {
margin-left: 10px;
color: #333333;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.archive-sidebar .widget_rss > ul, .single-sidebar .widget_rss > ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.archive-sidebar .widget_rss > ul li, .single-sidebar .widget_rss > ul li {
padding: 8px 0;
}
.archive-sidebar .widget_rss > ul li:last-child, .single-sidebar .widget_rss > ul li:last-child {
padding-bottom: 0;
}
.archive-sidebar .widget_rss > ul li a, .single-sidebar .widget_rss > ul li a {
color: #ababab;
font-style: italic;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.archive-sidebar .widget_rss > ul li a:hover, .single-sidebar .widget_rss > ul li a:hover {
margin-left: 10px;
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.archive-sidebar .widget_nav_menu ul, .single-sidebar .widget_nav_menu ul {
padding: 0;
margin: 0 0 1.75em 1.25em;
}
.archive-sidebar .widget_nav_menu ul li, .single-sidebar .widget_nav_menu ul li {
padding: 3px 0;
}
.archive-sidebar .widget_nav_menu ul li > ul, .single-sidebar .widget_nav_menu ul li > ul {
margin-bottom: 0;
}
.archive-sidebar .widget_search .search-form, .single-sidebar .widget_search .search-form {
position: relative;
background-color: #f2f2f2;
border-radius: 0;
}
.archive-sidebar .widget_search .search-form label, .single-sidebar .widget_search .search-form label {
display: block;
}
.archive-sidebar .widget_search .search-form label input[type="search"], .single-sidebar .widget_search .search-form label input[type="search"] {
width: calc(100% - 60px);
height: 40px;
background-color: #f2f2f2;
border: none;
outline: none;
padding-left: 15px;
padding-right: 5px;
font-weight: 400;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.archive-sidebar .widget_search .search-form .search-submit, .single-sidebar .widget_search .search-form .search-submit {
width: 60px;
padding: 0;
position: absolute;
font-size: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
border: none;
background: none;
outline: none;
}
.archive-sidebar .widget_search .search-form .search-submit:hover, .single-sidebar .widget_search .search-form .search-submit:hover {
color: #333333;
}
.archive-sidebar .widget_search .search-form .search-submit:before, .single-sidebar .widget_search .search-form .search-submit:before {
content: "\f4a4";
font-family: Ionicons;
position: absolute;
font-size: 20px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.archive-sidebar .widget_tag_cloud .tagcloud a, .single-sidebar .widget_tag_cloud .tagcloud a {
display: inline-block;
margin: 0 5px;
margin-top: 6px;
font-size: 14px !important;
text-transform: capitalize;
}
.archive-sidebar .widget_tag_cloud .tagcloud a:hover, .single-sidebar .widget_tag_cloud .tagcloud a:hover {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.archive-sidebar .widget-post-thumbnail ul, .single-sidebar .widget-post-thumbnail ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
padding-top: 10px;
}
.archive-sidebar .widget-post-thumbnail ul.thumb_left li, .single-sidebar .widget-post-thumbnail ul.thumb_left li {
border-bottom: 1px solid #ededed;
padding-bottom: 10px;
margin-bottom: 20px;
}
.archive-sidebar .widget-post-thumbnail ul.thumb_left li:last-child, .single-sidebar .widget-post-thumbnail ul.thumb_left li:last-child {
border: none;
}
.archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-image, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-image {
width: 28%;
float: left;
}
.archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content {
width: 65%;
float: right;
}
.archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content h4, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content h4 {
margin-bottom: 8px;
margin-top: -5px;
font-size: 15px;
line-height: 1.6;
font-weight: 600;
}
.archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content h4 a, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content h4 a {
color: #333333;
}
.archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content h4 a:hover, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content h4 a:hover {
color: #333333;
}
.archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta {
font-style: italic;
}
.archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta span, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta span {
margin-right: 5px;
}
.archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta span:last-child, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta span:last-child {
margin-right: 0;
}
.archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta time, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta time {
color: #ababab;
font-style: italic;
}
.archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta .comment-count i, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta .comment-count i {
margin-right: 5px;
}
.archive-sidebar select, .single-sidebar select {
max-width: 100%;
}
.archive-sidebar select:focus, .single-sidebar select:focus {
outline: none;
}
@media screen and (max-width: 991px) {
.archive-sidebar, .single-sidebar {
margin-top: 30px;
}
}
@media screen and (max-width: 767px) {
.archive-sidebar, .single-sidebar {
margin-top: 30px;
}
}
.search-form {
position: relative;
background-color: #faf8f4;
border-radius: 30px;
}
.search-form label {
display: block;
}
.search-form label input[type="search"] {
width: calc(100% - 60px);
height: 40px;
background-color: #faf8f4;
border: none;
outline: none;
padding-left: 20px;
padding-right: 5px;
font-weight: 400;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 30px;
-webkit-border-top-left-radius: 30px;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 30px;
-moz-border-radius-topleft: 30px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 30px;
border-top-left-radius: 30px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.search-form .search-submit {
width: 60px;
padding: 0;
position: absolute;
font-size: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
border: none;
background: none;
outline: none;
}
.search-form .search-submit:hover {
color: #333333;
}
.search-form .search-submit:before {
content: "\f4a4";
font-family: Ionicons;
position: absolute;
font-size: 20px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
p.search-not-found {
padding-bottom: 10px;
}  ul.products {
list-style: none;
padding: 0;
}
ul.products li {
padding: 0 15px;
margin: 25px 0;
overflow: hidden;
}
li.product:hover .product-inner .star-rating, li.type-product:hover .product-inner .star-rating {
opacity: 1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
li.product:hover .product-inner .product-varations, li.type-product:hover .product-inner .product-varations {
opacity: 1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
li.product:hover .product-inner .product-actions, li.type-product:hover .product-inner .product-actions {
opacity: 1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
li.product:hover .product-design, li.type-product:hover .product-design {
opacity: 1;
transition: all .5s;
}
li.product .product-inner, li.type-product .product-inner {
position: relative;
text-align: center;
}
li.product .product-inner .product-thumbnail, li.type-product .product-inner .product-thumbnail {
position: relative;
overflow: hidden;
border: 1px solid rgba(237, 237, 237, 0.4);
}
li.product .product-inner .product-thumbnail .product-thumb-secondary, li.type-product .product-inner .product-thumbnail .product-thumb-secondary {
display: none;
}
li.product .product-inner .product-thumbnail img, li.type-product .product-inner .product-thumbnail img {
margin-bottom: 0 !important;
width: 100%;
}
li.product .product-inner .product-label, li.type-product .product-inner .product-label {
position: absolute;
right: 10px !important;
top: 10px !important;
z-index: 1;
}
li.product .product-inner .product-flash, li.product .product-inner .onsale, li.type-product .product-inner .product-flash, li.type-product .product-inner .onsale {
width: 50px;
background-color: #333333 !important;
color: #fff;
display: block;
position: relative;
z-index: 1;
left: 0 !important;
font-size: 14px !important;
min-height: auto;
min-width: auto;
margin: 0 0 5px 0 !important;
padding: 5px 0;
line-height: 14px;
font-weight: 700;
top: 0;
text-align: center;
text-transform: lowercase;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
@media screen and (max-width: 991px) {
li.product .product-inner .product-flash, li.product .product-inner .onsale, li.type-product .product-inner .product-flash, li.type-product .product-inner .onsale {
font-size: 12px !important;
}
}
@media screen and (max-width: 767px) {
li.product .product-inner .product-flash, li.product .product-inner .onsale, li.type-product .product-inner .product-flash, li.type-product .product-inner .onsale {
font-size: 10px !important;
width: 40px;
}
}
li.product .product-inner .product-flash.on-hot, li.type-product .product-inner .product-flash.on-hot {
background-color: #f2807f !important;
color: #fff;
}
li.product .product-inner .product-flash.on-new, li.type-product .product-inner .product-flash.on-new {
background-color: #77d6a6 !important;
color: #fff;
}
li.product .product-inner .onsale, li.type-product .product-inner .onsale {
background-color: #5576e2 !important;
}
li.product .product-inner .product-info, li.type-product .product-inner .product-info {
padding-top: 15px;
position: relative;
}
li.product .product-inner .product-info .woocommerce-loop-product__link, li.type-product .product-inner .product-info .woocommerce-loop-product__link {
display: inline-block;
float: left;
width: calc(100% - 66px);
}
li.product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title, li.type-product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title {
color: #696969;
font-size: 15px;
font-weight: normal;
line-height: 1.6;
padding: 0;
margin: 0;
text-align: left;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 991px) {
li.product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title, li.type-product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title {
font-size: 14px;
}
}
li.product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title:hover, li.type-product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 767px) {
li.product .product-inner .product-info .woocommerce-loop-product__link, li.type-product .product-inner .product-info .woocommerce-loop-product__link {
width: 100%;
}
}
li.product .product-inner .star-rating, li.type-product .product-inner .star-rating {
z-index: 2;
font-family: Ionicons;
font-size: 14px !important;
width: 65px;
height: 1em;
line-height: 1;
overflow: hidden;
margin-bottom: 12px;
position: absolute;
top: 10px;
left: 10px;
opacity: 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
li.product .product-inner .star-rating:before, li.type-product .product-inner .star-rating:before {
position: absolute;
top: 0;
left: 0;
content: "\f3ae \f3ae \f3ae \f3ae \f3ae";
color: #f7bb2a;
font-family: Ionicons;
letter-spacing: 2px;
}
li.product .product-inner .star-rating span, li.type-product .product-inner .star-rating span {
position: relative;
overflow: hidden;
float: left;
top: 0;
left: 0;
padding-top: 1.5em;
}
li.product .product-inner .star-rating span:before, li.type-product .product-inner .star-rating span:before {
position: absolute;
content: "\f2fc \f2fc \f2fc \f2fc \f2fc";
top: 0;
left: 0;
color: #f7bb2a;
font-family: Ionicons;
letter-spacing: 2px;
}
li.product .product-inner .price, li.type-product .product-inner .price {
font-size: 0 !important;
color: #333333 !important;
text-align: right;
display: inline-block !important;
line-height: 1.6;
margin-bottom: 0 !important;
width: 66px;
}
li.product .product-inner .price .woocommerce-Price-amount, li.type-product .product-inner .price .woocommerce-Price-amount {
font-size: 15px;
font-weight: 700;
color: #333333;
}
@media screen and (max-width: 991px) {
li.product .product-inner .price .woocommerce-Price-amount, li.type-product .product-inner .price .woocommerce-Price-amount {
font-size: 14px;
}
}
li.product .product-inner .price del, li.type-product .product-inner .price del {
display: block !important;
opacity: 0.6 !important;
color: #333333;
}
li.product .product-inner .price del span.woocommerce-Price-amount, li.type-product .product-inner .price del span.woocommerce-Price-amount {
font-weight: normal;
font-size: 13px;
}
@media screen and (max-width: 767px) {
li.product .product-inner .price del, li.type-product .product-inner .price del {
display: inline-block !important;
}
}
li.product .product-inner .price ins, li.type-product .product-inner .price ins {
display: block !important;
text-decoration: none;
}
@media screen and (max-width: 767px) {
li.product .product-inner .price ins, li.type-product .product-inner .price ins {
display: inline-block !important;
margin-right: 8px;
}
}
@media screen and (max-width: 767px) {
li.product .product-inner .price, li.type-product .product-inner .price {
width: 100%;
margin-top: 8px;
text-align: left;
font-size: 14px !important;
}
}
li.product .product-varations, li.type-product .product-varations {
text-align: left;
width: 100%;
padding-left: 20px;
position: absolute;
bottom: 50px;
opacity: 0;
z-index: 3;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
li.product .product-varations .haru-variations-list .variation-color, li.type-product .product-varations .haru-variations-list .variation-color {
border: 1px solid #ededed;
width: 16px;
height: 16px;
border-radius: 50%;
position: relative;
margin: 0 3px;
display: inline-block;
cursor: pointer;
}
li.product .product-varations .haru-variations-list .variation-color.selected, li.type-product .product-varations .haru-variations-list .variation-color.selected {
border-color: #9e9e9e;
}
li.product .product-varations .haru-variations-list .variation-color:hover .button-tooltip, li.type-product .product-varations .haru-variations-list .variation-color:hover .button-tooltip {
opacity: 1;
visibility: visible;
-webkit-transform: translate(-50%, -10px);
-ms-transform: translate(-50%, -10px);
-o-transform: translate(-50%, -10px);
transform: translate(-50%, -10px);
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
li.product .product-varations .haru-variations-list .variation-color .color-variation, li.type-product .product-varations .haru-variations-list .variation-color .color-variation {
width: 10px;
height: 10px;
border-radius: 50%;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
li.product .product-varations .haru-variations-list .variation-color .button-tooltip, li.type-product .product-varations .haru-variations-list .variation-color .button-tooltip {
padding: 1px 3px;
position: absolute;
text-transform: none;
display: inline-block;
min-width: 50px;
opacity: 0;
text-align: center;
visibility: hidden;
bottom: 100%;
left: 50%;
background: #555 !important;
color: #fff !important;
font-size: 12px !important;
line-height: 20px !important;
font-weight: normal;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
li.product .product-varations .haru-variations-list .variation-color .button-tooltip:after, li.type-product .product-varations .haru-variations-list .variation-color .button-tooltip:after {
width: 0;
height: 0;
position: absolute;
bottom: -6px;
left: 50%;
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #555;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
li.product .product-varations .haru-variations-list .variation-label, li.type-product .product-varations .haru-variations-list .variation-label {
border: 1px solid #ededed;
cursor: pointer;
margin: 0 3px;
padding: 0 5px;
position: relative;
}
li.product .product-varations .haru-variations-list .variation-label.selected, li.type-product .product-varations .haru-variations-list .variation-label.selected {
border-color: #9e9e9e;
}
li.product .product-varations .haru-variations-list .variation-label:hover .button-tooltip, li.type-product .product-varations .haru-variations-list .variation-label:hover .button-tooltip {
opacity: 1;
visibility: visible;
-webkit-transform: translate(-50%, -10px);
-ms-transform: translate(-50%, -10px);
-o-transform: translate(-50%, -10px);
transform: translate(-50%, -10px);
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
li.product .product-varations .haru-variations-list .variation-label .button-tooltip, li.type-product .product-varations .haru-variations-list .variation-label .button-tooltip {
padding: 1px 3px;
position: absolute;
text-transform: none;
display: inline-block;
min-width: 50px;
opacity: 0;
text-align: center;
visibility: hidden;
bottom: 100%;
left: 50%;
background: #555 !important;
color: #fff !important;
font-size: 12px !important;
line-height: 20px !important;
font-weight: normal;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
li.product .product-varations .haru-variations-list .variation-label .button-tooltip:after, li.type-product .product-varations .haru-variations-list .variation-label .button-tooltip:after {
width: 0;
height: 0;
position: absolute;
bottom: -6px;
left: 50%;
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #555;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
li.product .product-actions, li.type-product .product-actions {
background-color: #fff;
text-align: center;
width: 100%;
position: absolute;
bottom: 0;
opacity: 0;
z-index: 3;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
li.product .product-actions a:hover, li.type-product .product-actions a:hover {
background-color: transparent !important;
}
li.product .product-actions a:hover .button-tooltip, li.type-product .product-actions a:hover .button-tooltip {
opacity: 1;
visibility: visible;
-webkit-transform: translate(-50%, -6px);
-ms-transform: translate(-50%, -6px);
-o-transform: translate(-50%, -6px);
transform: translate(-50%, -6px);
-webkit-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
}
li.product .product-actions a .button-tooltip, li.type-product .product-actions a .button-tooltip {
padding: 2px 5px;
position: absolute;
text-transform: none;
display: inline-block;
min-width: 80px;
opacity: 0;
text-align: center;
visibility: hidden;
bottom: 100%;
left: 50%;
background: #555 !important;
color: #fff !important;
font-size: 12px !important;
line-height: 20px !important;
font-weight: normal;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
li.product .product-actions a .button-tooltip:after, li.type-product .product-actions a .button-tooltip:after {
width: 0;
height: 0;
position: absolute;
bottom: -6px;
left: 50%;
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #555;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
li.product .product-actions > div:after, li.type-product .product-actions > div:after {
background-color: #ededed;
content: "";
width: 1px;
height: 20px;
right: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
li.product .product-actions > div:last-child:after, li.type-product .product-actions > div:last-child:after {
display: none;
}
li.product .product-actions .yith-wcwl-add-to-wishlist, li.type-product .product-actions .yith-wcwl-add-to-wishlist {
position: relative;
display: inline-block;
margin-top: 0;
}
li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a {
display: inline-block;
font-size: 16px;
width: 55px;
height: 50px;
line-height: 50px;
background-color: #fff;
color: #333333;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a i, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a i, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a i, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a i, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a i, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a i {
margin: 0;
}
@media screen and (max-width: 1199px) {
li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a {
font-size: 14px;
height: 42px;
line-height: 42px;
width: 45px;
}
}
li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .ajax-loading, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .ajax-loading, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .ajax-loading, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .ajax-loading, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .ajax-loading, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .ajax-loading {
display: none !important;
}
li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .feedback, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .feedback, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .feedback, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .feedback {
display: none;
}
li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a {
font-size: 16px;
color: #444444;
}
@media screen and (max-width: 1199px) {
li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a {
font-size: 14px;
line-height: 42px;
width: 45px;
}
}
li.product .product-actions .add_to_compare, li.type-product .product-actions .add_to_compare {
position: relative;
display: inline-block;
font-size: 16px;
}
@media screen and (max-width: 1199px) {
li.product .product-actions .add_to_compare, li.type-product .product-actions .add_to_compare {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
li.product .product-actions .add_to_compare, li.type-product .product-actions .add_to_compare {
display: none;
}
}
li.product .product-actions .add_to_compare a, li.type-product .product-actions .add_to_compare a {
display: inline-block;
width: 55px;
height: 50px;
line-height: 50px;
background-color: #fff;
color: #333333;
}
@media screen and (max-width: 1199px) {
li.product .product-actions .add_to_compare a, li.type-product .product-actions .add_to_compare a {
height: 42px;
line-height: 42px;
width: 45px;
}
}
li.product .product-actions .add_to_compare a.added, li.type-product .product-actions .add_to_compare a.added {
color: #444444;
}
li.product .product-actions .add-to-cart-wrapper, li.type-product .product-actions .add-to-cart-wrapper {
position: relative;
display: inline-block;
}
li.product .product-actions .add-to-cart-wrapper a,
li.product .product-actions .add-to-cart-wrapper .add_to_cart_button,
li.product .product-actions .add-to-cart-wrapper .added_to_cart, li.type-product .product-actions .add-to-cart-wrapper a,
li.type-product .product-actions .add-to-cart-wrapper .add_to_cart_button,
li.type-product .product-actions .add-to-cart-wrapper .added_to_cart {
display: inline-block !important;
font-size: 16px;
width: 55px;
height: 50px;
line-height: 50px !important;
background-color: #fff;
color: #333333 !important;
margin-top: 0 !important;
padding: 0 !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
@media screen and (max-width: 1199px) {
li.product .product-actions .add-to-cart-wrapper a,
li.product .product-actions .add-to-cart-wrapper .add_to_cart_button,
li.product .product-actions .add-to-cart-wrapper .added_to_cart, li.type-product .product-actions .add-to-cart-wrapper a,
li.type-product .product-actions .add-to-cart-wrapper .add_to_cart_button,
li.type-product .product-actions .add-to-cart-wrapper .added_to_cart {
font-size: 14px;
height: 42px;
line-height: 42px !important;
width: 45px;
}
}
li.product .product-actions .add-to-cart-wrapper a.added,
li.product .product-actions .add-to-cart-wrapper .add_to_cart_button.added,
li.product .product-actions .add-to-cart-wrapper .added_to_cart.added, li.type-product .product-actions .add-to-cart-wrapper a.added,
li.type-product .product-actions .add-to-cart-wrapper .add_to_cart_button.added,
li.type-product .product-actions .add-to-cart-wrapper .added_to_cart.added {
display: none !important;
}
li.product .product-actions .add-to-cart-wrapper a.loading,
li.product .product-actions .add-to-cart-wrapper .add_to_cart_button.loading,
li.product .product-actions .add-to-cart-wrapper .added_to_cart.loading, li.type-product .product-actions .add-to-cart-wrapper a.loading,
li.type-product .product-actions .add-to-cart-wrapper .add_to_cart_button.loading,
li.type-product .product-actions .add-to-cart-wrapper .added_to_cart.loading {
opacity: 1 !important;
}
li.product .product-actions .add-to-cart-wrapper a.loading:after,
li.product .product-actions .add-to-cart-wrapper .add_to_cart_button.loading:after,
li.product .product-actions .add-to-cart-wrapper .added_to_cart.loading:after, li.type-product .product-actions .add-to-cart-wrapper a.loading:after,
li.type-product .product-actions .add-to-cart-wrapper .add_to_cart_button.loading:after,
li.type-product .product-actions .add-to-cart-wrapper .added_to_cart.loading:after {
display: none !important;
}
li.product .product-actions .add-to-cart-wrapper a:hover,
li.product .product-actions .add-to-cart-wrapper .add_to_cart_button:hover,
li.product .product-actions .add-to-cart-wrapper .added_to_cart:hover, li.type-product .product-actions .add-to-cart-wrapper a:hover,
li.type-product .product-actions .add-to-cart-wrapper .add_to_cart_button:hover,
li.type-product .product-actions .add-to-cart-wrapper .added_to_cart:hover {
color: #333333 !important;
}
li.product .product-actions .add-to-cart-wrapper .added_to_cart, li.type-product .product-actions .add-to-cart-wrapper .added_to_cart {
font-size: 0;
}
li.product .product-actions .add-to-cart-wrapper .added_to_cart i, li.type-product .product-actions .add-to-cart-wrapper .added_to_cart i {
color: #444444;
font-size: 16px;
line-height: 35px;
}
li.product .product-actions .quickview, li.type-product .product-actions .quickview {
position: relative;
display: inline-block;
}
li.product .product-actions .quickview a, li.type-product .product-actions .quickview a {
display: inline-block;
font-size: 16px;
width: 55px;
height: 50px;
line-height: 50px;
background: transparent;
color: #333333;
}
@media screen and (max-width: 1199px) {
li.product .product-actions .quickview a, li.type-product .product-actions .quickview a {
font-size: 14px;
height: 42px;
line-height: 42px;
width: 45px;
}
}
li.product .product-design, li.type-product .product-design {
position: absolute;
left: 50%;
bottom: 60px;
transform: translateX(-50%);
opacity: 0;
z-index: 2;
}
li.product .product-design .button, li.type-product .product-design .button {
margin-top: 0 !important;
font-weight: 600;
border-radius: 0;
padding: 10px 15px;
text-transform: none;
transition: all .5s;
}
li.product .product-design .button:before, li.type-product .product-design .button:before {
content: "\e61c";
font-family: 'themify';
font-size: 12px;
margin-right: 8px;
position: relative;
bottom: -1px;
}
li.product .product-design .button:hover, li.type-product .product-design .button:hover {
transition: all .5s;
}
.haru-archive-product .gridlist-toggle {
float: left;
margin-right: 60px;
}
.haru-archive-product .gridlist-toggle span {
border: 1px solid #ededed;
color: rgba(51, 51, 51, 0.5);
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
display: inline-block;
}
.haru-archive-product .gridlist-toggle span.active {
background: #333333;
border: 1px solid #333333;
color: #fff;
}
.haru-archive-product .gridlist-toggle span:hover {
cursor: pointer;
}
.haru-archive-product .gridlist-toggle span i {
font-size: 16px;
}
.haru-archive-product .catalog-filter .woocommerce-result-count {
margin: 0;
line-height: 40px;
}
.haru-archive-product .catalog-filter .woocommerce-ordering {
margin-bottom: 30px;
}
.haru-archive-product .catalog-filter .woocommerce-ordering select {
height: 40px;
border: 1px solid #ededed;
color: #696969;
padding: 0 10px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.haru-archive-product .catalog-filter .woocommerce-ordering select:focus {
outline: none;
}
.haru-archive-product .term-description {
display: none;
padding-bottom: 10px;
}
.haru-archive-product .archive-product-wrapper {
overflow: hidden;
position: relative;
}
.haru-archive-product .archive-product-wrapper ul.products {
margin-left: -15px;
margin-right: -15px;
}
.haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-2 li.product {
width: 50%;
}
@media screen and (max-width: 991px) {
.haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-2 li.product {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-2 li.product {
width: 50%;
}
}
.haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-3 li.product {
width: 33.333333%;
}
@media screen and (max-width: 991px) {
.haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-3 li.product {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-3 li.product {
width: 50%;
}
}
.haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-4 li.product {
width: 25%;
}
@media screen and (max-width: 991px) {
.haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-4 li.product {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-4 li.product {
width: 50%;
}
}
.haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-5 li.product {
width: 20%;
}
@media screen and (max-width: 991px) {
.haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-5 li.product {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-5 li.product {
width: 50%;
}
}
.haru-archive-product .archive-product-wrapper ul.products.grid li.product {
padding: 0 15px;
margin: 0 0 30px 0;
}
.haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-short-description {
display: none;
}
.haru-archive-product .archive-product-wrapper ul.products.list {
margin-left: 0px;
margin-right: 0px;
}
.haru-archive-product .archive-product-wrapper ul.products.list li.product {
width: 100%;
padding: 0px;
border: 1px solid #ededed;
margin-bottom: 30px;
}
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner {
text-align: left;
}
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumbnail {
margin-right: 30px;
width: 33.333333%;
float: left;
overflow: visible;
}
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumbnail .product-varations {
bottom: 20px;
}
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumbnail .product-actions {
left: calc(100% + 0px);
opacity: 1;
bottom: 10px;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
@media screen and (max-width: 767px) {
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumbnail .product-actions {
left: 0;
bottom: 0;
}
}
@media screen and (max-width: 767px) {
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumbnail {
width: 50%;
margin-right: 15px;
}
}
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-short-description {
text-align: left;
}
@media screen and (max-width: 767px) {
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-short-description {
margin-left: 15px;
margin-right: 15px;
}
}
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info {
padding-right: 15px;
}
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .woocommerce-loop-product__link {
display: block;
float: none;
width: 100%;
padding-bottom: 15px;
}
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title {
font-size: 24px;
}
@media screen and (max-width: 991px) {
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title {
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title {
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .woocommerce-loop-product__link {
padding-bottom: 0;
}
}
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .price {
display: block !important;
width: 100%;
font-size: 14px !important;
text-align: left;
padding-bottom: 15px;
}
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .price .woocommerce-Price-amount {
font-size: 18px;
font-weight: 700;
color: #333333;
}
@media screen and (max-width: 991px) {
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .price .woocommerce-Price-amount {
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info {
padding-left: 15px;
}
}
.haru-archive-product .woocommerce-pagination {
padding-bottom: 80px;
text-align: center;
}
.haru-archive-product .woocommerce-pagination .page-numbers {
border: none;
}
.haru-archive-product .woocommerce-pagination .page-numbers li {
border: none;
margin-right: 15px;
}
.haru-archive-product .woocommerce-pagination .page-numbers li span, .haru-archive-product .woocommerce-pagination .page-numbers li a {
border: 1px solid #ededed;
color: #333333;
display: inline-block;
font-size: 14px;
width: 32px;
height: 32px;
line-height: 16px;
text-align: center;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-product .woocommerce-pagination .page-numbers li span.current {
background: #333333;
border: 1px solid #333333;
color: #fff;
}
.haru-archive-product .woocommerce-pagination .page-numbers li a:hover, .haru-archive-product .woocommerce-pagination .page-numbers li a:focus {
background: #333333;
border: 1px solid #333333;
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 991px) {
.haru-archive-product .woocommerce-pagination {
padding-bottom: 60px;
}
}
@media screen and (max-width: 767px) {
.haru-archive-product .woocommerce-pagination {
padding-bottom: 50px;
}
}
.archive-product-header {
padding: 20px 0;
}
.archive-product-header .haru-shop-filter-menu {
list-style: none;
list-style-type: none;
padding: 0;
float: right;
width: 20%;
text-align: right;
white-space: nowrap;
overflow: hidden;
}
.archive-product-header .haru-shop-filter-menu li {
display: inline-block;
margin-right: 10px;
}
.archive-product-header .haru-shop-filter-menu li.current-cat a {
color: #333333;
}
.archive-product-header .haru-shop-filter-menu li.active a {
color: #333333;
}
.archive-product-header .haru-shop-filter-menu li.haru-shop-categories-btn-wrap {
display: none;
}
@media screen and (max-width: 991px) {
.archive-product-header .haru-shop-filter-menu li.haru-shop-categories-btn-wrap {
display: inline-block;
margin-right: 30px;
}
}
.archive-product-header .haru-shop-filter-menu li span {
margin-right: 10px;
}
.archive-product-header .haru-shop-filter-menu li a {
font-size: 16px;
line-height: 2;
}
@media screen and (max-width: 991px) {
.archive-product-header .haru-shop-filter-menu {
width: 100%;
text-align: left;
}
}
.archive-product-header .haru-shop-categories {
list-style: none;
list-style-type: none;
padding: 0;
float: left;
width: 80%;
overflow: hidden;
}
.archive-product-header .haru-shop-categories.fade-in {
opacity: 1;
}
.archive-product-header .haru-shop-categories li {
display: inline-block;
margin-right: 10px;
}
.archive-product-header .haru-shop-categories li.current-cat a {
color: #333333;
}
.archive-product-header .haru-shop-categories li.active a {
color: #333333;
}
.archive-product-header .haru-shop-categories li span {
margin-right: 10px;
}
@media screen and (max-width: 991px) {
.archive-product-header .haru-shop-categories li span {
display: none;
}
}
.archive-product-header .haru-shop-categories li a {
font-size: 16px;
line-height: 2;
}
@media screen and (max-width: 991px) {
.archive-product-header .haru-shop-categories li a {
font-size: 14px;
}
}
@media screen and (max-width: 991px) {
.archive-product-header .haru-shop-categories li {
width: 100%;
margin: 0 0 5px 0;
padding-bottom: 5px;
border-bottom: 1px solid #ededed;
}
}
@media screen and (max-width: 991px) {
.archive-product-header .haru-shop-categories {
display: none;
opacity: 0;
width: 100%;
-webkit-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
}
.archive-product-header #haru-shop-sidebar {
display: none;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.archive-product-header #haru-shop-sidebar.fade-in {
opacity: 1;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside {
width: 25%;
float: left;
}
@media screen and (max-width: 991px) {
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside {
border-bottom: 1px solid #ededed;
float: none;
width: 100%;
}
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside .widget-title {
font-size: 18px;
padding-bottom: 10px;
position: relative;
}
@media screen and (max-width: 991px) {
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside .widget-title {
margin-bottom: 0;
font-size: 14px;
}
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside .widget-title:after {
position: absolute;
content: "\f489";
font-family: Ionicons;
right: 5px;
font-size: 18px;
display: none;
top: -1px;
}
@media screen and (max-width: 991px) {
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside .widget-title:after {
display: block;
}
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside .widget-title.active:after {
position: absolute;
content: "\f462";
font-family: Ionicons;
right: 5px;
font-size: 18px;
display: none;
top: -1px;
}
@media screen and (max-width: 991px) {
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside .widget-title.active:after {
display: block;
}
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside ul, .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside div {
margin-bottom: 0;
}
@media screen and (max-width: 991px) {
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside ul.show, .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside div.show {
height: auto;
padding-bottom: 5px;
}
}
@media screen and (max-width: 991px) {
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside ul, .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside div {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.3s ease;
-o-transition: height 0.3s ease;
transition: height 0.3s ease;
}
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru-product-sorting {
list-style: none;
list-style-type: none;
padding-left: 0;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru-product-sorting li {
margin-bottom: 5px;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru-product-sorting li.active {
color: #333333;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru-price-filter {
list-style: none;
padding-left: 0;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru-price-filter li {
margin-bottom: 5px;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru-price-filter li.current {
color: #333333;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter ul {
list-style: none;
padding: 0;
margin: 0;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li {
margin-bottom: 5px;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li.chosen a {
position: relative;
display: inline-block;
color: #333333;
padding: 0 10px 0 30px;
border: 1px solid #333333;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li.chosen a:before {
display: block;
position: absolute;
top: 1px;
left: 10px;
font-family: 'Ionicons';
content: "\f2d7";
color: #333333;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li.chosen a:hover {
color: #696969;
border: 1px solid #696969;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li.chosen a:hover:before {
color: #696969;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li a i {
border: 1px solid rgba(0, 0, 0, 0.1);
display: inline-block;
width: 10px;
height: 10px;
margin-right: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li span {
display: none;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .widget_product_tag_cloud .tagcloud a {
display: inline-block;
font-size: 14px !important;
margin: 0 5px;
margin-top: 6px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.archive-product-header .haru-shop-search {
display: none;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.archive-product-header .haru-shop-search.fade-in {
opacity: 1;
}
.archive-product-header .haru-shop-search .haru-shop-search-input-wrap {
overflow: hidden;
position: relative;
}
.archive-product-header .haru-shop-search .haru-shop-search-input-wrap #haru-shop-search-close {
position: absolute;
top: 50%;
right: 5px;
z-index: 10;
font-size: 22px;
line-height: 1;
color: #aaa;
width: 25px;
height: 25px;
margin-top: -11px;
}
.archive-product-header .haru-shop-search .haru-shop-search-input-wrap .search-form {
border-radius: 0;
max-width: 100%;
}
.archive-product-header .haru-shop-search .haru-shop-search-input-wrap .search-form input {
background: transparent;
border: none;
display: block;
padding: 5px 30px 5px 20px;
width: 100%;
}
.archive-product-header .haru-shop-search .haru-shop-search-input-wrap .search-form input:focus {
outline: none;
}
.archive-product-header .haru-shop-search #haru-shop-search-notice {
font-size: 14px;
color: #aaa;
height: 0;
opacity: 0;
cursor: default;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.archive-product-header .haru-shop-search #haru-shop-search-notice.show {
height: 30px;
opacity: 1;
}
.haru-loadmore-wrapper {
padding-bottom: 80px;
padding-top: 2%;
}
.haru-loadmore-wrapper .haru-loadmore-link {
display: none;
}
.haru-loadmore-wrapper .haru-loadmore-controls {
text-align: center;
}
.haru-loadmore-wrapper .haru-loadmore-controls.haru-loader .haru-loadmore-btn i {
display: inline-block;
}
.haru-loadmore-wrapper .haru-loadmore-controls.hide-btn .haru-loadmore-btn {
display: none;
}
.haru-loadmore-wrapper .haru-loadmore-controls .haru-loadmore-btn {
background: #333333;
border: 1px solid #333333;
color: #fff;
display: block;
font-weight: 700;
margin: 0 auto;
padding: 8px 20px;
text-transform: uppercase;
width: 160px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.haru-loadmore-wrapper .haru-loadmore-controls .haru-loadmore-btn:hover {
background: transparent;
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-loadmore-wrapper .haru-loadmore-controls .haru-loadmore-btn i {
margin-right: 10px;
display: none;
}
.haru-loadmore-wrapper .haru-loadmore-controls .haru-loadmore-all {
display: none;
}
.haru-loadmore-wrapper .haru-loadmore-controls .haru-loadmore-all.show {
display: block;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 767px) {
.haru-loadmore-wrapper {
padding-bottom: 50px;
}
}
#haru-shop-products-overlay {
position: absolute;
top: -1px;
left: 0;
z-index: 1000;
width: 1px;
height: 1px;
opacity: 0;
overflow: hidden;
background: #fff;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
#haru-shop-products-overlay.show {
visibility: visible;
top: 0;
width: 100%;
height: 100%;
opacity: 1;
}
#haru-shop-products-overlay.fade-out {
opacity: 0;
}
#haru-shop-products-overlay i {
top: 160px;
left: 50%;
position: absolute;
opacity: 1;
color: #333333;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
} .haru-shop-results-bar {
margin-bottom: 20px;
overflow: hidden;
}
.haru-shop-results-bar a {
position: relative;
display: inline-block;
line-height: 1.4;
overflow: hidden;
margin-right: 8px;
padding: 5px 15px 5px 35px;
border: 1px solid #696969;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.haru-shop-results-bar a:last-child {
margin-right: 0;
}
.haru-shop-results-bar a:hover {
text-decoration: line-through;
}
.haru-shop-results-bar a span {
color: #333333;
}
.haru-shop-results-bar a i {
position: absolute;
top: 6px;
left: 12px;
font-size: 16px;
line-height: 1;
}
.haru-single-product {
padding-bottom: 80px;
}
.haru-single-product .related {
padding-top: 60px;
border-top: 1px solid #ededed;
}
.haru-single-product .related:hover .owl-nav {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-single-product .related > h2 {
font-size: 24px;
font-weight: normal;
position: relative;
}
@media screen and (max-width: 991px) {
.haru-single-product .related > h2 {
font-size: 22px;
}
}
@media screen and (max-width: 767px) {
.haru-single-product .related > h2 {
font-size: 18px;
}
}
.haru-single-product .related .related-products {
margin: 50px 0 0 0;
}
.haru-single-product .related .related-products .owl-item .product {
width: 100%;
}
.haru-single-product .related .owl-nav {
opacity: 0;
z-index: 9;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-single-product .related .owl-nav .owl-prev, .haru-single-product .related .owl-nav .owl-next {
position: absolute;
display: block;
z-index: 9;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
background: #fff;
color: #333333;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.haru-single-product .related .owl-nav .owl-prev:hover, .haru-single-product .related .owl-nav .owl-next:hover {
background: #333333;
cursor: pointer;
color: #fff;
}
.haru-single-product .related .owl-nav .owl-prev {
left: 0;
}
.haru-single-product .related .owl-nav .owl-next {
right: 0;
margin-left: 5px;
}
.single-product-top {
display: inline-block;
width: 100%;
}
.single-product-top .single-product-image-wrap {
position: relative;
width: 49%;
float: left;
}
@media screen and (max-width: 991px) {
.single-product-top .single-product-image-wrap {
float: none;
padding-bottom: 50px;
width: 100%;
}
}
@media screen and (max-width: 767px) {
.single-product-top .single-product-image-wrap {
padding-bottom: 30px;
}
}
.single-product-top .single-product-image-wrap .slick-slide img {
width: 100%;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-images1 {
padding-right: 90px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-images1:hover .slick-arrow.slick-prev {
left: 35px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-images1:hover .slick-arrow.slick-next {
right: 125px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-images1 .slick-arrow.slick-prev {
left: 10px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-images1 .slick-arrow.slick-next {
right: 100px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-thumbnails1 {
position: absolute;
right: 0;
top: 0;
max-width: 90px;
margin-top: -5px;
margin-bottom: -5px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-thumbnails1 .thumbnail-image {
padding: 5px 0 5px 5px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-right .product-video {
right: 110px;
bottom: 20px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-images1 {
padding-left: 90px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-images1:hover .slick-arrow.slick-prev {
left: 125px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-images1:hover .slick-arrow.slick-next {
right: 35px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-images1 .slick-arrow.slick-prev {
left: 100px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-images1 .slick-arrow.slick-next {
right: 10px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-thumbnails1 {
position: absolute;
left: 0;
top: 0;
max-width: 90px;
margin-top: -5px;
margin-bottom: -5px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-thumbnails1 .thumbnail-image {
padding: 5px 5px 5px 0;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-left .product-video {
right: 20px;
bottom: 20px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-left .product-label {
left: 90px;
}
.single-product-top .single-product-image-wrap.vertical #product-thumbnails1:hover .slick-arrow.slick-prev {
top: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.single-product-top .single-product-image-wrap.vertical #product-thumbnails1:hover .slick-arrow.slick-next {
bottom: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.single-product-top .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-prev {
top: 0;
bottom: auto;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.single-product-top .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-prev:before {
content: "\f3d8";
font-family: Ionicons;
}
.single-product-top .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-next {
bottom: 0;
top: auto;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.single-product-top .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-next:before {
content: "\f3d0";
font-family: Ionicons;
}
.single-product-top .single-product-image-wrap.horizontal .product-video {
bottom: 150px;
right: 20px;
}
.single-product-top .single-product-image-wrap.vertical_gallery #product-images {
padding-left: 100px;
}
.single-product-top .single-product-image-wrap.vertical_gallery #product-images .woocommerce-image-zoom {
margin-bottom: 20px;
position: relative;
}
.single-product-top .single-product-image-wrap.vertical_gallery #product-images .woocommerce-image-zoom .woocommerce-main-image {
width: 36px;
height: 36px;
font-size: 16px;
line-height: 36px;
text-align: center;
background-color: #fff;
position: absolute;
right: 20px;
top: 20px;
z-index: 9;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
}
.single-product-top .single-product-image-wrap.vertical_gallery .product-label {
left: 100px;
}
.single-product-top .single-product-image-wrap.vertical_gallery #product-thumbnails {
position: absolute;
top: 0;
max-width: 90px;
}
.single-product-top .single-product-image-wrap.vertical_gallery #product-thumbnails.is_stuck {
padding-top: 55px;
}
.single-product-top .single-product-image-wrap.vertical_gallery #product-thumbnails .thumbnail-image {
margin-bottom: 10px;
}
.single-product-top .single-product-image-wrap.vertical_gallery #product-thumbnails .thumbnail-image.current img {
border: 1px solid #333333;
}
.single-product-top .single-product-image-wrap.vertical_gallery .product-video {
right: 20px;
bottom: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.single-product-top .single-product-image-wrap.vertical_gallery .product-video:hover {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.single-product-top .single-product-image-wrap .single-product-image-inner {
position: relative;
}
.single-product-top .single-product-image-wrap .single-product-image-inner .product-video {
position: absolute;
margin-bottom: 0;
}
.single-product-top .single-product-image-wrap .single-product-image-inner .product-video a {
background-color: #fff;
display: block;
font-size: 14px;
height: 36px;
text-align: center;
text-transform: uppercase;
padding: 0 20px;
line-height: 36px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
}
.single-product-top .single-product-image-wrap .single-product-image-inner .product-video a i {
margin-right: 8px;
}
.single-product-top .single-product-image-wrap #product-images1 {
border: 1px solid rgba(237, 237, 237, 0.8);
}
.single-product-top .single-product-image-wrap #product-images1:hover {
cursor: crosshair;
}
.single-product-top .single-product-image-wrap #product-images1:hover .slick-arrow.slick-prev, .single-product-top .single-product-image-wrap #product-images1:hover .slick-arrow.slick-next {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .single-product-image-wrap #product-images1:hover .slick-arrow.slick-prev {
left: 35px;
}
.single-product-top .single-product-image-wrap #product-images1:hover .slick-arrow.slick-next {
right: 35px;
}
.single-product-top .single-product-image-wrap #product-images1:hover .woocommerce-main-image {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-prev, .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-next {
background: none;
border: none;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
outline: none;
padding: 0;
position: absolute;
top: 50%;
z-index: 999;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-prev:before, .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-next:before {
color: #696969;
font-family: 'slick';
font-size: 36px;
line-height: 1;
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-prev:hover:before, .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-next:hover:before {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-prev {
left: 10px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-prev:before {
content: "\f3d2";
font-family: Ionicons;
}
.single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-next {
right: 10px;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-next:before {
content: "\f3d3";
font-family: Ionicons;
}
.single-product-top .single-product-image-wrap #product-images1 .woocommerce-main-image {
width: 36px;
height: 36px;
font-size: 16px;
line-height: 36px;
text-align: center;
background-color: #fff;
position: absolute;
right: 20px;
top: 20px;
z-index: 9;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
}
.single-product-top .single-product-image-wrap #product-thumbnails1 {
margin-top: 30px;
margin-left: -5px;
margin-right: -5px;
}
.single-product-top .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-prev, .single-product-top .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-next {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-prev {
left: 25px;
}
.single-product-top .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-next {
right: 25px;
}
.single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev, .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next {
background: none;
border: none;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
outline: none;
padding: 0;
position: absolute;
top: 50%;
z-index: 999;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev:before, .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next:before {
color: #696969;
font-family: 'slick';
font-size: 28px;
line-height: 1;
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev:hover:before, .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next:hover:before {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev {
left: 10px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev:before {
content: "\f3d2";
font-family: Ionicons;
}
.single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next {
right: 10px;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next:before {
content: "\f3d3";
font-family: Ionicons;
}
.single-product-top .single-product-image-wrap #product-thumbnails1 .thumbnail-image {
padding: 0 5px;
}
.single-product-top .single-product-image-wrap #product-thumbnails1 .thumbnail-image img {
border: 1px solid rgba(237, 237, 237, 0.8);
}
.single-product-top .single-product-image-wrap #product-thumbnails1 .thumbnail-image.slick-current img {
border: 1px solid #333333;
}
.single-product-top .single-product-image-wrap .product-label {
position: absolute;
left: 0;
top: 20px;
}
.single-product-top .single-product-image-wrap .product-flash, .single-product-top .single-product-image-wrap .onsale {
min-width: 50px;
background-color: #333333 !important;
color: #fff;
display: block;
top: auto;
left: auto;
position: relative;
z-index: 99;
font-size: 15px !important;
font-weight: 700 !important;
text-align: center;
min-height: auto;
padding: 5px 0;
line-height: 14px;
font-weight: 400;
margin-bottom: 5px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.single-product-top .single-product-image-wrap .product-flash.on-hot {
background-color: #fff !important;
color: #da0e2b;
}
.single-product-top .entry-summary {
margin-bottom: 0 !important;
}
.single-product-top .entry-summary.is_stuck {
padding-top: 55px;
}
.single-product-top .entry-summary .product_title {
font-size: 34px;
font-weight: 600;
}
@media screen and (max-width: 991px) {
.single-product-top .entry-summary .product_title {
font-size: 28px;
}
}
@media screen and (max-width: 767px) {
.single-product-top .entry-summary .product_title {
font-size: 24px;
}
}
.single-product-top .entry-summary .woocommerce-product-details__short-description {
padding-bottom: 10px;
}
.single-product-top .entry-summary .woocommerce-product-rating {
padding-top: 10px;
margin-bottom: 10px !important;
}
.single-product-top .entry-summary .woocommerce-product-rating .star-rating {
color: #f7bb2a;
font-size: 14px !important;
width: 65px;
height: 1em;
}
.single-product-top .entry-summary .woocommerce-product-rating .star-rating:before {
position: absolute;
top: 0;
left: 0;
content: "\f3ae \f3ae \f3ae \f3ae \f3ae";
color: #f7bb2a;
font-family: Ionicons;
letter-spacing: 2px;
}
.single-product-top .entry-summary .woocommerce-product-rating .star-rating span {
position: relative;
overflow: hidden;
float: left;
top: 0;
left: 0;
padding-top: 1.5em;
}
.single-product-top .entry-summary .woocommerce-product-rating .star-rating span:before {
position: absolute;
content: "\f2fc \f2fc \f2fc \f2fc \f2fc";
top: 0;
left: 0;
color: #f7bb2a;
font-family: Ionicons;
letter-spacing: 2px;
}
.single-product-top .entry-summary .woocommerce-review-link {
font-style: italic;
color: #ababab;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .entry-summary .woocommerce-review-link:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .entry-summary p.price {
color: #ababab !important;
border-bottom: 1px solid #ededed;
padding-bottom: 30px;
margin-bottom: 25px;
}
.single-product-top .entry-summary p.price .woocommerce-Price-amount {
margin-right: 5px;
color: #333333;
font-size: 18px;
font-weight: 700;
}
.single-product-top .entry-summary p.price .woocommerce-Price-amount:nth-child(2) {
margin-left: 5px;
}
.single-product-top .entry-summary p.price del {
opacity: 1 !important;
}
.single-product-top .entry-summary p.price del .woocommerce-Price-amount {
color: #ababab;
font-weight: 600;
font-size: 16px;
}
.single-product-top .entry-summary p.price ins {
text-decoration: none;
}
.single-product-top .entry-summary .product-size-guide {
font-weight: 700;
font-style: italic;
padding: 5px 0;
}
.single-product-top .entry-summary form.cart {
margin-top: 15px;
margin-bottom: 10px !important;
}
.single-product-top .entry-summary form.cart table.variations {
margin-bottom: 0px !important;
}
.single-product-top .entry-summary form.cart table.variations tr {
margin-bottom: 15px;
}
.single-product-top .entry-summary form.cart table.variations tr:last-child td.value {
line-height: 1;
padding-bottom: 15px;
}
.single-product-top .entry-summary form.cart table.variations tr td label {
color: #333333;
font-size: 15px;
margin-bottom: 25px;
margin-top: 6px;
}
.single-product-top .entry-summary form.cart table.variations tr td select {
height: 35px;
border-radius: 0;
padding-left: 10px;
outline: none;
width: 100%;
border: 1px solid #ededed;
font-style: italic;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li:hover .button-tooltip, .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li:hover .button-tooltip, .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.image-variable-wrapper > li:hover .button-tooltip {
opacity: 1;
visibility: visible;
-webkit-transform: translate(-50%, -5px);
-ms-transform: translate(-50%, -5px);
-o-transform: translate(-50%, -5px);
transform: translate(-50%, -5px);
-webkit-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li .button-tooltip, .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li .button-tooltip, .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.image-variable-wrapper > li .button-tooltip {
padding: 3px 5px;
position: absolute;
text-transform: none;
display: inline-block;
min-width: 60px;
opacity: 0;
text-align: center;
visibility: hidden;
bottom: calc(100% + 2px);
left: 50%;
background: #555 !important;
color: #fff !important;
font-size: 12px !important;
line-height: 20px !important;
font-weight: normal;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li .button-tooltip:after, .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li .button-tooltip:after, .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.image-variable-wrapper > li .button-tooltip:after {
width: 0;
height: 0;
position: absolute;
bottom: -6px;
left: 50%;
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #555;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper {
display: flex;
margin-left: 3px;
list-style: none;
margin-bottom: 0 !important;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li {
cursor: pointer;
position: relative;
width: 24px !important;
height: 24px !important;
display: inline-flex;
padding: 0;
margin-right: 10px;
cursor: pointer;
position: relative;
vertical-align: middle;
-ms-box-sizing: "content-box";
-moz-box-sizing: "content-box";
-webkit-box-sizing: "content-box";
box-sizing: "content-box";
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li.selected {
cursor: pointer;
border-color: #333333;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li.selected:before {
border: 2px solid #444;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li:before {
content: '';
position: absolute;
width: 30px;
height: 30px;
border: 1px solid #cdcdcd;
top: -3px;
left: -3px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper {
padding: 0;
margin: 0;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li {
cursor: pointer;
position: relative;
width: 30px;
height: 30px;
line-height: 28px;
font-size: 600;
margin-right: 5px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li.selected {
cursor: pointer;
border: 1px solid #ccc;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.image-variable-wrapper {
padding: 0;
margin: 0;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.image-variable-wrapper > li {
padding: 0;
margin: 0 5px;
cursor: pointer;
position: relative;
width: 50px;
height: 50px;
text-align: center;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.image-variable-wrapper > li.selected {
cursor: pointer;
border: 1px solid #333333;
}
.single-product-top .entry-summary form.cart .woocommerce-variation.single_variation {
height: 45px !important;
}
.single-product-top .entry-summary form.cart .quantity input[type="number"] {
height: 40px;
border: 1px solid #ededed;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.single-product-top .entry-summary form.cart .quantity input[type="number"]:focus {
outline: none;
}
.single-product-top .entry-summary form.cart .single_add_to_cart_button {
height: 40px;
background: #333333;
text-transform: uppercase;
color: #fff;
outline: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .entry-summary form.cart .single_add_to_cart_button:hover {
background: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .entry-summary form.cart .woocommerce-variation-price {
margin-bottom: 20px;
}
.single-product-top .entry-summary form.cart .woocommerce-variation-price span.price {
color: #444444;
}
.single-product-top .entry-summary form.cart .woocommerce-variation-price span.price del {
margin-right: 20px;
opacity: 1;
color: #ababab;
}
.single-product-top .entry-summary form.cart .woocommerce-variation-price span.price ins {
margin-right: 10px;
text-decoration: none;
}
.single-product-top .entry-summary .add_to_compare,
.single-product-top .entry-summary .yith-wcwl-add-to-wishlist {
position: relative;
float: left;
margin-left: 10px;
}
.single-product-top .entry-summary .add_to_compare a:hover,
.single-product-top .entry-summary .yith-wcwl-add-to-wishlist a:hover {
background-color: transparent !important;
}
.single-product-top .entry-summary .add_to_compare a:hover .button-tooltip,
.single-product-top .entry-summary .yith-wcwl-add-to-wishlist a:hover .button-tooltip {
opacity: 1;
visibility: visible;
-webkit-transform: translate(-50%, -6px);
-ms-transform: translate(-50%, -6px);
-o-transform: translate(-50%, -6px);
transform: translate(-50%, -6px);
-webkit-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
}
.single-product-top .entry-summary .add_to_compare a i,
.single-product-top .entry-summary .yith-wcwl-add-to-wishlist a i {
margin-right: 0;
}
.single-product-top .entry-summary .add_to_compare a .button-tooltip,
.single-product-top .entry-summary .yith-wcwl-add-to-wishlist a .button-tooltip {
padding: 2px 5px;
position: absolute;
text-transform: none;
display: inline-block;
min-width: 80px;
opacity: 0;
text-align: center;
visibility: hidden;
bottom: 100%;
left: 50%;
background: #555 !important;
color: #fff !important;
font-size: 12px !important;
line-height: 20px !important;
font-weight: normal;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.single-product-top .entry-summary .add_to_compare a .button-tooltip:after,
.single-product-top .entry-summary .yith-wcwl-add-to-wishlist a .button-tooltip:after {
width: 0;
height: 0;
position: absolute;
bottom: -6px;
left: 50%;
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #555;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.single-product-top .entry-summary .yith-wcwl-add-to-wishlist {
width: auto;
float: left;
text-transform: uppercase;
margin-top: 0;
}
.single-product-top .entry-summary .yith-wcwl-add-to-wishlist a {
border: 1px solid #ccc;
height: 40px;
line-height: 40px;
padding: 0 15px;
display: block;
background: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .entry-summary .yith-wcwl-add-to-wishlist a:hover {
border: 1px solid #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .entry-summary .yith-wcwl-add-to-wishlist img {
display: none !important;
}
.single-product-top .entry-summary .yith-wcwl-add-to-wishlist .feedback {
display: none;
}
.single-product-top .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a i, .single-product-top .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a i {
color: #333333;
}
.single-product-top .entry-summary .add_to_compare {
height: 40px;
line-height: 40px;
border: 1px solid #ccc;
background: transparent;
text-align: center;
text-transform: uppercase;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .entry-summary .add_to_compare i {
margin-left: 0;
font-size: 14px;
}
.single-product-top .entry-summary .add_to_compare a {
display: block;
padding: 0 15px;
}
.single-product-top .entry-summary .add_to_compare:hover {
border: 1px solid #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .entry-summary .add_to_compare:hover:before {
color: #fff;
}
.single-product-top .entry-summary .product_meta {
margin-top: 30px;
border-top: 1px solid #ededed;
padding-top: 20px;
}
.single-product-top .entry-summary .product_meta > span {
display: block;
margin-bottom: 15px;
}
.single-product-top .entry-summary .product_meta > span.devide_sign {
font-weight: 400;
}
.single-product-top .entry-summary .product_meta .sku_wrapper .label,
.single-product-top .entry-summary .product_meta .posted_in .label,
.single-product-top .entry-summary .product_meta .tagged_as .label {
color: #ababab;
font-size: 15px;
font-weight: 600;
padding: 0 20px 0 0;
text-transform: cap;
}
.single-product-top .entry-summary .product_meta .sku_wrapper a,
.single-product-top .entry-summary .product_meta .posted_in a,
.single-product-top .entry-summary .product_meta .tagged_as a {
text-transform: none;
}
.single-product-top .entry-summary .post-social-share .social-share-wrapper .social-share {
list-style: none;
list-style-type: none;
margin: 0;
padding: 0;
}
.single-product-top .entry-summary .post-social-share .social-share-wrapper .social-share li {
display: inline-block;
text-align: center;
}
.single-product-top .entry-summary .post-social-share .social-share-wrapper .social-share li.social-label {
color: #ababab;
font-size: 15px;
font-weight: 600;
margin-right: 10px;
}
.single-product-top .entry-summary .post-social-share .social-share-wrapper .social-share li a {
padding: 0 10px;
}
.single-product-top .entry-summary .post-social-share .social-share-wrapper .social-share li:hover a {
color: #333333;
}
.single-product-top .product_type_customizable {
height: 40px;
line-height: 40px !important;
padding: 0 20px !important;
border-radius: 0 !important;
font-weight: 600 !important;
margin-bottom: 5px !important;
transition: all .3s;
}
.single-product-top .product_type_customizable:before {
content: "\e61c";
font-family: 'themify';
margin-right: 10px;
position: relative;
bottom: -1px;
}
.single-product-top .product_type_customizable:hover {
transition: all .3s;
}
.single-product-bottom {
border-top: 1px solid #ededed;
padding-top: 50px;
margin-top: 50px;
}
.single-product-content .woocommerce-tabs ul.tabs {
padding: 0 !important;
margin-bottom: 35px;
text-align: center;
}
.single-product-content .woocommerce-tabs ul.tabs:before {
border-bottom: 1px solid transparent !important;
}
.single-product-content .woocommerce-tabs ul.tabs li {
border: none !important;
background: none !important;
margin: 0 !important;
}
.single-product-content .woocommerce-tabs ul.tabs li:first-child {
padding-left: 0 !important;
}
.single-product-content .woocommerce-tabs ul.tabs li:before, .single-product-content .woocommerce-tabs ul.tabs li:after {
display: none;
}
.single-product-content .woocommerce-tabs ul.tabs li.active a, .single-product-content .woocommerce-tabs ul.tabs li:hover a {
color: #333333 !important;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-content .woocommerce-tabs ul.tabs li a {
font-size: 24px;
font-weight: 400 !important;
color: #ababab !important;
padding: 0 !important;
text-shadow: none !important;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 991px) {
.single-product-content .woocommerce-tabs ul.tabs li a {
font-size: 20px;
padding: 0;
}
}
@media screen and (max-width: 767px) {
.single-product-content .woocommerce-tabs ul.tabs li a {
font-size: 20px;
padding: 0;
}
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding-bottom: 25px !important;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel > h2 {
display: none;
font-size: 18px;
font-weight: normal !important;
color: #333333;
padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel > h2 {
padding-bottom: 10px;
}
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel p {
line-height: 1.8;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments {
margin-top: 0;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments h2 {
font-size: 22px;
font-weight: 400;
padding-bottom: 20px;
margin-top: 0;
text-align: center;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist {
padding: 0;
border-bottom: 1px solid #ededed;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container img {
border: none !important;
padding: 0 !important;
width: 70px !important;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text {
margin-left: 80px !important;
border: none !important;
padding-top: 5px !important;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .star-rating {
color: #f7bb2a;
font-size: 14px !important;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .star-rating:before {
position: absolute;
top: 0;
left: 0;
content: "\f3ae \f3ae \f3ae \f3ae \f3ae";
color: #f7bb2a;
font-family: Ionicons;
letter-spacing: 2px;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .star-rating span {
position: relative;
overflow: hidden;
float: left;
top: 0;
left: 0;
padding-top: 1.5em;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .star-rating span:before {
position: absolute;
content: "\f2fc \f2fc \f2fc \f2fc \f2fc";
top: 0;
left: 0;
color: #f7bb2a;
font-family: Ionicons;
letter-spacing: 2px;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .meta {
font-size: 14px !important;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .woocommerce-review__author {
color: #333333;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper {
margin-top: 30px;
text-align: center;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-reply-title {
font-size: 20px;
color: #333333;
display: none;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-rating {
margin: 15px 0 !important;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-rating label {
color: #333333;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-rating .stars {
display: inline-block;
margin: 0 0 0 20px !important;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-rating .stars a {
color: #f7bb2a;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-rating .stars a:before {
top: 4px;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-rating .stars.selected a {
color: #f4cb3d;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-comment {
margin: 10px 0 10px !important;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-comment label {
color: #333333;
margin-bottom: 15px;
display: none;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-comment textarea {
background-color: #f8f8f8;
border: 1px solid #ededed;
padding: 8px 15px;
min-height: 200px;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-comment textarea:focus {
border: 1px solid #333333;
outline: none;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-author, .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-email {
width: 50%;
float: left;
margin-bottom: 20px !important;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-author label, .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-email label {
display: block;
text-transform: uppercase;
font-weight: 400;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-author input, .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-email input {
border: 1px solid #ededed;
width: 100%;
padding: 8px 15px;
background-color: #f8f8f8;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-author input:focus, .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-email input:focus {
border: 1px solid #333333;
outline: none;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-author {
padding-right: 10px;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-email {
padding-left: 10px;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit {
clear: both;
padding-top: 20px !important;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit .submit {
background-color: #333333 !important;
color: #fff !important;
text-transform: uppercase;
padding: 15px 35px !important;
letter-spacing: 1px;
outline: none;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit .submit:hover {
background-color: #444444 !important;
} .page-sidebar aside.widget,
.woocommerce-sidebar aside.widget {
border-bottom: 1px solid #ededed;
margin-bottom: 25px;
padding-bottom: 30px;
}
.page-sidebar .widget-title,
.woocommerce-sidebar .widget-title {
font-size: 24px;
line-height: 1.4;
margin-top: 0px;
margin-bottom: 15px;
font-weight: 400;
}
.page-sidebar .widget_product_categories select,
.woocommerce-sidebar .widget_product_categories select {
border-radius: 0;
padding: 5px 0;
}
.page-sidebar .widget_product_categories select:focus,
.woocommerce-sidebar .widget_product_categories select:focus {
outline: none;
}
.page-sidebar .widget_product_categories .product-categories,
.woocommerce-sidebar .widget_product_categories .product-categories {
list-style: none;
margin: 0;
padding: 0;
}
.page-sidebar .widget_product_categories .product-categories > li > a,
.woocommerce-sidebar .widget_product_categories .product-categories > li > a {
text-transform: uppercase;
}
.page-sidebar .widget_product_categories .product-categories li,
.woocommerce-sidebar .widget_product_categories .product-categories li {
list-style: none;
padding: 8px 0;
}
.page-sidebar .widget_product_categories .product-categories li:first-child,
.woocommerce-sidebar .widget_product_categories .product-categories li:first-child {
border-top: none;
}
.page-sidebar .widget_product_categories .product-categories li a,
.woocommerce-sidebar .widget_product_categories .product-categories li a {
font-weight: 700;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .widget_product_categories .product-categories li a:hover,
.woocommerce-sidebar .widget_product_categories .product-categories li a:hover {
color: #333333;
padding-left: 10px;
}
.page-sidebar .widget_product_categories .product-categories li span,
.woocommerce-sidebar .widget_product_categories .product-categories li span {
float: right;
color: #696969;
}
.page-sidebar .widget_product_categories .product-categories li.cat-parent:hover ul li a,
.woocommerce-sidebar .widget_product_categories .product-categories li.cat-parent:hover ul li a {
padding-left: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .widget_product_categories .product-categories li.cat-parent:hover ul li a:hover,
.woocommerce-sidebar .widget_product_categories .product-categories li.cat-parent:hover ul li a:hover {
padding-left: 10px;
}
.page-sidebar .widget_product_categories .product-categories li .children,
.woocommerce-sidebar .widget_product_categories .product-categories li .children {
padding-top: 10px;
padding-left: 15px;
}
.page-sidebar .widget_product_categories .product-categories li .children a,
.woocommerce-sidebar .widget_product_categories .product-categories li .children a {
font-weight: normal;
}
.page-sidebar .widget_price_filter form,
.woocommerce-sidebar .widget_price_filter form {
margin-top: 30px;
}
.page-sidebar .widget_price_filter form .price_slider_wrapper .ui-widget-content,
.woocommerce-sidebar .widget_price_filter form .price_slider_wrapper .ui-widget-content {
background-color: #ebebeb;
height: 3px;
}
.page-sidebar .widget_price_filter form .price_slider_wrapper .ui-widget-content .ui-slider-range,
.woocommerce-sidebar .widget_price_filter form .price_slider_wrapper .ui-widget-content .ui-slider-range {
background-color: #333333;
}
.page-sidebar .widget_price_filter form .price_slider_wrapper .ui-widget-content .ui-slider-handle,
.woocommerce-sidebar .widget_price_filter form .price_slider_wrapper .ui-widget-content .ui-slider-handle {
background-color: #333333;
width: 12px;
height: 12px;
}
.page-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount,
.woocommerce-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount {
padding-top: 5px;
}
.page-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount button,
.woocommerce-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount button {
height: 30px;
font-size: 14px;
color: #fff;
background: #333333;
border: 1px solid #333333;
border-radius: 0;
font-weight: 400;
padding: 6px 12px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount button:focus,
.woocommerce-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount button:focus {
outline: none;
}
.page-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount button.button:hover,
.woocommerce-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount button.button:hover {
background-color: #333333;
border: 1px solid #333333;
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount .price_label,
.woocommerce-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount .price_label {
font-size: 14px;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .widget_shopping_cart_icon,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .widget_shopping_cart_icon {
display: inline-block;
position: relative;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .widget_shopping_cart_icon i,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .widget_shopping_cart_icon i {
font-size: 18px;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .widget_shopping_cart_icon .total,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .widget_shopping_cart_icon .total {
position: absolute;
border: none;
top: -5px;
right: -13px;
padding: 0;
width: 18px;
height: 18px;
border-radius: 50%;
background: #333333;
color: #fff;
text-align: center;
line-height: 18px;
font-size: 12px;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .sub-total-text,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .sub-total-text {
display: inline-block;
font-weight: 500;
margin-left: 20px;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header {
display: none;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul {
margin-top: 10px;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li {
padding-left: 0;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-left,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-left {
font-size: 0;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-right a,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-right a {
color: #333333;
font-weight: 500;
text-transform: capitalize;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-right a:hover,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-right a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-right a .quantity,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-right a .quantity {
color: #333333;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li.empty h4,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li.empty h4 {
font-size: 18px;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total {
margin-top: 10px;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total .total,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total .total {
border-top: 1px solid #ededed;
padding: 10px 0 0;
text-transform: capitalize;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total .buttons .button,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total .buttons .button {
height: 30px;
text-transform: capitalize;
background: #333333;
color: #fff;
font-weight: 400;
font-size: 13px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total .buttons .button:hover,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total .buttons .button:hover {
background: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .yith-woocompare-widget,
.woocommerce-sidebar .yith-woocompare-widget {
display: table;
width: 100%;
}
.page-sidebar .yith-woocompare-widget ul,
.woocommerce-sidebar .yith-woocompare-widget ul {
margin: 0;
padding: 0;
}
.page-sidebar .yith-woocompare-widget ul li,
.woocommerce-sidebar .yith-woocompare-widget ul li {
list-style: none;
padding: 10px 0;
border-bottom: 1px solid #ededed;
margin-bottom: 10px;
display: inline-flex;
width: 100%;
}
.page-sidebar .yith-woocompare-widget ul li:before,
.woocommerce-sidebar .yith-woocompare-widget ul li:before {
content: '\f105';
font-family: FontAwesome;
margin-right: 10px;
}
.page-sidebar .yith-woocompare-widget ul li a.title,
.woocommerce-sidebar .yith-woocompare-widget ul li a.title {
color: #333333;
text-transform: capitalize;
font-size: 14px;
font-weight: 500;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .yith-woocompare-widget ul li a.title:hover,
.woocommerce-sidebar .yith-woocompare-widget ul li a.title:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .yith-woocompare-widget .compare,
.woocommerce-sidebar .yith-woocompare-widget .compare {
font-size: 14px;
font-weight: 500;
color: #fff;
background: #333333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.page-sidebar .yith-woocompare-widget .compare:hover,
.woocommerce-sidebar .yith-woocompare-widget .compare:hover {
background-color: #444444;
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .widget_product_tag_cloud .tagcloud a,
.woocommerce-sidebar .widget_product_tag_cloud .tagcloud a {
display: inline-block;
font-size: 14px !important;
font-weight: normal;
margin: 0 5px;
margin-top: 6px;
text-transform: capitalize;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .widget_product_tag_cloud .tagcloud a:hover,
.woocommerce-sidebar .widget_product_tag_cloud .tagcloud a:hover {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar ul.product_list_widget li,
.woocommerce-sidebar ul.product_list_widget li {
width: 100%;
display: table;
}
.page-sidebar ul.product_list_widget li .product-title,
.woocommerce-sidebar ul.product_list_widget li .product-title {
color: #333333;
font-weight: 500;
margin-bottom: 5px;
display: table;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar ul.product_list_widget li .product-title:hover,
.woocommerce-sidebar ul.product_list_widget li .product-title:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar ul.product_list_widget li img,
.woocommerce-sidebar ul.product_list_widget li img {
width: 80px;
height: auto;
float: left;
margin-right: 20px;
margin-left: 0;
}
.page-sidebar ul.product_list_widget li .star-rating,
.woocommerce-sidebar ul.product_list_widget li .star-rating {
margin-bottom: 10px;
}
.page-sidebar ul.product_list_widget li span.amount,
.woocommerce-sidebar ul.product_list_widget li span.amount {
color: #333333;
font-size: 14px;
font-weight: 500;
margin-right: 10px;
}
.page-sidebar ul.product_list_widget li ins,
.woocommerce-sidebar ul.product_list_widget li ins {
display: inline-flex;
text-decoration: none;
}
.page-sidebar ul.product_list_widget li ins span,
.woocommerce-sidebar ul.product_list_widget li ins span {
color: #333333 !important;
font-weight: 500 !important;
}
.page-sidebar ul.product_list_widget li del,
.woocommerce-sidebar ul.product_list_widget li del {
opacity: .8;
}
.page-sidebar ul.product_list_widget li del span.amount,
.woocommerce-sidebar ul.product_list_widget li del span.amount {
color: #333333;
font-weight: normal;
}
.page-sidebar ul.product_list_widget li del span.woocommerce-Price-currencySymbol,
.woocommerce-sidebar ul.product_list_widget li del span.woocommerce-Price-currencySymbol {
color: #333333;
}
.page-sidebar .widget_recent_reviews li,
.woocommerce-sidebar .widget_recent_reviews li {
width: 100%;
display: table;
}
.page-sidebar .widget_recent_reviews li a,
.woocommerce-sidebar .widget_recent_reviews li a {
color: #333333;
font-weight: 500 !important;
margin-bottom: 5px;
display: table;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .widget_recent_reviews li a:hover,
.woocommerce-sidebar .widget_recent_reviews li a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .widget_recent_reviews li img,
.woocommerce-sidebar .widget_recent_reviews li img {
width: 80px;
height: auto;
float: left;
margin-right: 20px;
margin-left: 0;
}
.page-sidebar .widget_recent_reviews li .star-rating,
.woocommerce-sidebar .widget_recent_reviews li .star-rating {
margin-bottom: 10px;
}
.page-sidebar .widget_product_search .woocommerce-product-search,
.woocommerce-sidebar .widget_product_search .woocommerce-product-search {
margin-top: 20px;
display: inline-flex;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.page-sidebar .widget_product_search .woocommerce-product-search input[type="search"],
.woocommerce-sidebar .widget_product_search .woocommerce-product-search input[type="search"] {
height: 40px;
outline: none;
padding-left: 10px;
border: 1px solid #ededed;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
min-width: 180px;
}
.page-sidebar .widget_product_search .woocommerce-product-search button[type="submit"],
.woocommerce-sidebar .widget_product_search .woocommerce-product-search button[type="submit"] {
height: 40px;
background: #333333;
font-weight: 400;
color: #fff;
padding: 0 15px;
border: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.page-sidebar .widget_product_search .woocommerce-product-search button[type="submit"]:hover,
.woocommerce-sidebar .widget_product_search .woocommerce-product-search button[type="submit"]:hover {
background: #444444;
cursor: pointer;
}
.page-sidebar .widget_product_search .woocommerce-product-search button[type="submit"]:focus,
.woocommerce-sidebar .widget_product_search .woocommerce-product-search button[type="submit"]:focus {
outline: none;
}
.page-sidebar .widget_layered_nav .select2-selection,
.woocommerce-sidebar .widget_layered_nav .select2-selection {
border-radius: 0;
}
.page-sidebar .widget_layered_nav .select2-dropdown,
.woocommerce-sidebar .widget_layered_nav .select2-dropdown {
border-radius: 0;
}
.page-sidebar .widget_layered_nav ul li,
.woocommerce-sidebar .widget_layered_nav ul li {
list-style: none;
}
.page-sidebar .widget_layered_nav ul li:hover a,
.woocommerce-sidebar .widget_layered_nav ul li:hover a {
color: #333333;
padding-left: 10px;
}
.page-sidebar .widget_layered_nav ul li:focus,
.woocommerce-sidebar .widget_layered_nav ul li:focus {
outline: none;
}
.page-sidebar .widget_layered_nav ul li a,
.woocommerce-sidebar .widget_layered_nav ul li a {
text-transform: uppercase;
color: #333333;
font-weight: 500;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .widget_layered_nav ul li span,
.woocommerce-sidebar .widget_layered_nav ul li span {
float: right;
color: #333333;
}
.page-sidebar .widget_layered_nav button[type="submit"],
.woocommerce-sidebar .widget_layered_nav button[type="submit"] {
height: 30px;
background: #333333;
font-weight: 400;
color: #fff;
padding: 0 15px;
border: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.page-sidebar .widget_layered_nav button[type="submit"]:hover,
.woocommerce-sidebar .widget_layered_nav button[type="submit"]:hover {
background: #444444;
cursor: pointer;
}
.page-sidebar .widget_layered_nav button[type="submit"]:focus,
.woocommerce-sidebar .widget_layered_nav button[type="submit"]:focus {
outline: none;
} .woocommerce-cart .woocommerce {
margin-top: 30px;
}
.woocommerce-cart .woocommerce .button {
background: #333333;
color: #fff !important;
font-weight: 500;
padding: 11px 15px !important;
text-transform: uppercase;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.woocommerce-cart .woocommerce .button:hover {
background: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.woocommerce-cart .woocommerce .button:focus {
outline: none;
}
.woocommerce-cart .woocommerce .shopping-cart-title {
text-transform: uppercase;
text-align: center;
margin-bottom: 30px;
font-size: 28px;
color: #333333;
}
@media screen and (max-width: 767px) {
.woocommerce-cart .woocommerce .shopping-cart-title {
font-size: 20px;
}
}
.woocommerce-cart .woocommerce table.shop_table_responsive {
border: none !important;
}
.woocommerce-cart .woocommerce table.shop_table_responsive thead tr {
text-transform: uppercase;
}
.woocommerce-cart .woocommerce table.shop_table_responsive thead tr th {
border: none;
}
.woocommerce-cart .woocommerce table.shop_table_responsive thead tr th:first-child {
padding-left: 0;
}
.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr.cart_item td.product-thumbnail {
padding-left: 0;
}
.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr.cart_item td.product-thumbnail img {
max-height: 100px;
width: auto;
}
.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr.cart_item td.product-name a {
color: #333333;
font-weight: 500;
}
.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr.cart_item td.product-name a:hover {
color: #333333;
}
.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions {
padding: 20px 0 0;
}
.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions .coupon .input-text {
min-width: 150px;
padding: 5px 10px;
text-align: left;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
@media screen and (max-width: 767px) {
.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions .coupon .input-text {
min-width: 120px;
}
}
.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions .coupon input[name='apply_coupon'] {
background: #333333;
}
.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions .coupon input[name='apply_coupon']:hover {
background: #444444;
}
.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions .coupon input[type="submit"] {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce-cart .woocommerce .cart-collaterals {
padding-bottom: 60px;
}
@media screen and (max-width: 991px) {
.woocommerce-cart .woocommerce .cart-collaterals {
padding-bottom: 20px;
}
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2 {
margin-bottom: 25px;
font-size: 24px;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2 {
font-size: 20px;
}
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table tbody tr {
text-transform: uppercase;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table tbody tr th {
padding-left: 0;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table tbody tr td {
padding-right: 0;
text-align: right;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a {
background: #333333;
font-size: 14px;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a:hover {
background: #444444;
} .woocommerce-account .woocommerce {
margin-bottom: 60px;
margin-top: 30px;
}
@media screen and (max-width: 991px) {
.woocommerce-account .woocommerce {
margin-bottom: 20px;
}
}
.woocommerce-account .woocommerce form .form-row label {
font-weight: 500;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {
list-style: none;
list-style-type: none;
padding: 0;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li {
margin: 15px 0;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
color: #333333;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li:first-child {
margin-top: 0;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a {
text-transform: uppercase;
font-weight: 500;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-size: 100%;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table thead {
text-transform: uppercase;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content p input {
border: 1px solid #ededed;
padding: 8px 15px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content p input:focus {
border: 1px solid #333333;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content p input[type=submit] {
background: #333333;
border: none;
color: #fff;
font-weight: 700;
margin-top: 20px;
padding: 10px 15px;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content p input[type=submit]:hover {
background: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content p input[type=submit]:focus {
outline: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content fieldset {
margin-top: 20px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content fieldset legend {
position: relative;
text-transform: uppercase;
border: none;
font-weight: 700;
padding-left: 3px;
margin-bottom: 10px;
font-size: 20px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title {
margin-top: 20px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title h3 {
text-transform: uppercase;
position: relative;
margin-top: 0;
margin-bottom: 30px;
font-size: 20px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .button {
background: #333333;
color: #fff;
font-weight: 700;
padding: 10px 20px;
margin-left: 3px;
margin-top: 15px;
text-transform: uppercase;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .button:hover {
background: #444444;
}
.woocommerce-account .woocommerce .customer_login_form_wrap h2 {
text-transform: uppercase;
}
.woocommerce-account .woocommerce .customer_login_form_wrap form {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce-account .woocommerce .customer_login_form_wrap form input {
border: 1px solid #ededed;
padding: 8px 15px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce-account .woocommerce .customer_login_form_wrap form .button {
background: #333333;
border: none;
color: #fff;
font-weight: 700;
padding: 8px 15px;
text-transform: uppercase;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce-account .woocommerce .customer_login_form_wrap form .button:hover {
background: #444444;
}
.woocommerce-account .woocommerce .customer_login_form_wrap form .button:focus {
outline: none;
} .woocommerce-wishlist .woocommerce {
margin-bottom: 60px;
margin-top: 30px;
}
.woocommerce-wishlist .woocommerce .wishlist-title {
display: block;
text-align: center;
}
.woocommerce-wishlist .woocommerce .wishlist-title h2 {
color: #333333;
}
@media screen and (max-width: 991px) {
.woocommerce-wishlist .woocommerce .wishlist-title h2 {
font-size: 18px;
}
}
.woocommerce-wishlist .woocommerce .wishlist_table {
margin-top: 15px;
font-size: 100%;
}
.woocommerce-wishlist .woocommerce .wishlist_table thead {
text-transform: uppercase;
}
.woocommerce-wishlist .woocommerce .wishlist_table thead tr th {
border-top: none;
}
.woocommerce-wishlist .woocommerce .wishlist_table tbody .product-remove a.remove {
margin: 0 auto;
}
.woocommerce-wishlist .woocommerce .wishlist_table tbody .product-name a {
color: #333333;
font-weight: 500;
}
.woocommerce-wishlist .woocommerce .wishlist_table tbody .product-name a:hover {
color: #333333;
}
.woocommerce-wishlist .woocommerce .wishlist_table tbody .product-price {
text-align: left;
}
.woocommerce-wishlist .woocommerce .wishlist_table tbody .product-stock-status {
text-align: left;
}
.woocommerce-wishlist .woocommerce .wishlist_table tbody .product-stock-status span {
color: #333333;
}
.woocommerce-wishlist .woocommerce .wishlist_table tbody .product-add-to-cart .add-to-cart-wrapper a {
background: #333333;
color: #fff;
font-weight: 500;
padding: 10px 15px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.woocommerce-wishlist .woocommerce .wishlist_table tbody .product-add-to-cart .add-to-cart-wrapper a:hover {
background: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile {
padding: 0;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile > li {
border-bottom: 1px solid #ededed;
padding-bottom: 10px;
margin-bottom: 15px;
position: relative;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li .item-wrapper .product-thumbnail {
border: 1px solid #ededed;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li .item-details h3 {
font-size: 14px;
margin-top: 0;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li table.item-details-table td {
vertical-align: top;
line-height: 1.8;
font-size: 12px;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li table.item-details-table td.label {
padding: 0;
padding-right: 5px;
color: #333333;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li table.item-details-table td.value {
padding: 0;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li table.additional-info td {
vertical-align: top;
line-height: 1.8;
font-size: 12px;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li table.additional-info td.label {
color: #333333;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li table.additional-info td.value {
padding: 0;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li .product-add-to-cart {
text-align: left;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li .product-add-to-cart a.button {
margin-left: 0 !important;
background: #333333;
color: #fff !important;
font-weight: 700;
padding: 12px 15px !important;
min-width: 187px;
text-transform: uppercase;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li .product-add-to-cart a.button:hover {
background: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li .product-add-to-cart a.button:focus {
outline: none;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li .product-remove {
position: absolute;
top: -5px;
right: 0;
}
.woocommerce-wishlist .yith_wcwl_wishlist_footer .yith-wcwl-share {
margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
.woocommerce-wishlist .yith_wcwl_wishlist_footer .yith-wcwl-share {
margin-bottom: 60px;
}
}
.woocommerce-checkout .woocommerce {
margin-bottom: 60px;
margin-top: 30px;
}
@media screen and (max-width: 767px) {
.woocommerce-checkout .woocommerce {
margin-bottom: 20px;
}
}
.woocommerce-checkout .woocommerce h3 {
text-transform: uppercase;
font-size: 18px;
font-weight: 500;
position: relative;
margin-bottom: 30px;
}
.woocommerce-checkout .woocommerce form .form-row {
padding-left: 0;
}
.woocommerce-checkout .woocommerce .form-row input.input-text, .woocommerce-checkout .woocommerce .form-row textarea {
border: 1px solid #ededed;
padding: 8px 15px;
font-style: italic;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce-checkout .woocommerce .form-row input.input-text:focus, .woocommerce-checkout .woocommerce .form-row textarea:focus {
border: 1px solid #333333;
}
.woocommerce-checkout .woocommerce .form-row label {
font-size: 14px;
font-weight: 500;
}
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order th {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order #place_order {
text-align: center;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
background: #333333;
color: #fff;
padding: 10px 20px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order #place_order:hover {
background: #444444;
}
.woocommerce-checkout .woocommerce form.checkout_coupon {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce-checkout .woocommerce #payment {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce-thankyou-order-received {
color: #333333;
font-weight: 700;
font-size: 16px;
margin-bottom: 30px;
}
.woocommerce-thankyou-order-details {
padding: 20px 30px;
width: 50%;
border: 1px solid #ededed;
}
.woocommerce-thankyou-order-details .method {
margin-top: 20px;
}
.woocommerce form .form-row .select2-container:focus {
outline: none;
}
.woocommerce form .form-row .select2-container.select2-container--focus {
outline: none;
}
.woocommerce form .form-row .select2-container.select2-container--open .select2-selection {
border: 1px solid #aaa;
}
.woocommerce form .form-row .select2-container .select2-selection {
border: 1px solid #ededed;
border-radius: 0;
height: 35px;
outline: none;
}
.woocommerce form .form-row .select2-container .select2-selection .select2-selection__rendered {
line-height: 33px;
}
.woocommerce form .form-row .select2-container .select2-selection .select2-selection__rendered:focus, .woocommerce form .form-row .select2-container .select2-selection .select2-selection__rendered:active {
outline: none;
}
.woocommerce form .form-row .select2-container .select2-selection .select2-selection__arrow b {
margin-top: 0;
}
.woocommerce form .form-row .input-checkbox {
position: relative;
}
@media screen and (max-width: 767px) {
body .pp_default {
left: 5% !important;
right: 5% !important;
box-sizing: border-box;
width: 90% !important;
height: auto !important;
}
}
@media screen and (max-width: 767px) {
body .pp_default .pp_content {
height: auto !important;
min-height: 50px;
width: 100% !important;
}
}
@media screen and (max-width: 767px) {
body .pp_default .pp_right {
padding-right: 20px !important;
}
}
@media screen and (max-width: 767px) {
body .pp_default .pp_content_container .pp_details {
width: 100% !important;
margin-top: 20px !important;
}
}
body .pp_woocommerce .pp_content_container {
background-color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
body .pp_woocommerce .pp_content_container .pp_loaderIcon {
background: url(//www.alovdesigns.com/wp-content/themes/stber/assets/images/ajax-loader.gif) center no-repeat !important;
width: 50px;
height: 50px;
margin: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
body .pp_woocommerce .pp_content_container .pp_loaderIcon:before {
display: none;
}
body .pp_woocommerce .pp_content_container .pp_details {
padding: 0;
}
body .pp_woocommerce .pp_content_container .pp_close {
background: none;
background-color: #000;
width: 32px;
height: 30px;
right: 0;
top: 0;
font-size: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
body .pp_woocommerce .pp_content_container .pp_close:before, body .pp_woocommerce .pp_content_container .pp_close:after {
content: '';
position: absolute;
height: 2px;
width: 20px;
top: 50%;
left: 6px;
margin-top: -1px;
background-color: #fff;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
body .pp_woocommerce .pp_content_container .pp_close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
body .pp_woocommerce .pp_content_container .pp_close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.popup-product-quick-view-wrapper .woocommerce-main-image {
display: none;
}
.popup-product-quick-view-wrapper .product-size-guide {
display: none;
}
.popup-product-quick-view-wrapper .woocommerce-review-link {
pointer-events: none;
}
.popup-product-quick-view-wrapper #product-images1:hover {
cursor: auto !important;
}
.popup-product-quick-view-wrapper .product-video {
display: none;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap {
position: relative;
width: 49%;
float: left;
}
@media screen and (max-width: 991px) {
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap {
float: none;
padding-bottom: 50px;
width: 100%;
}
}
@media screen and (max-width: 767px) {
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap {
padding-bottom: 30px;
}
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .slick-slide img {
width: 100%;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-images1 {
padding-right: 90px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-images1:hover .slick-arrow.slick-prev {
left: 35px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-images1:hover .slick-arrow.slick-next {
right: 125px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-images1 .slick-arrow.slick-prev {
left: 10px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-images1 .slick-arrow.slick-next {
right: 100px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-thumbnails1 {
position: absolute;
right: 0;
top: 0;
max-width: 90px;
margin-top: -5px;
margin-bottom: -5px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-thumbnails1 .thumbnail-image {
padding: 5px 0 5px 5px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right .product-video {
right: 110px;
top: 70px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-images1 {
padding-left: 90px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-images1:hover .slick-arrow.slick-prev {
left: 125px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-images1:hover .slick-arrow.slick-next {
right: 35px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-images1 .slick-arrow.slick-prev {
left: 100px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-images1 .slick-arrow.slick-next {
right: 10px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-thumbnails1 {
position: absolute;
left: 0;
top: 0;
max-width: 90px;
margin-top: -5px;
margin-bottom: -5px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-thumbnails1 .thumbnail-image {
padding: 5px 5px 5px 0;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left .product-video {
right: 20px;
top: 70px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left .product-label {
left: 90px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical #product-thumbnails1:hover .slick-arrow.slick-prev {
top: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical #product-thumbnails1:hover .slick-arrow.slick-next {
bottom: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-prev {
top: 0;
bottom: auto;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-prev:before {
content: "\f3d8";
font-family: Ionicons;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-next {
bottom: 0;
top: auto;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-next:before {
content: "\f3d0";
font-family: Ionicons;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.horizontal .product-video {
top: 70px;
right: 20px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .single-product-image-inner {
position: relative;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .single-product-image-inner .product-video {
display: none;
position: absolute;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .single-product-image-inner .product-video a {
background-color: #fff;
display: block;
font-size: 16px;
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1:hover .slick-arrow.slick-prev, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1:hover .slick-arrow.slick-next {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1:hover .slick-arrow.slick-prev {
left: 35px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1:hover .slick-arrow.slick-next {
right: 35px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-prev, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-next {
background: none;
border: none;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
outline: none;
padding: 0;
position: absolute;
top: 50%;
z-index: 999;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-prev:before, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-next:before {
color: #696969;
font-family: 'slick';
font-size: 36px;
line-height: 1;
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-prev:hover:before, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-next:hover:before {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-prev {
left: 10px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-prev:before {
content: "\f3d2";
font-family: Ionicons;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-next {
right: 10px;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-next:before {
content: "\f3d3";
font-family: Ionicons;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .woocommerce-main-image {
display: none;
width: 36px;
height: 36px;
font-size: 16px;
line-height: 36px;
text-align: center;
background-color: #fff;
position: absolute;
right: 20px;
top: 20px;
z-index: 9;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 {
margin-top: 30px;
margin-left: -5px;
margin-right: -5px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-prev, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-next {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-prev {
left: 25px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-next {
right: 25px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next {
background: none;
border: none;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
outline: none;
padding: 0;
position: absolute;
top: 50%;
z-index: 999;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev:before, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next:before {
color: #696969;
font-family: 'slick';
font-size: 28px;
line-height: 1;
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev:hover:before, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next:hover:before {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev {
left: 10px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev:before {
content: "\f3d2";
font-family: Ionicons;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next {
right: 10px;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next:before {
content: "\f3d3";
font-family: Ionicons;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .thumbnail-image {
padding: 0 5px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .thumbnail-image.slick-current img {
border: 1px solid #333333;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .product-label {
position: absolute;
left: 0;
top: 20px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .product-flash, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .onsale {
min-width: 50px;
background-color: #333333 !important;
color: #fff;
display: block;
top: auto;
left: auto;
position: relative;
z-index: 99;
font-size: 15px !important;
font-weight: 700 !important;
text-align: center;
min-height: auto;
padding: 5px 0;
line-height: 14px;
font-weight: 400;
margin-bottom: 5px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .product-flash.on-hot {
background-color: #fff !important;
color: #da0e2b;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary {
margin-bottom: 0 !important;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_title {
font-size: 28px;
font-weight: 600;
}
@media screen and (max-width: 991px) {
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_title {
font-size: 26px;
}
}
@media screen and (max-width: 767px) {
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_title {
font-size: 24px;
}
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-product-details__short-description {
padding-bottom: 10px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-product-rating {
padding-top: 10px;
margin-bottom: 10px !important;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-product-rating .star-rating {
color: #f7bb2a;
font-size: 14px !important;
width: 65px;
height: 1em;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-product-rating .star-rating:before {
position: absolute;
top: 0;
left: 0;
content: "\f3ae \f3ae \f3ae \f3ae \f3ae";
color: #f7bb2a;
font-family: Ionicons;
letter-spacing: 2px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-product-rating .star-rating span {
position: relative;
overflow: hidden;
float: left;
top: 0;
left: 0;
padding-top: 1.5em;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-product-rating .star-rating span:before {
position: absolute;
content: "\f2fc \f2fc \f2fc \f2fc \f2fc";
top: 0;
left: 0;
color: #f7bb2a;
font-family: Ionicons;
letter-spacing: 2px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-review-link {
font-style: italic;
color: #ababab;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-review-link:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary p.price {
color: #ababab !important;
border-bottom: 1px solid #ededed;
padding-bottom: 30px;
margin-bottom: 30px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary p.price .woocommerce-Price-amount {
margin-right: 5px;
color: #333333;
font-size: 18px;
font-weight: 700;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary p.price .woocommerce-Price-amount:nth-child(2) {
margin-left: 5px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary p.price del {
opacity: 1 !important;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary p.price del .woocommerce-Price-amount {
color: #ababab;
font-weight: 600;
font-size: 16px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary p.price ins {
text-decoration: none;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product-size-guide {
font-weight: 700;
font-style: italic;
padding: 5px 0;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart {
margin-top: 15px;
margin-bottom: 10px !important;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations {
margin-bottom: 0px !important;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations tr {
margin-bottom: 15px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations tr:last-child td.value {
line-height: 1;
padding-bottom: 15px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations tr td label {
color: #333333;
font-size: 15px;
margin-bottom: 25px;
margin-top: 6px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations tr td select {
height: 35px;
border-radius: 0;
padding-left: 10px;
outline: none;
width: 100%;
border: 1px solid #ededed;
font-style: italic;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li:hover .button-tooltip, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li:hover .button-tooltip {
opacity: 1;
visibility: visible;
-webkit-transform: translate(-50%, -5px);
-ms-transform: translate(-50%, -5px);
-o-transform: translate(-50%, -5px);
transform: translate(-50%, -5px);
-webkit-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li .button-tooltip, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li .button-tooltip {
padding: 3px 5px;
position: absolute;
text-transform: none;
display: inline-block;
min-width: 60px;
opacity: 0;
text-align: center;
visibility: hidden;
bottom: calc(100% + 2px);
left: 50%;
background: #555 !important;
color: #fff !important;
font-size: 12px !important;
line-height: 20px !important;
font-weight: normal;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li .button-tooltip:after, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li .button-tooltip:after {
width: 0;
height: 0;
position: absolute;
bottom: -6px;
left: 50%;
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #555;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper {
display: flex;
margin-left: 3px;
list-style: none;
margin-bottom: 0 !important;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li {
cursor: pointer;
position: relative;
width: 24px !important;
height: 24px !important;
display: inline-flex;
padding: 0;
margin-right: 10px;
cursor: pointer;
position: relative;
vertical-align: middle;
-ms-box-sizing: "content-box";
-moz-box-sizing: "content-box";
-webkit-box-sizing: "content-box";
box-sizing: "content-box";
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li.selected {
cursor: pointer;
border-color: #333333;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li.selected:before {
border: 2px solid #444;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li:before {
content: '';
position: absolute;
width: 30px;
height: 30px;
border: 1px solid #cdcdcd;
top: -3px;
left: -3px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper {
padding: 0;
margin: 0;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li {
cursor: pointer;
position: relative;
width: 30px;
height: 30px;
line-height: 28px;
font-size: 600;
margin-right: 5px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li.selected {
cursor: pointer;
border: 1px solid #ccc;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .woocommerce-variation.single_variation {
height: 45px !important;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .quantity input[type="number"] {
height: 40px;
border: 1px solid #ededed;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .quantity input[type="number"]:focus {
outline: none;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .single_add_to_cart_button {
height: 40px;
background: #333333;
text-transform: uppercase;
color: #fff;
outline: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .single_add_to_cart_button:hover {
background: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .woocommerce-variation-price {
margin-bottom: 20px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .woocommerce-variation-price span.price {
color: #444444;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .woocommerce-variation-price span.price del {
margin-right: 20px;
opacity: 1;
color: #ababab;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .woocommerce-variation-price span.price ins {
margin-right: 10px;
text-decoration: none;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare,
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist {
position: relative;
float: left;
margin-left: 10px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare a:hover,
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist a:hover {
background-color: transparent !important;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare a:hover .button-tooltip,
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist a:hover .button-tooltip {
opacity: 1;
visibility: visible;
-webkit-transform: translate(-50%, -6px);
-ms-transform: translate(-50%, -6px);
-o-transform: translate(-50%, -6px);
transform: translate(-50%, -6px);
-webkit-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare a i,
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist a i {
margin-right: 0;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare a .button-tooltip,
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist a .button-tooltip {
padding: 2px 5px;
position: absolute;
text-transform: none;
display: inline-block;
min-width: 80px;
opacity: 0;
text-align: center;
visibility: hidden;
bottom: 100%;
left: 50%;
background: #555 !important;
color: #fff !important;
font-size: 12px !important;
line-height: 20px !important;
font-weight: normal;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare a .button-tooltip:after,
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist a .button-tooltip:after {
width: 0;
height: 0;
position: absolute;
bottom: -6px;
left: 50%;
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #555;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist {
width: auto;
float: left;
text-transform: uppercase;
margin-top: 0;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist a {
border: 1px solid #ccc;
height: 40px;
line-height: 40px;
padding: 0 15px;
display: block;
background: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist a:hover {
border: 1px solid #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist img {
display: none !important;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist .feedback {
display: none;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a i, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a i {
color: #333333;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare {
height: 40px;
line-height: 40px;
border: 1px solid #ccc;
background: transparent;
text-align: center;
text-transform: uppercase;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare i {
margin-left: 0;
font-size: 14px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare a {
display: block;
padding: 0 15px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare:hover {
border: 1px solid #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare:hover:before {
color: #fff;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta {
margin-top: 30px;
border-top: 1px solid #ededed;
padding-top: 20px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta > span {
display: block;
margin-bottom: 15px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta > span.devide_sign {
font-weight: 400;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta .sku_wrapper .label,
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta .posted_in .label,
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta .tagged_as .label {
color: #ababab;
font-size: 15px;
font-weight: 600;
padding: 0 20px 0 0;
text-transform: cap;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta .sku_wrapper a,
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta .posted_in a,
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta .tagged_as a {
text-transform: none;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .post-social-share .social-share-wrapper .social-share {
list-style: none;
list-style-type: none;
margin: 0;
padding: 0;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .post-social-share .social-share-wrapper .social-share li {
display: inline-block;
text-align: center;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .post-social-share .social-share-wrapper .social-share li.social-label {
color: #ababab;
font-size: 15px;
font-weight: 600;
margin-right: 10px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .post-social-share .social-share-wrapper .social-share li a {
padding: 0 10px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .post-social-share .social-share-wrapper .social-share li:hover a {
color: #333333;
}
.woocommerce.columns-1 ul.products li.product {
margin-bottom: 0;
}
.woocommerce.columns-1 ul.products li.product .product-inner {
text-align: left;
}
.woocommerce.columns-1 ul.products li.product .product-inner .onsale, .woocommerce.columns-1 ul.products li.product .product-inner .product-flash {
left: 47% !important;
margin-bottom: -50%;
}
.woocommerce.columns-1 ul.products li.product .product-inner .product-thumb-primary {
width: 33%;
float: left;
}
.woocommerce.columns-1 ul.products li.product .product-inner .product-thumb-primary img {
margin-bottom: 0;
}
.woocommerce.columns-1 ul.products li.product .product-inner .star-rating {
top: 10%;
left: 17%;
}
.woocommerce.columns-1 ul.products li.product .product-inner .woocommerce-loop-product__title, .woocommerce.columns-1 ul.products li.product .product-inner .price {
margin-left: 40%;
}
.woocommerce.columns-1 ul.products li.product .product-inner .product-actions {
display: none;
}
@media screen and (max-width: 991px) {
.woocommerce.columns-1 ul.products li.product {
width: 100%;
}
}
.wc-dnd-file-upload {
font-weight: 700;
color: #333333;
padding: 0 0 15px;
}
.wc-dnd-file-upload .codedropz-upload-wrapper {
font-weight: 400;
color: #696969;
}
.wc-dnd-file-upload .codedropz-upload-handler {
margin-top: 10px;
border-radius: 5px;
}
.wc-upload-wrap .codedropz-upload-inner a.cd-upload-btn {
background-color: #000;
border-radius: 5px;
color: #fff;
padding: 0 15px;
font-weight: 700;
transition: all .3s;
}
.wc-upload-wrap .codedropz-upload-inner a.cd-upload-btn:hover {
background-color: rgba(0, 0, 0, 0.8);
transition: all .3s;
}
.wc-upload-wrap .codedropz-upload-inner .codedropz-label {
font-size: 16px;
}
.wc-upload-wrap .codedropz-upload-inner .codedropz-label span.cd-icon {
margin-bottom: -6px;
}
.wc-upload-wrap .codedropz-upload-inner .codedropz-label .text {
color: #000;
}
.dnd-upload-counter {
right: 10px;
bottom: 5px;
}
@media screen and (max-width: 767px) {
.dnd-upload-counter {
bottom: 0;
}
}
.dnd-upload-status .dnd-upload-image {
margin-bottom: -10px;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar {
border-radius: 10px;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
background: #11b196;
}
.dnd-upload-status .dnd-upload-details .name {
color: #000;
}
.dnd-upload-status .dnd-upload-details .name em {
color: #000;
font-weight: 700;
font-style: normal;
}
.codedropz--results {
margin-bottom: 12px;
} .woocommerce table, .woocommerce th, .woocommerce td {
border: none;
}
.woocommerce thead {
background: none;
}
.woocommerce table.shop_table {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce a.button, .woocommerce input.button {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #444444;
color: #fff;
font-weight: normal;
text-transform: uppercase;
}
.woocommerce a.button:hover, .woocommerce input.button:hover {
background: #333333;
color: #fff;
}
.woocommerce-message {
border-top-color: #333333;
}
.woocommerce-message:before {
color: #333333;
}
.woocommerce-info {
border-top-color: #333333;
}
.woocommerce-info:before {
color: #333333;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
border: 1px solid #ededed;
padding: 8px 15px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
border: 1px solid #333333;
}   .banner-shortcode-wrap.style_1 .banner-content-wrap {
position: relative;
overflow: hidden;
text-align: center;
}
.banner-shortcode-wrap.style_1 .banner-content-wrap:hover .banner-content-inner {
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
}
.banner-shortcode-wrap.style_1 .banner-content-wrap:hover .banner-content-inner .banner-content {
opacity: 1;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
}
.banner-shortcode-wrap.style_1 .banner-content-wrap:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_1 .banner-content-wrap img {
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_1 .banner-content-wrap .banner-content-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 15px;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
}
.banner-shortcode-wrap.style_1 .banner-content-wrap .banner-content-inner .banner-content {
position: absolute;
top: 50%;
left: 0;
width: 100%;
opacity: 0;
color: #fff;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.banner-shortcode-wrap.style_1 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 24px;
font-weight: 300;
color: #fff;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_1 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 18px;
}
}
.banner-shortcode-wrap.style_2 .banner-content-wrap {
position: relative;
overflow: hidden;
}
.banner-shortcode-wrap.style_2 .banner-content-wrap:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_2 .banner-content-wrap img {
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content {
position: absolute;
left: 0;
width: 100%;
padding: 3% 5%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content.left {
text-align: left;
}
.banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content.center {
text-align: center;
}
.banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content.right {
text-align: right;
}
.banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content .banner-description {
color: #333333;
font-size: 15px;
font-weight: 700;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content .banner-description {
font-size: 13px;
}
}
.banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 34px;
font-weight: 700;
letter-spacing: 10px;
text-transform: uppercase;
word-spacing: 10px;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 18px;
margin-top: 8px;
letter-spacing: 5px;
word-spacing: 5px;
}
}
.banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content .banner-button {
color: #333333;
border-bottom: 1px solid rgba(51, 51, 51, 0.3);
display: inline-block;
line-height: 1.4;
letter-spacing: 1.5px;
padding-top: 8%;
font-weight: 700;
text-transform: uppercase;
}
.banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content .banner-button:hover {
border-bottom: 1px solid #333333;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content .banner-button {
font-size: 12px;
}
}
.banner-shortcode-wrap.style_3 .banner-content-wrap {
position: relative;
overflow: hidden;
}
.banner-shortcode-wrap.style_3 .banner-content-wrap:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_3 .banner-content-wrap img {
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content {
position: absolute;
left: 0;
width: 100%;
padding: 3% 5%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content.left {
text-align: left;
}
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content.center {
text-align: center;
}
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content.right {
text-align: right;
}
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 34px;
font-weight: 700;
line-height: 1.3;
margin-bottom: 5px;
margin-top: 20%;
}
@media screen and (max-width: 1199px) {
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 24px;
}
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 18px;
}
}
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content .banner-description {
color: #333333;
font-size: 34px;
font-weight: 700;
line-height: 1.3;
}
@media screen and (max-width: 1199px) {
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content .banner-description {
font-size: 26px;
}
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content .banner-description {
font-size: 18px;
}
}
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content .banner-button {
color: #333333;
border-bottom: 1px solid rgba(51, 51, 51, 0.3);
display: inline-block;
line-height: 1.4;
letter-spacing: 1.5px;
padding-top: 5%;
font-weight: 700;
text-transform: uppercase;
}
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content .banner-button:hover {
border-bottom: 1px solid #333333;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content .banner-button {
font-size: 12px;
}
}
.banner-shortcode-wrap.style_4 {
margin-bottom: 40px;
}
.banner-shortcode-wrap.style_4 .banner-content-wrap {
position: relative;
}
.banner-shortcode-wrap.style_4 .banner-content-wrap:hover .banner-image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.banner-shortcode-wrap.style_4 .banner-content-wrap:hover .banner-image .banner-link {
opacity: 1;
visibility: visible;
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
-o-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.banner-shortcode-wrap.style_4 .banner-content-wrap .banner-image {
position: relative;
overflow: hidden;
text-align: center;
}
.banner-shortcode-wrap.style_4 .banner-content-wrap .banner-image .banner-link {
background-color: #fff;
color: #333333;
font-weight: 700;
margin-bottom: 0;
min-width: 150px;
opacity: 0;
visibility: hidden;
padding: 10px 30px;
position: absolute;
top: 50%;
left: 50%;
text-transform: uppercase;
-webkit-transform: translate(-50%, -50%) scale(0.8);
-ms-transform: translate(-50%, -50%) scale(0.8);
-o-transform: translate(-50%, -50%) scale(0.8);
transform: translate(-50%, -50%) scale(0.8);
-webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.banner-shortcode-wrap.style_4 .banner-content-wrap .banner-image img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.banner-shortcode-wrap.style_4 .banner-content-wrap .banner-content-inner .banner-content.left {
text-align: left;
}
.banner-shortcode-wrap.style_4 .banner-content-wrap .banner-content-inner .banner-content.center {
text-align: center;
}
.banner-shortcode-wrap.style_4 .banner-content-wrap .banner-content-inner .banner-content.right {
text-align: right;
}
.banner-shortcode-wrap.style_4 .banner-content-wrap .banner-content-inner .banner-title {
font-size: 18px;
font-weight: 700;
}
.banner-shortcode-wrap.style_4 .banner-content-wrap .banner-content-inner .banner-title .banner-description {
color: #696969;
font-size: 15px;
font-weight: normal;
padding-left: 8px;
}
.banner-shortcode-wrap.style_5 {
margin-bottom: 40px;
}
.banner-shortcode-wrap.style_5 .banner-content-wrap {
border: 1px solid #ededed;
padding: 30px;
text-align: center;
}
.banner-shortcode-wrap.style_5 .banner-content-wrap .banner-content-inner .banner-content {
padding: 16px 0 30px 0;
}
.banner-shortcode-wrap.style_5 .banner-content-wrap .banner-content-inner .banner-content i {
color: #333333;
font-size: 30px;
}
.banner-shortcode-wrap.style_5 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 34px;
font-weight: 900;
letter-spacing: 10px;
text-transform: uppercase;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_5 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 24px;
}
}
@media screen and (max-width: 767px) {
.banner-shortcode-wrap.style_5 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 24px;
}
}
.banner-shortcode-wrap.style_5 .banner-content-wrap .banner-content-inner .banner-content .banner-description {
color: #ababab;
font-size: 15px;
letter-spacing: 2px;
margin-top: 15px;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_5 .banner-content-wrap .banner-content-inner .banner-content .banner-description {
letter-spacing: 0;
}
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_5 .banner-content-wrap .banner-content-inner .banner-content {
padding: 16px 0 16px 0;
}
}
.banner-shortcode-wrap.style_6 .banner-content-wrap {
position: relative;
overflow: hidden;
}
.banner-shortcode-wrap.style_6 .banner-content-wrap:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_6 .banner-content-wrap img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_6 .banner-content-wrap .banner-content-inner {
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.banner-shortcode-wrap.style_6 .banner-content-wrap .banner-content-inner .banner-title {
font-size: 18px;
font-weight: 900;
line-height: 1.4;
}
.banner-shortcode-wrap.style_6 .banner-content-wrap .banner-content-inner .banner-description {
color: #333333;
font-size: 24px;
font-weight: 300;
letter-spacing: 6px;
text-transform: uppercase;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_6 .banner-content-wrap .banner-content-inner .banner-description {
letter-spacing: 3px;
}
}
.banner-shortcode-wrap.style_7 .banner-content-wrap {
position: relative;
overflow: hidden;
}
.banner-shortcode-wrap.style_7 .banner-content-wrap:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_7 .banner-content-wrap img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_7 .banner-content-wrap .banner-content-inner {
position: absolute;
top: 50%;
left: 50%;
width: 50%;
text-align: center;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
}
.banner-shortcode-wrap.style_7 .banner-content-wrap .banner-content-inner .banner-content {
background-color: #fff;
padding: 5px 20px;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_7 .banner-content-wrap .banner-content-inner .banner-content {
padding: 5px 10px;
}
}
.banner-shortcode-wrap.style_7 .banner-content-wrap .banner-content-inner .banner-title {
font-size: 18px;
font-weight: 900;
line-height: 1.3;
letter-spacing: 5px;
text-transform: uppercase;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_7 .banner-content-wrap .banner-content-inner .banner-title {
font-size: 14px;
}
}
.banner-shortcode-wrap.style_7 .banner-content-wrap .banner-content-inner .banner-description {
font-size: 15px;
}
.banner-shortcode-wrap.style_8 {
margin-bottom: 40px;
}
.banner-shortcode-wrap.style_8 .banner-content-wrap {
position: relative;
}
.banner-shortcode-wrap.style_8 .banner-content-wrap .banner-image {
padding-right: 55px;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_8 .banner-content-wrap .banner-image {
padding-right: 25px;
}
}
.banner-shortcode-wrap.style_8 .banner-content-wrap .banner-content-inner .banner-content.left {
text-align: left;
}
.banner-shortcode-wrap.style_8 .banner-content-wrap .banner-content-inner .banner-content.center {
text-align: center;
}
.banner-shortcode-wrap.style_8 .banner-content-wrap .banner-content-inner .banner-content.right {
text-align: right;
}
.banner-shortcode-wrap.style_8 .banner-content-wrap .banner-content-inner .banner-title {
font-size: 18px;
font-weight: 900;
}
.banner-shortcode-wrap.style_8 .banner-content-wrap .banner-content-inner .banner-description {
color: #696969;
font-size: 15px;
font-weight: normal;
}
.banner-shortcode-wrap.style_9 .banner-content-wrap {
position: relative;
overflow: hidden;
}
.banner-shortcode-wrap.style_9 .banner-content-wrap:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_9 .banner-content-wrap:hover .banner-content-inner .banner-description {
opacity: 1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_9 .banner-content-wrap img {
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_9 .banner-content-wrap .banner-content-inner {
position: absolute;
left: 0;
top: 0;
width: 100%;
padding: 0 25px;
}
.banner-shortcode-wrap.style_9 .banner-content-wrap .banner-content-inner .banner-title {
font-size: 18px;
font-weight: 700;
}
.banner-shortcode-wrap.style_9 .banner-content-wrap .banner-content-inner .banner-description {
opacity: 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_10 .banner-content-wrap {
position: relative;
overflow: hidden;
}
.banner-shortcode-wrap.style_10 .banner-content-wrap:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_10 .banner-content-wrap img {
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner .banner-content {
position: absolute;
left: 0;
width: 100%;
padding: 6% 10%;
}
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner .banner-content.left {
text-align: left;
}
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner .banner-content.center {
text-align: center;
}
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner .banner-content.right {
text-align: right;
}
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner .banner-content .banner-description {
color: #333333;
font-size: 15px;
font-weight: 700;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner .banner-content .banner-description {
font-size: 13px;
}
}
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 34px;
font-weight: 700;
margin-top: 10px;
}
@media screen and (max-width: 1199px) {
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 24px;
}
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 18px;
margin-top: 8px;
letter-spacing: 5px;
word-spacing: 5px;
}
}
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner .banner-content .banner-button {
color: #fff;
border-bottom: 1px solid white;
display: inline-block;
line-height: 1.4;
letter-spacing: 1.5px;
padding-top: 15px;
font-weight: 700;
text-transform: uppercase;
}
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner .banner-content .banner-button:hover {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner .banner-content .banner-button {
font-size: 12px;
}
}
.banner-shortcode-wrap.style_11 .banner-content-wrap {
position: relative;
overflow: hidden;
}
.banner-shortcode-wrap.style_11 .banner-content-wrap:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_11 .banner-content-wrap img {
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
}
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner .banner-content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 6% 10%;
}
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner .banner-content.left {
text-align: left;
}
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner .banner-content.center {
text-align: center;
}
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner .banner-content.right {
text-align: right;
}
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner .banner-content .banner-description {
color: #333333;
font-size: 15px;
font-weight: 700;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner .banner-content .banner-description {
font-size: 13px;
}
}
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 34px;
font-weight: 700;
margin-top: 10px;
}
@media screen and (max-width: 1199px) {
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 24px;
}
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 18px;
margin-top: 8px;
letter-spacing: 5px;
word-spacing: 5px;
}
}
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner .banner-content .banner-button {
color: #333333;
border-bottom: 1px solid #333333;
display: inline-block;
line-height: 1.4;
letter-spacing: 1.5px;
padding-top: 15px;
font-weight: 700;
text-transform: uppercase;
}
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner .banner-content .banner-button:hover {
border-bottom: 1px solid rgba(51, 51, 51, 0.3);
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner .banner-content .banner-button {
font-size: 12px;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-2.portrait {
width: 50%;
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-2.landscape {
width: 100%;
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-2.small_squared {
width: 50%;
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-2.big_squared {
width: 100%;
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-2.default {
width: 50%;
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.portrait {
width: 33.3333333%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.portrait {
width: 50%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.landscape {
width: 66.6666666%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.landscape {
width: 100%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.small_squared {
width: 33.3333333%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.small_squared {
width: 50%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.big_squared {
width: 66.6666666%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.big_squared {
width: 100%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.default {
width: 33.3333333%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.default {
width: 50%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.portrait {
width: 25%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.portrait {
width: 50%;
height: auto !important;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.landscape {
width: 50%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.landscape {
width: 100%;
height: auto !important;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.small_squared {
width: 25%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.small_squared {
width: 50%;
height: auto !important;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.big_squared {
width: 50%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.big_squared {
width: 100%;
height: auto !important;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.default {
width: 25%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.default {
width: 50%;
height: auto !important;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.portrait {
width: 20%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.portrait {
width: 50%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.landscape {
width: 40%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.landscape {
width: 100%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.small_squared {
width: 20%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.small_squared {
width: 100%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.big_squared {
width: 40%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.big_squared {
width: 100%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.default {
width: 20%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.default {
width: 50%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.portrait {
width: 16.6666667%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.portrait {
width: 50%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.landscape {
width: 33.3333333%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.landscape {
width: 100%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.small_squared {
width: 16.6666667%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.small_squared {
width: 50%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.big_squared {
width: 33.3333333%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.big_squared {
width: 100%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.default {
width: 16.6666667%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.default {
width: 50%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.padding-5 {
padding: 0 5px;
margin: 5px 0;
}
.banner-creative-shortcode-wrap .banner-list .banner-item.padding-10 {
padding: 0 10px;
margin: 10px 0;
}
.banner-creative-shortcode-wrap .banner-list .banner-item.padding-15 {
padding: 0 15px;
margin: 15px 0;
}
.banner-creative-shortcode-wrap.style_1 .banner-list {
margin-left: -5px;
margin-right: -5px;
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-item:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-item:hover .banner-content-inner {
background-color: #fff;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-item:hover .banner-description {
opacity: 1;
visibility: visible;
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-item:hover .banner-link {
opacity: 1;
visibility: visible;
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-item a {
display: block;
position: relative;
overflow: hidden;
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-item img {
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-item.big_squared .banner-content-inner {
width: calc(50% - 40px);
height: calc(50% - 40px);
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-item.landscape .banner-content-inner {
width: calc(50% - 40px);
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-item.portrait .banner-content-inner {
height: calc(50% - 40px);
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-content-inner {
background-color: transparent;
padding: 20px;
position: absolute;
left: 20px;
bottom: 20px;
height: calc(100% - 40px);
width: calc(100% - 40px);
-webkit-transform: translateY(calc(100% - 50px));
-ms-transform: translateY(calc(100% - 50px));
-o-transform: translateY(calc(100% - 50px));
transform: translateY(calc(100% - 50px));
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-title {
font-size: 24px;
margin-top: 0;
}
@media screen and (max-width: 991px) {
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-title {
font-size: 18px;
}
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-description {
opacity: 0;
visibility: hidden;
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-link {
font-weight: 700;
margin-bottom: 0;
opacity: 0;
visibility: hidden;
padding-right: 30px;
text-transform: uppercase;
position: absolute;
bottom: 20px;
right: 20px;
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-link:after {
content: "\f3d6";
font-family: Ionicons;
font-size: 24px;
position: absolute;
right: 0;
top: -9px;
}
@media screen and (max-width: 991px) {
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-link {
padding-right: 25px;
}
}
.banner-creative-shortcode-wrap.style_2 .banner-list {
margin-left: -10px;
margin-right: -10px;
}
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-item:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-item:hover .banner-content-inner {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-item:hover .banner-description {
opacity: 1;
visibility: visible;
}
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-item:hover .banner-link {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-item a {
display: block;
position: relative;
overflow: hidden;
}
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-item img {
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-content-inner {
position: absolute;
left: 0;
bottom: 0;
padding: 30px;
width: 100%;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 991px) {
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-content-inner {
padding: 20px;
}
}
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-title {
color: #696969;
font-size: 18px;
font-weight: 400;
margin-top: 0;
}
@media screen and (max-width: 991px) {
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-title {
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-title {
font-size: 16px;
}
}
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-description {
color: #333333;
font-size: 15px;
font-weight: 700;
}
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-link {
font-weight: 700;
margin-bottom: 0;
position: relative;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-link:hover:after {
padding-left: 15px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-link:after {
content: "\f3d6";
font-family: Ionicons;
font-size: 24px;
position: absolute;
padding-left: 5px;
top: -9px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.countdown-shortcode-wrap.number .countdown-content .list-time {
list-style: none;
padding: 0;
}
.countdown-shortcode-wrap.number .countdown-content .list-time li {
position: relative;
display: inline-block;
}
.countdown-shortcode-wrap.number .countdown-content .list-time li p {
margin: 0;
}
.countdown-shortcode-wrap.number .countdown-content .list-time li p.countdown-number {
color: #333333;
font-size: 34px;
font-weight: 600;
padding: 0 30px;
position: relative;
-ms-box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
@media screen and (max-width: 991px) {
.countdown-shortcode-wrap.number .countdown-content .list-time li p.countdown-number {
font-size: 28px;
padding: 0 20px;
}
}
@media screen and (max-width: 767px) {
.countdown-shortcode-wrap.number .countdown-content .list-time li p.countdown-number {
font-size: 16px;
}
}
.countdown-shortcode-wrap.number .countdown-content .list-time li p.countdown-number:after {
content: ":";
font-size: 18px;
position: absolute;
right: -5px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.countdown-shortcode-wrap.number .countdown-content .list-time li:last-child p.countdown-number:after {
content: "";
}
.countdown-shortcode-wrap.number.text-left .countdown-content .list-time li {
text-align: center;
}
.countdown-shortcode-wrap.number.text-left .countdown-content .list-time li:first-child p.countdown-number, .countdown-shortcode-wrap.number.text-left .countdown-content .list-time li:first-child p.countdown-text {
padding-left: 0;
}
.countdown-shortcode-wrap.number.text-left .countdown-content .list-time li p.countdown-text {
padding: 0 30px;
}
@media screen and (max-width: 991px) {
.countdown-shortcode-wrap.number.text-left .countdown-content .list-time li p.countdown-text {
padding: 0 15px;
}
}
.counter-shortcode-wrap.style_1 {
margin-top: 10px;
}
.counter-shortcode-wrap.style_1 .gr-counter .content-inner {
text-align: center;
}
.counter-shortcode-wrap.style_1 .gr-counter .content-inner .icon-wrap {
color: #fff;
font-size: 60px;
}
@media screen and (max-width: 991px) {
.counter-shortcode-wrap.style_1 .gr-counter .content-inner .icon-wrap {
font-size: 48px;
}
}
.counter-shortcode-wrap.style_1 .gr-counter .content-inner .gr-number-counter {
color: #fff;
font-size: 48px;
font-weight: 800;
line-height: 1.2;
margin-top: 25px;
}
@media screen and (max-width: 991px) {
.counter-shortcode-wrap.style_1 .gr-counter .content-inner .gr-number-counter {
font-size: 36px;
margin-top: 15px;
}
}
.counter-shortcode-wrap.style_1 .gr-counter .content-inner .gr-text-default {
color: #fff;
font-weight: normal;
}
@media screen and (max-width: 767px) {
.counter-shortcode-wrap.style_2 .gr-counter .content-inner {
text-align: center;
}
}
.counter-shortcode-wrap.style_2 .gr-counter .content-inner .gr-number-counter {
color: #333333;
font-size: 56px;
font-family: "Muli";
font-weight: 700;
}
@media screen and (max-width: 991px) {
.counter-shortcode-wrap.style_2 .gr-counter .content-inner .gr-number-counter {
font-size: 36px;
}
}
.counter-shortcode-wrap.style_2 .gr-counter .content-inner .gr-text-default {
text-transform: uppercase;
font-weight: 700;
font-style: italic;
}
@media screen and (max-width: 767px) {
.counter-shortcode-wrap.style_2 .gr-counter .content-inner .gr-text-default {
font-size: 14px;
}
} .clients-shortcode-wrap {
position: relative;
}
.clients-shortcode-wrap:hover .owl-nav .owl-prev, .clients-shortcode-wrap:hover .owl-nav .owl-next {
opacity: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.clients-shortcode-wrap.style_1 .clients-list .client-item:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.clients-shortcode-wrap.style_1 .clients-list .client-item img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.clients-shortcode-wrap.style_2 .clients-list .client-item {
opacity: .3;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.clients-shortcode-wrap.style_2 .clients-list .client-item:hover {
opacity: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.clients-shortcode-wrap .owl-nav .owl-prev, .clients-shortcode-wrap .owl-nav .owl-next {
position: absolute;
display: block;
top: 50%;
z-index: 999;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: rgba(0, 0, 0, 0.2);
color: #fff;
opacity: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.clients-shortcode-wrap .owl-nav .owl-prev:hover, .clients-shortcode-wrap .owl-nav .owl-next:hover {
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
}
.clients-shortcode-wrap .owl-nav .owl-prev {
left: 0;
}
.clients-shortcode-wrap .owl-nav .owl-next {
right: 0;
} .gmaps-shortcode-wrap .map-info {
max-width: 280px;
}
@media screen and (max-width: 991px) {
.gmaps-shortcode-wrap .map-info {
max-width: 260px;
}
}
.gmaps-shortcode-wrap .map-info .info-image {
float: left;
max-width: 200px;
}
@media screen and (max-width: 991px) {
.gmaps-shortcode-wrap .map-info .info-image {
max-width: 160px;
}
}
.gmaps-shortcode-wrap .map-info .info-address {
padding: 10px 0 5px 0;
}
.gmaps-shortcode-wrap .map-info .info-address p {
text-align: center;
color: #333333;
font-family: "Muli";
}
.gmaps-shortcode-wrap.toggle_button .gmaps-button-wrap .gmaps-toggle-button {
width: 200px;
margin: 0 auto;
padding: 15px 0;
border: 1px solid #333333;
text-align: center;
}
.gmaps-shortcode-wrap.toggle_button .gmaps-button-wrap .gmaps-toggle-button:hover {
background: #333333;
cursor: pointer;
} .icon-box-shortcode-wrap {
margin-bottom: 25px;
}
.icon-box-shortcode-wrap.style_1 .icon-box-container {
border: 1px solid #ededed;
text-align: left;
padding: 30px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 991px) {
.icon-box-shortcode-wrap.style_1 .icon-box-container {
padding: 20px;
}
}
.icon-box-shortcode-wrap.style_1 .icon-box-container:hover {
border: 1px solid #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.icon-box-shortcode-wrap.style_1 .icon-box-container .icon-wrap {
font-size: 48px;
line-height: 1;
padding-bottom: 15px;
}
@media screen and (max-width: 991px) {
.icon-box-shortcode-wrap.style_1 .icon-box-container .icon-wrap {
font-size: 34px;
padding-bottom: 10px;
}
}
.icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content .icon-title {
font-size: 18px;
font-weight: bold;
padding-bottom: 5px;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-font-smoothing: antialiased !important;
}
@media screen and (max-width: 991px) {
.icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content .icon-title {
font-size: 16px;
padding-bottom: 10px;
}
}
.icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content .icon-description {
font-family: "Muli";
font-size: 16px;
letter-spacing: 1px;
}
@media screen and (max-width: 991px) {
.icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content .icon-description {
font-size: 14px;
letter-spacing: inherit;
}
}
@media screen and (max-width: 767px) {
.icon-box-shortcode-wrap.style_1 .icon-box-container {
text-align: center;
}
}
.icon-box-shortcode-wrap.style_3 {
border-right: 1px solid #ededed;
}
@media screen and (max-width: 767px) {
.icon-box-shortcode-wrap.style_3 {
border-right: none;
}
}
.icon-box-shortcode-wrap.style_3.no-border {
border: none;
}
.icon-box-shortcode-wrap.style_3 .icon-box-container {
text-align: center;
}
.icon-box-shortcode-wrap.style_3 .icon-box-container .icon-content .icon-title {
font-size: 16px;
margin-top: 10px;
padding-top: 5px;
text-transform: uppercase;
}
@media screen and (max-width: 991px) {
.icon-box-shortcode-wrap.style_3 .icon-box-container .icon-content .icon-title {
font-size: 14px;
}
}
.icon-box-shortcode-wrap.style_3 .icon-box-container .icon-content .icon-title a {
color: #333333;
letter-spacing: .5px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.icon-box-shortcode-wrap.style_3 .icon-box-container .icon-content .icon-title a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.icon-box-shortcode-wrap.style_3 .icon-box-container .icon-content .icon-description {
color: #757575;
} .recent-news-shortcode-wrap {
position: relative;
}
.recent-news-shortcode-wrap.carousel:hover .recent-news-container .owl-nav .owl-prev, .recent-news-shortcode-wrap.carousel:hover .recent-news-container .owl-nav .owl-next {
opacity: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.recent-news-shortcode-wrap.carousel .recent-news-container article:hover .post-thumbnail img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail-link {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail {
overflow: hidden;
position: relative;
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail .post-category {
background-color: #fff;
bottom: 0;
position: absolute;
z-index: 3;
padding-left: 10px;
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail .post-category a {
color: #333333;
display: inline-block;
font-style: italic;
padding: 1px 0 1px 10px;
text-transform: uppercase;
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail .post-category a:hover {
color: #333333;
}
@media screen and (max-width: 991px) {
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail .post-category a {
font-size: 12px;
}
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-content {
background-color: #fff;
padding: 15px 0;
}
@media screen and (max-width: 991px) {
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-content {
padding: 15px;
}
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .entry-title {
margin-top: 0;
font-size: 22px;
font-weight: 600;
}
@media screen and (max-width: 991px) {
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .entry-title {
font-size: 18px;
}
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .entry-title a {
color: #333333;
line-height: 1.5;
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .entry-title a:hover {
color: #333333;
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .read-more {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
color: #333333;
display: inline-block;
font-weight: bold;
line-height: 1.1;
margin-top: 20px;
text-transform: uppercase;
letter-spacing: .5px;
padding-bottom: 1px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .read-more:hover {
border-bottom: 1px solid #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.recent-news-shortcode-wrap.carousel .recent-news-container .owl-nav .owl-prev, .recent-news-shortcode-wrap.carousel .recent-news-container .owl-nav .owl-next {
position: absolute;
display: block;
top: 50%;
z-index: 999;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: rgba(0, 0, 0, 0.2);
color: #fff;
opacity: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.recent-news-shortcode-wrap.carousel .recent-news-container .owl-nav .owl-prev:hover, .recent-news-shortcode-wrap.carousel .recent-news-container .owl-nav .owl-next:hover {
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
}
.recent-news-shortcode-wrap.carousel .recent-news-container .owl-nav .owl-prev {
left: 0;
}
.recent-news-shortcode-wrap.carousel .recent-news-container .owl-nav .owl-next {
right: 0;
}
.recent-news-shortcode-wrap.carousel_2:hover .recent-news-container .owl-nav .owl-prev, .recent-news-shortcode-wrap.carousel_2:hover .recent-news-container .owl-nav .owl-next {
opacity: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article {
position: relative;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-thumbnail-link {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content {
background-color: #fff;
padding: 25px;
text-align: center;
}
@media screen and (max-width: 991px) {
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content {
padding: 15px;
}
}
@media screen and (max-width: 991px) {
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .post-category {
font-size: 12px;
}
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .post-category a {
color: #ababab;
font-style: italic;
letter-spacing: 2px;
text-transform: uppercase;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .post-category a:hover {
color: #333333;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .entry-title {
margin-top: 10px;
}
@media screen and (max-width: 991px) {
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .entry-title {
font-size: 18px;
}
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .entry-title a {
color: #333333;
line-height: 1.5;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .entry-title a:hover {
color: #333333;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .post-excerpt {
padding-top: 5px;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .icon-readmore {
font-family: "Muli";
font-size: 18px;
font-weight: 700;
font-style: italic;
padding-top: 15px;
}
@media screen and (max-width: 991px) {
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .icon-readmore {
font-size: 16px;
}
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .icon-readmore a {
position: relative;
left: -15px;
-webkit-transition: left 0.3s;
-o-transition: left 0.3s;
transition: left 0.3s;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .icon-readmore a:hover {
left: 0;
-webkit-transition: left 0.3s;
-o-transition: left 0.3s;
transition: left 0.3s;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .icon-readmore a:hover:before {
opacity: 1;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .icon-readmore a:before {
content: "\f067";
font-family: fontAwesome;
font-style: normal;
font-weight: normal;
opacity: 0;
margin-right: 5px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container .owl-nav .owl-prev, .recent-news-shortcode-wrap.carousel_2 .recent-news-container .owl-nav .owl-next {
position: absolute;
display: block;
top: 50%;
z-index: 999;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: rgba(0, 0, 0, 0.2);
color: #fff;
opacity: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container .owl-nav .owl-prev:hover, .recent-news-shortcode-wrap.carousel_2 .recent-news-container .owl-nav .owl-next:hover {
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container .owl-nav .owl-prev {
left: 0;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container .owl-nav .owl-next {
right: 0;
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item {
display: flex;
padding-bottom: 40px;
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-thumbnail-link, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-thumbnail-link {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-thumbnail, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-thumbnail {
padding-right: 15px;
width: 33.333333%;
}
@media screen and (max-width: 991px) {
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-thumbnail, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-thumbnail {
padding-right: 0;
}
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content {
padding-left: 15px;
width: 66.666666%;
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .post-meta {
font-size: 12px;
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta .post-meta-date, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .post-meta .post-meta-date {
background-color: #333333;
color: #fff;
display: inline-block;
font-weight: 500;
margin-right: 10px;
padding: 3px 10px;
position: relative;
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta .post-meta-date:after, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .post-meta .post-meta-date:after {
content: "";
position: absolute;
left: 0;
top: 100%;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 0;
border-color: #444444 transparent transparent transparent;
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta .post-meta-author, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .post-meta .post-meta-author {
background-color: #f2f2f2;
display: inline-block;
padding: 3px 10px;
font-weight: normal;
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta .post-meta-author span, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .post-meta .post-meta-author span {
text-transform: capitalize;
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta .post-meta-author a, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .post-meta .post-meta-author a {
color: #333333;
text-transform: capitalize;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta .post-meta-author a:hover, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .post-meta .post-meta-author a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .entry-title, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .entry-title {
font-weight: normal;
font-size: 18px;
line-height: 1.4;
padding-top: 5px;
padding-bottom: 5px;
}
@media screen and (max-width: 991px) {
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .entry-title, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .entry-title {
font-size: 16px;
}
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .entry-title a, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .entry-title a {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .entry-title a:hover, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .entry-title a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item {
padding-bottom: 0;
}
.images-gallery-shortcode-wrap.slick .gallery-filters ul {
list-style: none;
padding: 0;
}
.images-gallery-shortcode-wrap.slick .gallery-filters ul.filter-left {
text-align: left;
}
.images-gallery-shortcode-wrap.slick .gallery-filters ul.filter-center {
text-align: center;
}
.images-gallery-shortcode-wrap.slick .gallery-filters ul.filter-right {
text-align: right;
}
.images-gallery-shortcode-wrap.slick .gallery-filters ul li {
display: inline-block;
padding: 0 3px;
margin-bottom: 5px;
}
.images-gallery-shortcode-wrap.slick .gallery-filters ul li a {
background-color: #fff;
color: #666;
display: inline-block;
font-weight: normal;
padding: 8px 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.slick .gallery-filters ul li a:hover, .images-gallery-shortcode-wrap.slick .gallery-filters ul li a.active {
background-color: #333333;
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.slick .images-groups {
margin-top: 65px;
margin-left: -15px;
margin-right: -15px;
}
.images-gallery-shortcode-wrap.slick .images-groups .image-group {
position: relative;
}
.images-gallery-shortcode-wrap.slick .images-groups .image-group .image-item {
margin: 0 15px;
}
.images-gallery-shortcode-wrap.slick .images-groups .image-group .image-item:focus {
outline: none;
}
.images-gallery-shortcode-wrap.slick .images-groups .image-group .image-item .slide-item img {
width: 100%;
}
.images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-prev, .images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-next {
background: #fff;
border: none;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
outline: none;
padding: 8px;
position: absolute;
top: 50%;
z-index: 999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-prev:before, .images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-next:before {
color: #696969;
font-family: 'slick';
font-size: 18px;
line-height: 1;
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-prev:hover, .images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-next:hover {
background: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-prev:hover:before, .images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-next:hover:before {
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-prev {
left: 15px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-prev:before {
content: "\eb26";
font-family: IcoFont;
}
.images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-next {
right: 15px;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-next:before {
content: "\eb27";
font-family: IcoFont;
}
.images-gallery-shortcode-wrap.slick .images-groups .gallery-viewmore {
margin-top: 60px;
text-align: center;
}
@media screen and (max-width: 767px) {
.images-gallery-shortcode-wrap.slick .images-groups .gallery-viewmore {
margin-top: 30px;
}
}
.images-gallery-shortcode-wrap.slick .images-groups .gallery-viewmore a {
display: inline-block;
padding: 8px 30px;
background-color: #333333;
color: #fff;
font-weight: 500;
text-transform: uppercase;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.slick .images-groups .gallery-viewmore a:hover {
background-color: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.grid .images-list .image-item {
float: left;
}
.images-gallery-shortcode-wrap.grid .images-list .image-item:hover .slide-item:before {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.grid .images-list .image-item:hover .slide-item .image-meta {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item {
position: relative;
}
.images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
background-color: rgba(51, 51, 51, 0.9);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta {
position: absolute;
width: 100%;
top: 50%;
text-align: center;
color: #fff;
opacity: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta i {
font-size: 40px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 991px) {
.images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta i {
font-size: 30px;
}
}
.images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta i:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta .image-title {
color: #fff;
font-size: 18px;
font-family: "Muli";
text-transform: uppercase;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 991px) {
.images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta .image-title {
font-size: 16px;
}
}
.images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta .image-title:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.grid .images-list .image-item.padding-5 {
padding: 5px;
}
.images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-2 {
width: 50%;
}
.images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-3 {
width: 33.333333%;
}
@media screen and (max-width: 767px) {
.images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-3 {
width: 50%;
}
}
.images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-4 {
width: 25%;
}
@media screen and (max-width: 767px) {
.images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-4 {
width: 50%;
}
}
.images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-5 {
width: 20%;
}
@media screen and (max-width: 991px) {
.images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-5 {
width: 25%;
}
}
@media screen and (max-width: 767px) {
.images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-5 {
width: 50%;
}
} .decoration-shortcode-wrapper.line {
height: 4px;
}
.decoration-shortcode-wrapper.line .zigzag {
position: relative;
width: 100%;
}
.decoration-shortcode-wrapper.line .zigzag:before {
content: ' ';
display: block;
height: 4px;
position: absolute;
left: 0;
right: 0;
}
.decoration-shortcode-wrapper.line .zigzag:before {
background: linear-gradient(45deg, #FCFCFB 25%, transparent 25%), linear-gradient(315deg, #FCFCFB 25%, transparent 25%), linear-gradient(225deg, #FFFFFF 25%, transparent 25%) -2px 0, linear-gradient(135deg, #FFFFFF 25%, transparent 25%) -2px 0;
background-size: 4px 4px;
background-color: #d1ebf6;
}
.decoration-shortcode-wrapper .rectangle {
padding: 30px 0;
border: 5px solid #d1ebf6;
}
@media screen and (max-width: 767px) {
.decoration-shortcode-wrapper .rectangle {
display: none;
}
}
.decoration-shortcode-wrapper .stber {
border-radius: 50%;
background-color: #d1ebf6;
}
@media screen and (max-width: 767px) {
.decoration-shortcode-wrapper .stber {
display: none;
}
} .video-shortcode-wrap.style_1 {
text-align: center;
}
.video-shortcode-wrap.style_1 .video-title {
color: #fff;
font-size: 60px;
}
@media screen and (max-width: 991px) {
.video-shortcode-wrap.style_1 .video-title {
font-size: 48px;
}
}
@media screen and (max-width: 767px) {
.video-shortcode-wrap.style_1 .video-title {
font-size: 36px;
}
}
.video-shortcode-wrap.style_1 .video-title .title-light {
font-weight: 100;
}
.video-shortcode-wrap.style_1 .video-title .title-bold {
font-weight: 700;
}
.video-shortcode-wrap.style_1 .video-button a {
display: block;
width: 60px;
height: 60px;
line-height: 68px;
text-align: center;
background: rgba(0, 0, 0, 0.35);
color: #fff;
position: relative;
margin: 0 auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.video-shortcode-wrap.style_1 .video-button a:after {
content: '';
position: absolute;
pointer-events: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 0;
z-index: -1;
opacity: 0;
-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
-moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-ms-box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.video-shortcode-wrap.style_1 .video-button a:hover:after {
-webkit-animation: sonarEffect 1.3s ease-out 75ms;
-o-animation: sonarEffect 1.3s ease-out 75ms;
animation: sonarEffect 1.3s ease-out 75ms;
}
.video-shortcode-wrap.style_1 .video-button a i {
font-size: 24px;
margin-left: 6px;
} .text-label-shortcode-wrap.style_1 .text-label-content {
color: #333333;
width: 100px;
height: 100px;
background-color: #fff;
text-align: center;
line-height: 1.4;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg);
-webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
}
.text-label-shortcode-wrap.style_1 .text-label-content .label-title {
text-transform: uppercase;
font-weight: 500;
padding-top: 30px;
letter-spacing: 1px;
}
.text-label-shortcode-wrap.style_1 .text-label-content .label-sub-title {
font-size: 18px;
font-weight: 900;
-webkit-font-smoothing: antialiased;
}
.text-label-shortcode-wrap.style_2 .text-label-content {
color: #fff;
line-height: 1.4;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
letter-spacing: 1px;
}
@media screen and (max-width: 1199px) {
.text-label-shortcode-wrap.style_2 .text-label-content {
font-size: 20px;
}
}
.open-hours-shortcode-wrap.style_1 ul {
list-style: none;
padding: 0;
margin: 0;
}
.open-hours-shortcode-wrap.style_1 li {
border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
padding: 12px 0;
}
.open-hours-shortcode-wrap.style_1 li span {
float: right;
} .footer-contact-shortcode-wrap.style_1 .footer-contact-content .contact-information {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.footer-contact-shortcode-wrap.style_1 .footer-contact-content .contact-information li {
color: #333333;
padding: 5px 0;
font-weight: 500;
}
.footer-contact-shortcode-wrap.style_1 .footer-contact-content .contact-information li span {
margin-right: 20px;
}
.footer-contact-shortcode-wrap.style_1 .footer-contact-content .contact-information li span.contact-icon {
display: none;
}
.footer-contact-shortcode-wrap.style_1 .footer-contact-content .contact-information li span.contact-label {
color: #696969;
font-weight: normal;
}
.footer-link-shortcode-wrap.style_1 {
padding-top: 1%;
}
.footer-link-shortcode-wrap.style_1 .footer-link-content .link-list {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
text-align: center;
}
.footer-link-shortcode-wrap.style_1 .footer-link-content .link-list li {
display: inline-block;
padding: 0 20px;
}
@media screen and (max-width: 991px) {
.footer-link-shortcode-wrap.style_1 .footer-link-content .link-list li {
padding: 0 15px;
}
}
@media screen and (max-width: 767px) {
.footer-link-shortcode-wrap.style_1 .footer-link-content .link-list li {
padding: 0 10px;
}
}
.footer-link-shortcode-wrap.style_1 .footer-link-content .link-list li a {
color: #333333;
letter-spacing: 1px;
font-weight: 700;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-link-shortcode-wrap.style_1 .footer-link-content .link-list li a:hover {
color: #ababab;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-link-shortcode-wrap.style_2 .footer-link-content .link-list {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.footer-link-shortcode-wrap.style_2 .footer-link-content .link-list li {
padding: 6px 0;
}
.footer-link-shortcode-wrap.style_2 .footer-link-content .link-list li:first-child {
margin-top: 25px;
}
.footer-link-shortcode-wrap.style_2 .footer-link-content .link-list li a {
padding-bottom: 1px;
border-bottom: 1px solid transparent;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-link-shortcode-wrap.style_2 .footer-link-content .link-list li a:hover {
border-bottom: 1px solid rgba(105, 105, 105, 0.6);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-link-shortcode-wrap.style_3 .footer-link-content .link-list {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
font-weight: 600;
text-align: right;
}
@media screen and (max-width: 767px) {
.footer-link-shortcode-wrap.style_3 .footer-link-content .link-list {
text-align: left;
}
}
.footer-link-shortcode-wrap.style_3 .footer-link-content .link-list li {
display: inline-block;
font-weight: 700;
font-size: 13px;
margin-left: 30px;
padding: 6px 0;
text-transform: uppercase;
}
.footer-link-shortcode-wrap.style_3 .footer-link-content .link-list li:first-child {
margin-left: 0;
}
.footer-link-shortcode-wrap.style_3 .footer-link-content .link-list li a {
color: #ababab;
}
.footer-link-shortcode-wrap.style_3 .footer-link-content .link-list li a:hover {
text-decoration: underline;
color: #333333;
}
.footer-gallery-shortcode-wrap.style_1 .footer-gallery-content {
padding-top: 5px;
}
.footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list {
list-style: none;
list-style-type: none;
padding: 0;
margin-left: -10px;
margin-right: -10px;
}
.footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list li {
float: left;
overflow: hidden;
opacity: 1;
padding: 10px;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list li:hover a {
border: 1px solid #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list li:hover img {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list li a {
background-color: #434343;
border: 1px solid #434343;
display: block;
padding: 15px;
position: relative;
z-index: 2;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list li img {
width: 100%;
position: relative;
opacity: .5;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list.columns-2 li {
width: 50%;
}
.footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list.columns-3 li {
width: 33.333333%;
}
.footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list.columns-4 li {
width: 25%;
}
.footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list.columns-5 li {
width: 20%;
}
.footer-social-shortcode-wrap .footer-social-content .social-list.align-center {
text-align: center;
}
.footer-social-shortcode-wrap .footer-social-content .social-list.align-left {
text-align: left;
}
.footer-social-shortcode-wrap .footer-social-content .social-list.align-right {
text-align: right;
}
@media screen and (max-width: 767px) {
.footer-social-shortcode-wrap .footer-social-content .social-list.align-right {
text-align: left;
}
}
.footer-social-shortcode-wrap.style_1 .footer-social-content {
margin-top: 35px;
}
@media screen and (max-width: 767px) {
.footer-social-shortcode-wrap.style_1 .footer-social-content {
margin-top: 0;
}
}
.footer-social-shortcode-wrap.style_1 .footer-social-content .social-list {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.footer-social-shortcode-wrap.style_1 .footer-social-content .social-list li {
display: inline-block;
padding: 0 20px;
}
@media screen and (max-width: 767px) {
.footer-social-shortcode-wrap.style_1 .footer-social-content .social-list li {
padding: 0 15px;
}
}
.footer-social-shortcode-wrap.style_1 .footer-social-content .social-list li a {
color: #ababab;
display: inline-block;
font-size: 20px;
text-align: center;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-social-shortcode-wrap.style_1 .footer-social-content .social-list li a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 767px) {
.footer-social-shortcode-wrap.style_1 .footer-social-content .social-list li a {
font-size: 16px;
}
}
.footer-social-shortcode-wrap.style_2 .footer-social-content .social-list {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.footer-social-shortcode-wrap.style_2 .footer-social-content .social-list li {
display: inline-block;
padding: 0 10px;
}
.footer-social-shortcode-wrap.style_2 .footer-social-content .social-list li a {
color: #ababab;
display: inline-block;
font-size: 16px;
line-height: 1;
text-align: center;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-social-shortcode-wrap.style_2 .footer-social-content .social-list li a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-social-shortcode-wrap.style_2 .footer-social-content .social-list.align-left li:first-child {
padding-left: 0;
}
.footer-social-shortcode-wrap.style_2 .footer-social-content .social-list.align-right li:last-child {
padding-right: 0;
}
.footer-social-shortcode-wrap.style_3 .footer-social-content .social-list {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.footer-social-shortcode-wrap.style_3 .footer-social-content .social-list li {
display: inline-block;
margin-left: 15px;
}
.footer-social-shortcode-wrap.style_3 .footer-social-content .social-list li:first-child {
margin-left: 0;
}
.footer-social-shortcode-wrap.style_3 .footer-social-content .social-list li a {
color: #333333;
display: inline-block;
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
text-align: center;
width: 45px;
height: 45px;
line-height: 43px;
border: 2px solid rgba(237, 237, 237, 0.2);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-social-shortcode-wrap.style_3 .footer-social-content .social-list li a:hover {
background-color: #333333;
border: 2px solid #333333;
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}  .teammember-shortcode-wrap.grid .teammember-list .team-item {
float: left;
padding: 5px;
width: 25%;
}
@media screen and (max-width: 991px) {
.teammember-shortcode-wrap.grid .teammember-list .team-item {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.teammember-shortcode-wrap.grid .teammember-list .team-item {
width: 50%;
}
}
.teammember-shortcode-wrap.grid .teammember-list .team-item:hover .team-content:before {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.teammember-shortcode-wrap.grid .teammember-list .team-item:hover .team-content .team-meta {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.teammember-shortcode-wrap.grid .teammember-list .team-item.team-info {
float: left;
width: 50%;
padding: 5px;
}
@media screen and (max-width: 991px) {
.teammember-shortcode-wrap.grid .teammember-list .team-item.team-info {
width: 100%;
}
}
.teammember-shortcode-wrap.grid .teammember-list .team-item.team-info .info-content {
border: 1px solid #ededed;
padding: 40px;
height: 100%;
}
@media screen and (max-width: 991px) {
.teammember-shortcode-wrap.grid .teammember-list .team-item.team-info .info-content {
padding: 20px;
}
}
.teammember-shortcode-wrap.grid .teammember-list .team-item.team-info .info-content .info-title {
margin: 15px 0;
}
.teammember-shortcode-wrap.grid .teammember-list .team-item .team-content {
position: relative;
}
.teammember-shortcode-wrap.grid .teammember-list .team-item .team-content:before {
background-color: rgba(51, 51, 51, 0.8);
content: "";
opacity: 0;
visibility: hidden;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.teammember-shortcode-wrap.grid .teammember-list .team-item .team-content .team-meta {
opacity: 0;
visibility: hidden;
position: absolute;
left: 0;
right: 0;
top: 50%;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.teammember-shortcode-wrap.grid .teammember-list .team-item .team-content .team-meta .team-title {
color: #fff;
font-family: "Muli";
font-size: 18px;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.teammember-shortcode-wrap.grid .teammember-list .team-item .team-content .team-meta .team-title {
font-size: 14px;
}
}
.teammember-shortcode-wrap.grid .teammember-list .team-item .team-content .team-meta .team-position {
color: #fff;
font-style: italic;
font-family: "Muli";
}
.teammember-shortcode-wrap.grid .teammember-list .team-item.viewmore {
position: relative;
}
.teammember-shortcode-wrap.grid .teammember-list .team-item.viewmore:hover .team-viewmore {
color: #333333;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.teammember-shortcode-wrap.grid .teammember-list .team-item.viewmore .team-viewmore {
background-color: #333;
position: absolute;
bottom: 0;
color: #fff;
left: 0;
right: 0;
top: 0;
margin: 5px;
text-align: center;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.teammember-shortcode-wrap.grid .teammember-list .team-item.viewmore .team-viewmore .viewmore-button {
position: absolute;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.teammember-shortcode-wrap.grid .teammember-list .team-item.viewmore .team-viewmore .viewmore-button .plus-sign {
font-size: 50px;
}
@media screen and (max-width: 767px) {
.teammember-shortcode-wrap.grid .teammember-list .team-item.viewmore .team-viewmore .viewmore-button .plus-sign {
font-size: 30px;
}
}
.teammember-shortcode-wrap.grid .teammember-list .team-item.viewmore .team-viewmore .viewmore-button p {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.teammember-shortcode-wrap.grid .teammember-list .team-item.viewmore .team-viewmore .viewmore-button p {
font-size: 14px;
}
}
.teammember-shortcode-wrap.grid_2 .teammember-list .team-item {
float: left;
padding: 10px;
width: 50%;
}
.teammember-shortcode-wrap.grid_2 .teammember-list .team-item:hover .team-content .team-image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
}
.teammember-shortcode-wrap.grid_2 .teammember-list .team-item .team-content .team-image {
overflow: hidden;
}
.teammember-shortcode-wrap.grid_2 .teammember-list .team-item .team-content .team-image img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
}
.teammember-shortcode-wrap.grid_2 .teammember-list .team-item .team-content .team-meta {
text-align: center;
}
.teammember-shortcode-wrap.grid_2 .teammember-list .team-item .team-content .team-meta .team-title {
font-family: "Muli";
margin-bottom: 10px;
margin-top: 30px;
text-transform: uppercase;
}
@media screen and (max-width: 991px) {
.teammember-shortcode-wrap.grid_2 .teammember-list .team-item .team-content .team-meta .team-title {
font-size: 16px;
}
}
@media screen and (max-width: 991px) {
.teammember-shortcode-wrap.grid_2 .teammember-list .team-item .team-content .team-meta .team-title {
font-size: 14px;
}
}
.teammember-shortcode-wrap.grid_2 .teammember-list .team-item .team-content .team-meta .team-position {
color: #ababab;
font-family: "Muli";
font-style: italic;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item {
padding: 10px;
float: left;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item:hover .team-content .team-image:before {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item:hover .team-content .team-image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item:hover .team-content .team-image .member-socials {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-2 {
width: 50%;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-3 {
width: 33.333333%;
}
@media screen and (max-width: 767px) {
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-3 {
width: 50%;
}
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-4 {
width: 25%;
}
@media screen and (max-width: 991px) {
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-4 {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-4 {
width: 50%;
}
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-5 {
width: 20%;
}
@media screen and (max-width: 991px) {
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-5 {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-5 {
width: 50%;
}
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-6 {
width: 16.666666%;
}
@media screen and (max-width: 991px) {
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-6 {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-6 {
width: 50%;
}
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image {
overflow: hidden;
position: relative;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(38, 38, 38, 0.8);
z-index: 1;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image .member-socials {
padding-left: 30px;
position: absolute;
left: 0;
bottom: 15px;
width: 100%;
list-style-type: none;
list-style: none;
z-index: 2;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image .member-socials .member-social {
padding: 1px 0;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image .member-socials .member-social a {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
color: #ababab;
position: relative;
left: -19px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image .member-socials .member-social a:hover {
color: #333333;
left: 0;
text-decoration: underline;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image .member-socials .member-social a:hover i {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image .member-socials .member-social a i {
margin-right: 5px;
min-width: 12px;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-meta {
text-align: center;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-meta .team-title {
font-family: "Muli";
margin-bottom: 10px;
margin-top: 30px;
text-transform: uppercase;
}
@media screen and (max-width: 991px) {
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-meta .team-title {
font-size: 16px;
}
}
@media screen and (max-width: 991px) {
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-meta .team-title {
font-size: 14px;
}
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-meta .team-position {
color: #ababab;
font-family: "Muli";
font-style: italic;
} .testimonial-shortcode-wrap.carousel {
text-align: center;
position: relative;
}
.testimonial-shortcode-wrap.carousel:hover .owl-nav {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.testimonial-shortcode-wrap.carousel .testimonial-list:before {
content: "\f347";
font-family: Ionicons;
font-size: 200px;
color: rgba(51, 51, 51, 0.05);
line-height: 1;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item:focus {
outline: none;
}
.testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-content {
padding: 35px 15% 30px 15%;
margin-top: 30px;
position: relative;
}
.testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-content .testimonial-image {
max-width: 80px;
margin: 0 auto;
padding-top: 5%;
position: relative;
}
.testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-content .testimonial-image img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-content .text-testimonial {
font-size: 24px;
padding-top: 5%;
}
@media screen and (max-width: 991px) {
.testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-content .text-testimonial {
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-content .text-testimonial {
font-size: 14px;
}
}
.testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-content .testimonial-author-meta .testimonial-title {
font-size: 14px;
margin-bottom: 10px;
margin-top: 15px;
padding-top: 10px;
position: relative;
text-transform: uppercase;
}
.testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-content .testimonial-author-meta .testimonial-position {
font-size: 13px;
font-style: italic;
margin-bottom: 8px;
}
.testimonial-shortcode-wrap.carousel .owl-nav .owl-prev, .testimonial-shortcode-wrap.carousel .owl-nav .owl-next {
position: absolute;
color: #ccc;
display: block;
font-size: 56px;
top: 30%;
z-index: 9;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.testimonial-shortcode-wrap.carousel .owl-nav .owl-prev:hover, .testimonial-shortcode-wrap.carousel .owl-nav .owl-next:hover {
cursor: pointer;
color: #333333;
}
.testimonial-shortcode-wrap.carousel .owl-nav .owl-prev {
left: 10px;
}
.testimonial-shortcode-wrap.carousel .owl-nav .owl-next {
right: 10px;
}
.testimonial-shortcode-wrap.carousel_2 {
position: relative;
}
@media screen and (max-width: 767px) {
.testimonial-shortcode-wrap.carousel_2 {
margin-top: 10px;
}
}
.testimonial-shortcode-wrap.carousel_2:hover .owl-nav {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.testimonial-shortcode-wrap.carousel_2 .testimonial-list:before {
content: "\f347";
font-family: Ionicons;
font-size: 28px;
color: #333333;
line-height: 1;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item {
text-align: center;
}
.testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item:focus {
outline: none;
}
.testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-content {
padding: 35px 15% 30px 15%;
margin-top: 30px;
position: relative;
font-size: 24px;
}
@media screen and (max-width: 991px) {
.testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-content {
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-content {
font-size: 14px;
}
}
.testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-author .testimonial-title {
font-size: 18px;
margin-bottom: 10px;
margin-top: 15px;
position: relative;
letter-spacing: 2px;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-author .testimonial-title {
font-size: 14px;
}
}
.testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-author .testimonial-position {
font-size: 13px;
font-style: italic;
margin-bottom: 8px;
}
.testimonial-shortcode-wrap.carousel_2 .owl-nav {
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.testimonial-shortcode-wrap.carousel_2 .owl-nav .owl-prev, .testimonial-shortcode-wrap.carousel_2 .owl-nav .owl-next {
position: absolute;
color: #ccc;
display: block;
font-size: 56px;
top: 30%;
z-index: 9;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.testimonial-shortcode-wrap.carousel_2 .owl-nav .owl-prev:hover, .testimonial-shortcode-wrap.carousel_2 .owl-nav .owl-next:hover {
cursor: pointer;
color: #333333;
}
.testimonial-shortcode-wrap.carousel_2 .owl-nav .owl-prev {
left: 10px;
}
.testimonial-shortcode-wrap.carousel_2 .owl-nav .owl-next {
right: 10px;
}
.testimonial-shortcode-wrap.carousel_3 {
text-align: center;
position: relative;
}
.testimonial-shortcode-wrap.carousel_3:hover .owl-nav {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item:focus {
outline: none;
}
.testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-image {
max-width: 110px;
margin: 0 auto;
position: relative;
}
.testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-image .quote-sign {
position: absolute;
right: 0;
top: 0;
width: 35px;
height: 35px;
line-height: 38px;
background-color: #333333;
text-align: center;
z-index: 9;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-image .quote-sign:before {
content: "\f0b2";
color: #fff;
font-family: IcoFont;
font-size: 18px;
}
.testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-image img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content {
border: 1px solid #ededed;
padding: 35px 10% 30px 10%;
margin-top: 30px;
position: relative;
}
.testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content:before, .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content:after {
content: "";
border-style: solid;
border-color: transparent;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content:before {
border-width: 0 10px 13px 10px;
border-bottom-color: #ededed;
right: auto;
bottom: 100%;
}
.testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content:after {
border-width: 0 10px 13px 10px;
border-bottom-color: #fff;
right: auto;
bottom: calc(100% - 2px);
}
.testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content .testimonial-author-meta .testimonial-title {
font-size: 14px;
margin-bottom: 10px;
margin-top: 15px;
padding-top: 30px;
position: relative;
text-transform: uppercase;
}
.testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content .testimonial-author-meta .testimonial-title:before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 30px;
height: 3px;
background-color: #333333;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content .testimonial-author-meta .testimonial-position {
font-size: 13px;
font-style: italic;
margin-bottom: 8px;
}
.testimonial-shortcode-wrap.carousel_3 .owl-nav {
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.testimonial-shortcode-wrap.carousel_3 .owl-nav .owl-prev, .testimonial-shortcode-wrap.carousel_3 .owl-nav .owl-next {
position: absolute;
display: block;
top: 50%;
z-index: 9;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #f6f6f6;
color: #a5a5a5;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.testimonial-shortcode-wrap.carousel_3 .owl-nav .owl-prev:hover, .testimonial-shortcode-wrap.carousel_3 .owl-nav .owl-next:hover {
background: #333333;
cursor: pointer;
color: #fff;
}
.testimonial-shortcode-wrap.carousel_3 .owl-nav .owl-prev {
left: 10px;
}
.testimonial-shortcode-wrap.carousel_3 .owl-nav .owl-next {
right: 10px;
}
.hidden {
display: none;
}
.portfolio-container {
overflow: hidden;
position: relative;
}
.portfolio-tabs {
margin-bottom: 40px;
}
.portfolio-tabs .tab-wrapper.left {
text-align: left;
}
.portfolio-tabs .tab-wrapper.center {
text-align: center;
}
.portfolio-tabs .tab-wrapper.right {
text-align: right;
}
.portfolio-tabs .tab-wrapper ul {
list-style: none;
padding: 0;
position: relative;
}
.portfolio-tabs .tab-wrapper ul li {
display: inline-block;
margin-left: 4px;
margin-right: 4px;
position: relative;
}
.portfolio-tabs .tab-wrapper ul li:first-child {
margin-left: 0;
}
.portfolio-tabs .tab-wrapper ul li a {
color: #333333;
border: none;
min-width: auto;
padding: 5px 10px;
text-transform: uppercase;
}
.portfolio-tabs .tab-wrapper ul li a:before {
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
position: absolute;
left: 0;
bottom: 0;
content: '';
width: 100%;
height: 1px;
background-color: #333333;
}
.portfolio-tabs .tab-wrapper ul li:hover a {
color: #333333;
}
.portfolio-tabs .tab-wrapper ul li.active a {
color: #333333;
}
.portfolio-tabs .tab-wrapper ul li.active a:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.paging {
text-align: center;
}
.paging .load-more {
margin-top: 30px;
margin-bottom: 30px;
text-transform: uppercase;
padding: 5px 20px;
border: 1px solid #ededed;
color: #333333;
}
.paging .load-more:hover {
background-color: #333333;
border-color: #333333;
color: #fff;
} div.light_rounded .pp_description,
div.light_square .pp_description {
text-align: center;
font-weight: 600;
font-size: 16px;
}
div.light_rounded .pp_description a,
div.light_square .pp_description a {
text-decoration: none;
}
div.light_rounded .pp_description a:hover,
div.light_square .pp_description a:hover {
text-decoration: none;
} .portfolio-wrapper.col-padding-5 .portfolio-item {
padding: 0 5px;
margin: 5px 0;
}
.portfolio-wrapper.col-padding-10 .portfolio-item {
padding: 0 10px;
margin: 10px 0;
}
.portfolio-wrapper.col-padding-15 .portfolio-item {
padding: 0 15px;
margin: 15px 0;
}
.portfolio-wrapper.col-padding-20 .portfolio-item {
padding: 0 20px;
margin: 20px 0;
}
.portfolio-wrapper.stber-col-md-2 .portfolio-item {
width: 50%;
}
.portfolio-wrapper.stber-col-md-2 .portfolio-item .portfolio-title-wrap.top .portfolio-title, .portfolio-wrapper.stber-col-md-2 .portfolio-item .portfolio-title-wrap.bottom .portfolio-title {
font-size: 24px;
}
.portfolio-wrapper.stber-col-md-2 .portfolio-item .portfolio-title-wrap.top .portfolio-tag, .portfolio-wrapper.stber-col-md-2 .portfolio-item .portfolio-title-wrap.bottom .portfolio-tag {
font-size: 18px;
}
.portfolio-wrapper.stber-col-md-2 .portfolio-item.portrait {
width: 50%;
}
.portfolio-wrapper.stber-col-md-2 .portfolio-item.landscape {
width: 100%;
}
.portfolio-wrapper.stber-col-md-2 .portfolio-item.small_squared {
width: 50%;
}
.portfolio-wrapper.stber-col-md-2 .portfolio-item.big_squared {
width: 100%;
}
.portfolio-wrapper.stber-col-md-3 .portfolio-item {
width: 33.3333333%;
}
.portfolio-wrapper.stber-col-md-3 .portfolio-item .portfolio-title-wrap.top .portfolio-title, .portfolio-wrapper.stber-col-md-3 .portfolio-item .portfolio-title-wrap.bottom .portfolio-title {
font-size: 18px;
}
.portfolio-wrapper.stber-col-md-3 .portfolio-item.portrait {
width: 33.3333333%;
}
.portfolio-wrapper.stber-col-md-3 .portfolio-item.landscape {
width: 66.6666666%;
}
.portfolio-wrapper.stber-col-md-3 .portfolio-item.small_squared {
width: 33.3333333%;
}
.portfolio-wrapper.stber-col-md-3 .portfolio-item.big_squared {
width: 66.6666666%;
}
.portfolio-wrapper.stber-col-md-4 .portfolio-item {
width: 25%;
}
.portfolio-wrapper.stber-col-md-4 .portfolio-item.portrait {
width: 25%;
}
.portfolio-wrapper.stber-col-md-4 .portfolio-item.landscape {
width: 50%;
}
.portfolio-wrapper.stber-col-md-4 .portfolio-item.small_squared {
width: 25%;
}
.portfolio-wrapper.stber-col-md-4 .portfolio-item.big_squared {
width: 50%;
}
.portfolio-wrapper.stber-col-md-5 .portfolio-item {
width: 20%;
}
.portfolio-wrapper.stber-col-md-5 .portfolio-item.portrait {
width: 20%;
}
@media screen and (max-width: 767px) {
.portfolio-wrapper.stber-col-md-5 .portfolio-item.portrait {
width: 50%;
}
}
.portfolio-wrapper.stber-col-md-5 .portfolio-item.landscape {
width: 40%;
}
@media screen and (max-width: 767px) {
.portfolio-wrapper.stber-col-md-5 .portfolio-item.landscape {
width: 50%;
}
}
.portfolio-wrapper.stber-col-md-5 .portfolio-item.small_squared {
width: 20%;
}
@media screen and (max-width: 767px) {
.portfolio-wrapper.stber-col-md-5 .portfolio-item.small_squared {
width: 50%;
}
}
.portfolio-wrapper.stber-col-md-5 .portfolio-item.big_squared {
width: 40%;
}
@media screen and (max-width: 767px) {
.portfolio-wrapper.stber-col-md-5 .portfolio-item.big_squared {
width: 50%;
}
}
.portfolio-wrapper.stber-col-md-6 .portfolio-item {
width: 16.6666667%;
}
.portfolio-wrapper.stber-col-md-6 .portfolio-item.portrait {
width: 16.6666667%;
}
.portfolio-wrapper.stber-col-md-6 .portfolio-item.landscape {
width: 33.3333333%;
}
.portfolio-wrapper.stber-col-md-6 .portfolio-item.small_squared {
width: 16.6666667%;
}
.portfolio-wrapper.stber-col-md-6 .portfolio-item.big_squared {
width: 33.3333333%;
}
@media screen and (max-width: 767px) {
.portfolio-wrapper .portfolio-item {
width: 50% !important;
height: auto !important;
}
.portfolio-wrapper .portfolio-item img {
height: auto !important;
}
}
@media screen and (max-width: 479px) {
.portfolio-wrapper .portfolio-item {
width: 100% !important;
height: auto !important;
}
.portfolio-wrapper .portfolio-item img {
height: auto !important;
}
}
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.top, .portfolio-wrapper .portfolio-item .portfolio-title-wrap.bottom {
border: 1px solid #ededed;
text-align: center;
}
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.top .portfolio-title, .portfolio-wrapper .portfolio-item .portfolio-title-wrap.bottom .portfolio-title {
position: relative;
text-transform: uppercase;
color: #333333;
font-weight: bold;
margin-top: 15px;
display: block;
font-size: 16px;
padding-bottom: 10px;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.top .portfolio-title:hover, .portfolio-wrapper .portfolio-item .portfolio-title-wrap.bottom .portfolio-title:hover {
color: #333333;
}
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.top .portfolio-title:before, .portfolio-wrapper .portfolio-item .portfolio-title-wrap.bottom .portfolio-title:before {
content: '';
width: 50px;
height: 1px;
background-color: #333333;
position: absolute;
bottom: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
}
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.top .portfolio-tag, .portfolio-wrapper .portfolio-item .portfolio-title-wrap.bottom .portfolio-tag {
margin-top: 10px;
margin-bottom: 15px;
text-transform: uppercase;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail {
position: relative;
overflow: hidden;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail i {
font-size: 24px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail:hover .entry-thumbnail-hover {
opacity: 1;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail img {
width: 100%;
height: auto;
display: block;
max-width: 100%;
display: inline-block;
-webkit-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(51, 51, 51, 0.3);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
text-align: center;
opacity: 0;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i {
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-only .entry-thumbnail-hover {
background: rgba(255, 255, 255, 0.9);
text-align: center;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-only .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i {
color: #333333 !important;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-only .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title .entry-thumbnail-hover {
text-align: center;
background: rgba(0, 0, 0, 0.3);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i {
color: #333333 !important;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title {
color: #333333 !important;
top: 60% !important;
position: absolute;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover {
text-align: center;
background: rgba(0, 0, 0, 0.3);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i {
color: #333333 !important;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: auto;
left: auto;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title {
white-space: nowrap;
color: #333333 !important;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title:hover {
color: #333333 !important;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
color: #333333;
left: 0;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover {
text-align: center;
background: rgba(255, 255, 255, 0.9);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title {
white-space: nowrap;
color: #333333 !important;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title:hover {
color: #333333 !important;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
color: #333333;
left: 0;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover {
text-align: left;
background: rgba(255, 255, 255, 0.9);
border: 3px solid #333333;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content {
position: absolute;
top: auto !important;
bottom: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
-o-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title {
white-space: nowrap;
color: #333333 !important;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title:hover {
color: #333333 !important;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content span.category {
white-space: nowrap;
color: #333333;
left: 0;
position: relative;
width: 100%;
font-size: 14px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a.link i {
color: #333333 !important;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: 0;
left: auto;
right: 0;
z-index: 1;
width: 50px;
height: 50px;
border-radius: 100%;
line-height: 48px;
border: 1px solid transparent;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
font-size: 24px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a.link i:before {
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a.link i:hover {
font-size: 24px;
border-color: #333333;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_1 .entry-thumbnail-hover {
background: rgba(255, 255, 255, 0.9);
text-align: center;
border: 10px solid fade(#333333, 90%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_1 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
color: #333333 !important;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_1 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover {
text-align: center;
background: -webkit-radial-gradient(stber, rgba(255, 255, 255, 0.1), white);
background: -o-radial-gradient(stber, rgba(255, 255, 255, 0.1), white);
background: -moz-radial-gradient(stber, rgba(255, 255, 255, 0.1), white);
background: radial-gradient(stber, rgba(255, 255, 255, 0.1), white);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
color: #333333 !important;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: auto;
left: auto;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
margin-bottom: 20px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
white-space: nowrap;
color: #333333;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
color: #333333;
left: 0;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover {
text-align: center;
background: -webkit-radial-gradient(stber, rgba(0, 0, 0, 0.1), black);
background: -o-radial-gradient(stber, rgba(0, 0, 0, 0.1), black);
background: -moz-radial-gradient(stber, rgba(0, 0, 0, 0.1), black);
background: radial-gradient(stber, rgba(0, 0, 0, 0.1), black);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content a .title {
color: #fff !important;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
color: #333333 !important;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: auto;
left: auto;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
margin-bottom: 20px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
white-space: nowrap;
color: #fff !important;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
color: #333333;
left: 0;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover {
text-align: left;
background-color: rgba(255, 255, 255, 0.9);
border: 3px solid #333333;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
text-align: center;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
width: 100%;
text-align: center;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span {
display: block;
text-align: center;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content {
position: absolute;
top: auto !important;
bottom: 50% !important;
left: 50% !important;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title {
white-space: nowrap;
color: #333333 !important;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title:hover {
color: #333333 !important;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content span.category {
white-space: nowrap;
color: #333333;
left: 0;
position: relative;
width: 100%;
font-size: 14px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover {
text-align: center;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
background: rgba(255, 255, 255, 0.9);
border: none;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
margin-bottom: 20px;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: auto;
left: auto;
z-index: 1;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
white-space: nowrap;
color: #333333 !important;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title:hover {
color: #333333 !important;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
color: #333333;
left: 0;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail {
position: relative;
overflow: hidden;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail i {
font-size: 24px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail:hover .entry-thumbnail-hover {
opacity: 1;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail:hover.effect_5 .entry-thumbnail-hover {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail:hover.effect_1 .entry-thumbnail-hover {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail:hover.effect_2 img, .portfolio-wrapper.hover-dir-off .entry-thumbnail:hover.effect_3 img {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail img {
width: 100%;
height: auto;
display: block;
max-width: 100%;
display: inline-block;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_1 .entry-thumbnail-hover {
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
background: rgba(255, 255, 255, 0.9);
text-align: center;
border: 10px solid rgba(51, 51, 51, 0.9);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_1 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
color: #333333 !important;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_1 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_2 .entry-thumbnail-hover {
text-align: center;
background: -webkit-radial-gradient(stber, rgba(255, 255, 255, 0.1), white);
background: -o-radial-gradient(stber, rgba(255, 255, 255, 0.1), white);
background: -moz-radial-gradient(stber, rgba(255, 255, 255, 0.1), white);
background: radial-gradient(stber, rgba(255, 255, 255, 0.1), white);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
color: #333333 !important;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: auto;
left: auto;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
margin-bottom: 20px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
white-space: nowrap;
color: #333333;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
color: #333333;
left: 0;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover {
text-align: center;
background: -webkit-radial-gradient(stber, rgba(0, 0, 0, 0.1), black);
background: -o-radial-gradient(stber, rgba(0, 0, 0, 0.1), black);
background: -moz-radial-gradient(stber, rgba(0, 0, 0, 0.1), black);
background: radial-gradient(stber, rgba(0, 0, 0, 0.1), black);
border: none;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content a .title {
color: #fff !important;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
color: #333333 !important;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: auto;
left: auto;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
margin-bottom: 20px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
white-space: nowrap;
color: #fff !important;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
color: #333333;
left: 0;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover {
text-align: left;
background-color: rgba(255, 255, 255, 0.9);
border: 3px solid #333333;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
text-align: center;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
width: 100%;
text-align: center;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span {
display: block;
text-align: center;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content {
position: absolute;
top: auto !important;
bottom: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
-o-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title {
white-space: nowrap;
color: #333333 !important;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title:hover {
color: #333333 !important;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content span.category {
white-space: nowrap;
color: #333333;
left: 0;
position: relative;
width: 100%;
font-size: 14px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover {
text-align: center;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
background: rgba(255, 255, 255, 0.9);
border: none;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
margin-bottom: 20px;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: auto;
left: auto;
z-index: 1;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
white-space: nowrap;
color: #333333 !important;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title:hover {
color: #333333 !important;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
color: #333333;
left: 0;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
.portfolio-full.detail-01 .portfolio-top {
margin-top: 100px;
text-align: center;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 img {
width: 100%;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow:hover .owl-nav {
opacity: 1;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav > div {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
line-height: 1;
font-size: 60px;
color: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav > div:hover {
color: #333333;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav > div.owl-next {
right: 30px;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav > div.owl-prev {
left: 30px;
}
.portfolio-full.detail-01 .paging-wrap {
margin-top: 15px;
}
.portfolio-full.detail-01 .paging-wrap .container .row {
margin: 0;
}
.portfolio-full.detail-01 .paging-wrap .container .row:hover .owl-nav {
opacity: 1;
}
.portfolio-full.detail-01 .paging-wrap .container .row .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-01 .paging-wrap .container .row .owl-nav > div {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
padding: 7px 10px;
line-height: 1;
background-color: rgba(0, 0, 0, 0.3);
color: #fff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-01 .paging-wrap .container .row .owl-nav > div:hover {
background-color: #333333;
}
.portfolio-full.detail-01 .paging-wrap .container .row .owl-nav > div.owl-next {
right: 0;
}
.portfolio-full.detail-01 .paging-wrap .container .row .owl-nav > div.owl-prev {
left: 0;
}
.portfolio-full.detail-01 .portfolio-content-wrap {
padding-top: 30px;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-title-wrap h2 {
position: relative;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
margin-top: 15px;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-title-wrap h2:before {
content: '';
height: 1px;
width: 50px;
background-color: #333333;
position: absolute;
bottom: 0;
left: 0;
}
.portfolio-full.detail-01 .portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box:first-child h6 {
margin-top: 20px;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box h6 {
font-size: 18px;
margin-top: 45px;
color: #333333;
font-weight: bold;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box div {
line-height: 1.4;
color: #333333;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-term-cat span {
text-transform: uppercase;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-term-tag span {
padding: 5px 10px;
background: #f6f6f6;
margin-right: 5px;
display: inline-block;
margin-top: 5px;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-term-tag span:hover {
background: #333333;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-network-wrapper {
list-style: none;
list-style-type: none;
padding: 0;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-network-wrapper li {
display: inline-block;
margin: 0 9px;
width: 40px;
height: 40px;
float: left;
border: 1px solid #ededed;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-network-wrapper li a {
display: block;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-network-wrapper li a i {
line-height: 38px;
width: 40px;
text-align: center;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-network-wrapper li:first-child {
margin-left: 0;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-network-wrapper li:last-child {
margin-right: 0;
}
.portfolio-full.detail-02 .container {
margin-top: 100px;
text-align: center;
}
.portfolio-full.detail-02 .container .col-md-6 .post-slideshow .item {
margin-bottom: 30px;
}
.portfolio-full.detail-02 .container .col-md-6 .post-slideshow .item img {
width: 100%;
}
.portfolio-full.detail-02 .col-md-6 {
text-align: left;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info h2 {
margin-top: 0;
position: relative;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info h2:before {
content: '';
height: 1px;
width: 50px;
background-color: #333333;
position: absolute;
bottom: 0;
left: 0;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box h6 {
font-size: 18px;
margin-top: 45px;
color: #333333;
font-weight: bold;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box div {
line-height: 1.4;
color: #333333;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-term-cat span {
text-transform: uppercase;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-term-tag span {
padding: 5px 10px;
background: #f6f6f6;
margin-right: 5px;
display: inline-block;
margin-top: 5px;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-term-tag span:hover {
background: #333333;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper {
list-style: none;
list-style-type: none;
padding: 0;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li {
display: inline-block;
margin: 0 9px;
width: 40px;
height: 40px;
float: left;
border: 1px solid #ededed;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li a {
display: block;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li a i {
line-height: 38px;
width: 40px;
text-align: center;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li:first-child {
margin-left: 0;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li:last-child {
margin-right: 0;
}
.portfolio-full.detail-03 .container {
margin-top: 100px;
text-align: center;
}
.portfolio-full.detail-03 .container .col-md-8 img {
width: 100%;
}
.portfolio-full.detail-03 .container .col-md-8 .post-slideshow:hover .owl-nav {
opacity: 1;
}
.portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav > div {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
line-height: 1;
font-size: 60px;
color: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav > div:hover {
color: #333333;
}
.portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav > div.owl-next {
right: 30px;
}
.portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav > div.owl-prev {
left: 30px;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap {
margin-top: 15px;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container {
margin-top: 0;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row {
margin: 0;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row:hover .owl-nav {
opacity: 1;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav > div {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
padding: 7px 10px;
line-height: 1;
background-color: rgba(0, 0, 0, 0.3);
color: #fff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav > div:hover {
background-color: #333333;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav > div.owl-next {
right: 0;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav > div.owl-prev {
left: 0;
}
.portfolio-full.detail-03 .col-md-4 {
text-align: left;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info h2 {
margin-top: 0;
position: relative;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info h2:before {
content: '';
height: 1px;
width: 50px;
background-color: #333333;
position: absolute;
bottom: 0;
left: 0;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box h6 {
font-size: 18px;
margin-top: 45px;
color: #333333;
font-weight: bold;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box div {
line-height: 1.4;
color: #333333;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-cat span {
text-transform: uppercase;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span {
padding: 5px 10px;
background: #f6f6f6;
margin-right: 5px;
display: inline-block;
margin-top: 5px;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span:hover {
background: #333333;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper {
list-style: none;
list-style-type: none;
padding: 0;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li {
display: inline-block;
margin: 0 9px;
width: 40px;
height: 40px;
float: left;
border: 1px solid #ededed;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li a {
display: block;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li a i {
line-height: 38px;
width: 40px;
text-align: center;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li:first-child {
margin-left: 0;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li:last-child {
margin-right: 0;
}
.portfolio-full.detail-04 .container {
margin-top: 100px;
text-align: center;
}
.portfolio-full.detail-04 .container .col-md-8 img {
width: 100%;
}
.portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item {
position: relative;
}
.portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item .grid-image-hover {
opacity: 0;
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
background-color: rgba(255, 255, 255, 0.9);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item .grid-image-hover i {
font-size: 36px;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item .grid-image-hover i:hover {
color: #333333;
}
.portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item:hover .grid-image-hover {
opacity: 1;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.portfolio-full.detail-04 .col-md-4 {
text-align: left;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info h2 {
margin-top: 0;
position: relative;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info h2:before {
content: '';
height: 1px;
width: 50px;
background-color: #333333;
position: absolute;
bottom: 0;
left: 0;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box h6 {
font-size: 18px;
margin-top: 45px;
color: #333333;
font-weight: bold;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box div {
line-height: 1.4;
color: #333333;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-cat span {
text-transform: uppercase;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span {
padding: 5px 10px;
background: #f6f6f6;
margin-right: 5px;
display: inline-block;
margin-top: 5px;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span:hover {
background: #333333;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper {
list-style: none;
list-style-type: none;
padding: 0;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li {
display: inline-block;
margin: 0 9px;
width: 40px;
height: 40px;
float: left;
border: 1px solid #ededed;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li a {
display: block;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li a i {
line-height: 38px;
width: 40px;
text-align: center;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li:first-child {
margin-left: 0;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li:last-child {
margin-right: 0;
}
.portfolio-full.detail-05 .container {
margin-top: 100px;
}
.portfolio-full.detail-05 .container .col-md-12 img {
width: 100%;
}
.portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item {
position: relative;
}
.portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item .grid-image-hover {
opacity: 0;
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
background-color: rgba(255, 255, 255, 0.9);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item .grid-image-hover i {
font-size: 36px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item .grid-image-hover i:hover {
color: #333333;
}
.portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item:hover .grid-image-hover {
opacity: 1;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.portfolio-full.detail-05 .container.portfolio-content-wrap {
margin-top: 50px;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-8 {
text-align: left;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-8 .portfolio-info h2 {
color: #333333;
margin-top: 0;
position: relative;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-8 .portfolio-info h2:before {
content: '';
height: 1px;
width: 50px;
background-color: #333333;
position: absolute;
bottom: 0;
left: 0;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box:first-child h6 {
margin-top: 0;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box h6 {
font-size: 18px;
margin-top: 45px;
color: #333333;
font-weight: bold;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box div {
line-height: 1.4;
color: #333333;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-cat span {
text-transform: uppercase;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span {
padding: 5px 10px;
background: #f6f6f6;
margin-right: 5px;
display: inline-block;
margin-top: 5px;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span:hover {
background: #333333;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper {
list-style: none;
list-style-type: none;
padding: 0;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li {
display: inline-block;
margin: 0 9px;
width: 40px;
height: 40px;
float: left;
border: 1px solid #ededed;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li a {
display: block;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li a i {
line-height: 38px;
width: 40px;
text-align: center;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li:first-child {
margin-left: 0;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li:last-child {
margin-right: 0;
}
.portfolio-related-wrap .heading-wrap .post-navigation {
margin-top: 100px;
}
.portfolio-related-wrap .heading-wrap .post-navigation .nav-links .nav-previous .post-navigation-content, .portfolio-related-wrap .heading-wrap .post-navigation .nav-links .nav-next .post-navigation-content {
display: none;
}
.portfolio-related-wrap .heading-wrap .post-navigation .nav-links a div i {
color: #333333;
top: 0;
margin-top: 0;
text-align: center;
height: 50px;
width: 60px;
line-height: 50px;
background-color: #f6f6f6;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-related-wrap .heading-wrap .post-navigation .nav-links a div:hover i {
color: #333333;
}
.portfolio-related-wrap .heading-wrap .post-navigation .nav-links > i {
color: #333333;
line-height: 50px;
font-size: 28px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-related-wrap .heading-wrap .heading {
text-align: center;
text-transform: uppercase;
color: #333333;
font-size: 36px;
margin-top: 70px;
}
.portfolio-related-wrap .heading-wrap .heading .heading-icon {
font-size: 14px;
height: 30px;
width: 30px;
line-height: 30px;
position: relative;
margin: 0 auto;
z-index: 1;
}
.portfolio-related-wrap .heading-wrap .heading .heading-icon i {
font-size: 12px;
color: #6fd9ec;
height: 30px;
width: 30px;
background-color: #fff;
line-height: 30px;
position: relative;
margin: 0 auto;
z-index: 1;
}
.portfolio-related-wrap .heading-wrap .heading .heading-icon:before {
content: '';
width: 70px;
height: 1px;
background-color: #ededed;
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-related-wrap .portfolio-related {
margin-top: 60px;
margin-bottom: 100px;
position: relative;
}
.portfolio-related-wrap .portfolio-related.portfolio-wrapper .portfolio-item {
width: 100% !important;
padding: 0 15px;
}
.portfolio-related-wrap .portfolio-related .owl-nav div {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: 44px;
width: 44px;
padding: 0;
background-color: rgba(128, 128, 128, 0.5);
text-align: center;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-related-wrap .portfolio-related .owl-nav div i {
font-size: 24px;
color: #fff;
line-height: 44px;
}
.portfolio-related-wrap .portfolio-related .owl-nav div:hover {
background-color: #333333;
}
.portfolio-related-wrap .portfolio-related .owl-nav .owl-prev {
left: -10px;
}
.portfolio-related-wrap .portfolio-related .owl-nav .owl-next {
right: -10px;
}  .products-shortcode-paging-wrap {
margin-top: 40px;
}
@media screen and (max-width: 991px) {
.products-shortcode-paging-wrap {
margin-top: 25px;
}
}
.products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers {
list-style: none;
list-style-type: none;
display: inline-block;
padding: 0;
margin: 0;
}
.products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li {
display: inline-block;
padding-right: 5px;
}
.products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li span, .products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li a {
border: 1px solid #ededed;
color: #333333;
display: inline-block;
padding: 2px 13px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li span.current {
background-color: #333333;
border: 1px solid #333333;
color: #fff;
}
.products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li a:hover, .products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li a:focus {
background: #333333;
border: 1px solid #333333;
color: #fff;
}
.products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li a.prev, .products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li a.next {
text-transform: capitalize;
}
.products-shortcode-paging-wrap.paging-load-more button {
border: 1px solid #ccc;
background: transparent;
color: #333333;
font-weight: 700;
letter-spacing: 2px;
padding: 10px 20px;
text-align: center;
text-transform: uppercase;
width: 160px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.products-shortcode-paging-wrap.paging-load-more button:hover {
border: 1px solid #333333;
background: #333333;
color: #fff;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.products-shortcode-paging-wrap.paging-load-more button:focus {
outline: none;
} .products-slider-shortcode-wrapper.carousel {
position: relative;
}
.products-slider-shortcode-wrapper.carousel:hover ul.products .owl-nav .owl-prev, .products-slider-shortcode-wrapper.carousel:hover ul.products .owl-nav .owl-next {
opacity: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.products-slider-shortcode-wrapper.carousel ul.products {
padding: 0;
margin: 0;
list-style: none;
list-style-type: none;
}
.products-slider-shortcode-wrapper.carousel ul.products li.product {
position: relative;
padding: 0;
margin: 0;
width: 100%;
}
.products-slider-shortcode-wrapper.carousel ul.products .owl-nav {
display: block;
position: absolute;
right: 0;
top: -60px;
}
.products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-prev, .products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-next {
border: 1px solid #cccccc;
display: inline-block;
font-size: 18px;
z-index: 999;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: #ccc;
opacity: 1;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-prev:hover, .products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-next:hover {
border: 1px solid #333333;
color: #333333;
cursor: pointer;
}
@media screen and (max-width: 991px) {
.products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-prev, .products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-next {
width: 35px;
height: 35px;
line-height: 35px;
}
}
@media screen and (max-width: 767px) {
.products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-prev, .products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-next {
width: 30px;
height: 30px;
line-height: 28px;
}
}
.products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-prev {
left: 0;
}
.products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-next {
margin-left: 10px;
right: 0;
}
@media screen and (max-width: 991px) {
.products-slider-shortcode-wrapper.carousel ul.products .owl-nav {
top: -45px;
}
}
@media screen and (max-width: 767px) {
.products-slider-shortcode-wrapper.carousel ul.products .owl-nav {
top: -35px;
}
} .products-shortcode-wrap.list ul.products {
margin-left: -15px;
margin-right: -15px;
}
.products-shortcode-wrap.list ul.products.list {
margin-left: 0px;
margin-right: 0px;
}
.products-shortcode-wrap.list ul.products.list li.product {
width: 100%;
padding: 0px;
border: 1px solid #ededed;
margin-bottom: 30px;
}
.products-shortcode-wrap.list ul.products.list li.product .product-inner .product-flash, .products-shortcode-wrap.list ul.products.list li.product .product-inner .onsale {
left: 5px !important;
top: 5px !important;
bottom: auto !important;
margin: 0;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-primary, .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-one {
float: left;
margin-right: 20px;
position: relative;
}
.products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-primary img, .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-one img {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-primary img, .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-one img {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-primary, .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-one {
margin-right: 0;
margin-bottom: 15px;
width: 100%;
}
}
.products-shortcode-wrap.list ul.products.list li.product .product-inner .star-rating {
position: relative;
top: auto;
left: auto;
opacity: 1;
margin: 0;
margin-top: 15px;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
@media screen and (max-width: 767px) {
.products-shortcode-wrap.list ul.products.list li.product .product-inner .star-rating {
margin-left: 15px;
margin-right: 15px;
}
}
.products-shortcode-wrap.list ul.products.list li.product .product-inner span.price {
text-align: left;
margin-top: 15px;
}
@media screen and (max-width: 767px) {
.products-shortcode-wrap.list ul.products.list li.product .product-inner span.price {
margin-left: 15px;
margin-right: 15px;
}
}
.products-shortcode-wrap.list ul.products.list li.product .product-inner h2 {
font-size: 18px;
font-weight: 700;
text-align: left;
text-transform: uppercase;
padding-top: 35px !important;
padding-bottom: 10px !important;
margin-top: 0px !important;
}
@media screen and (max-width: 767px) {
.products-shortcode-wrap.list ul.products.list li.product .product-inner h2 {
margin-left: 15px;
margin-right: 15px;
}
}
.products-shortcode-wrap.list ul.products.list li.product .product-inner p {
text-align: left;
}
@media screen and (max-width: 767px) {
.products-shortcode-wrap.list ul.products.list li.product .product-inner p {
margin-left: 15px;
margin-right: 15px;
}
}
.products-shortcode-wrap.list ul.products.list li.product .product-inner .product-actions {
opacity: 1;
width: auto;
top: auto;
left: 280px;
bottom: auto;
right: auto;
margin-top: 10px;
} .products-shortcode-wrap.grid .product-filters ul, .products-shortcode-wrap.masonry .product-filters ul {
list-style: none;
list-style-type: none;
padding: 0;
margin-bottom: 20px;
}
.products-shortcode-wrap.grid .product-filters ul.filter-center, .products-shortcode-wrap.masonry .product-filters ul.filter-center {
text-align: center;
}
.products-shortcode-wrap.grid .product-filters ul.filter-left, .products-shortcode-wrap.masonry .product-filters ul.filter-left {
text-align: left;
}
.products-shortcode-wrap.grid .product-filters ul.filter-right, .products-shortcode-wrap.masonry .product-filters ul.filter-right {
text-align: right;
}
.products-shortcode-wrap.grid .product-filters ul.style_1 li, .products-shortcode-wrap.masonry .product-filters ul.style_1 li {
display: inline-block;
}
.products-shortcode-wrap.grid .product-filters ul.style_1 li a, .products-shortcode-wrap.masonry .product-filters ul.style_1 li a {
display: block;
padding: 6px 20px;
}
.products-shortcode-wrap.grid .product-filters ul.style_1 li a.selected, .products-shortcode-wrap.masonry .product-filters ul.style_1 li a.selected {
background-color: #333333;
color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
@media screen and (max-width: 767px) {
.products-shortcode-wrap.grid .product-filters ul.style_1 li, .products-shortcode-wrap.masonry .product-filters ul.style_1 li {
margin-top: 10px;
}
}
.products-shortcode-wrap.grid .product-filters ul.style_2 li, .products-shortcode-wrap.masonry .product-filters ul.style_2 li {
display: inline-block;
}
.products-shortcode-wrap.grid ul.products, .products-shortcode-wrap.masonry ul.products {
margin-left: -15px;
margin-right: -15px;
}
.products-shortcode-wrap.grid ul.products.shortcode-product-columns-2 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-2 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-2 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-2 li.type-product {
width: 50%;
}
@media screen and (max-width: 991px) {
.products-shortcode-wrap.grid ul.products.shortcode-product-columns-2 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-2 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-2 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-2 li.type-product {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.products-shortcode-wrap.grid ul.products.shortcode-product-columns-2 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-2 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-2 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-2 li.type-product {
width: 50%;
}
}
.products-shortcode-wrap.grid ul.products.shortcode-product-columns-3 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-3 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-3 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-3 li.type-product {
width: 33.333333%;
}
@media screen and (max-width: 767px) {
.products-shortcode-wrap.grid ul.products.shortcode-product-columns-3 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-3 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-3 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-3 li.type-product {
width: 50%;
}
}
.products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.type-product {
width: 25%;
}
@media screen and (max-width: 991px) {
.products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.type-product {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.type-product {
width: 50%;
}
}
.products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.type-product {
width: 20%;
}
@media screen and (max-width: 1199px) {
.products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.type-product {
width: 25%;
}
}
@media screen and (max-width: 991px) {
.products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.type-product {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.type-product {
width: 50%;
}
}
.haru-woo-shortcodes-products-ajax-category {
border: 1px solid #ededed;
overflow: hidden;
position: relative;
}
.haru-woo-shortcodes-products-ajax-category .products-tabs {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0 !important;
width: calc(25% - 22px);
float: left;
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category .products-tabs {
padding: 0;
width: 100%;
}
}
.haru-woo-shortcodes-products-ajax-category .products-tabs .heading-title {
border-top: 3px solid #333333;
position: relative;
padding: 25px 10px 25px 60px;
}
.haru-woo-shortcodes-products-ajax-category .products-tabs .heading-title i {
font-size: 26px;
line-height: 34px;
padding: 5px 0;
text-align: center;
position: absolute;
top: 50%;
left: 25px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.haru-woo-shortcodes-products-ajax-category .products-tabs .heading-title i:after {
background-color: #333333;
content: "";
position: absolute;
width: 30px;
height: 3px;
bottom: -8px;
left: 0;
}
.haru-woo-shortcodes-products-ajax-category .products-tabs .heading-title span {
color: #333333;
font-weight: 500;
font-size: 18px;
text-transform: uppercase;
}
.haru-woo-shortcodes-products-ajax-category .products-tabs li {
color: #333333;
cursor: pointer;
display: block;
font-size: 14px;
padding: 3px 5px 3px 20px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-woo-shortcodes-products-ajax-category .products-tabs li:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-woo-shortcodes-products-ajax-category .products-tabs li span {
display: block;
position: relative;
padding: 5px;
}
.haru-woo-shortcodes-products-ajax-category .products-tabs li.current {
color: #333333;
}
.haru-woo-shortcodes-products-ajax-category .products-content {
width: calc(75% + 22px);
float: left;
overflow: hidden;
min-height: 300px;
padding: 0 10px 10px 10px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category .products-content {
padding-right: 10px;
width: 100% !important;
}
}
.haru-woo-shortcodes-products-ajax-category .products-content.loading {
position: relative;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.haru-woo-shortcodes-products-ajax-category .products-content.loading:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: -1px;
left: 0;
z-index: 5;
background-color: #fff;
}
.haru-woo-shortcodes-products-ajax-category .products-content.loading:before {
content: '\f110';
font-family: fontAwesome;
position: absolute;
top: 10%;
left: 50%;
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
z-index: 6;
font-size: 24px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.haru-woo-shortcodes-products-ajax-category .products-content.slider {
padding-left: 20px;
padding-right: 20px;
}
.haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products {
margin-bottom: 0;
padding: 0;
}
.haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products:hover .owl-nav {
opacity: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products li.type-product {
list-style: none;
list-style-type: none;
width: 100% !important;
padding: 0;
margin: 20px 0;
}
.haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav .owl-prev, .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav .owl-next {
position: absolute;
display: block;
top: 40%;
z-index: 99;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: rgba(0, 0, 0, 0.2);
color: #fff;
}
.haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav .owl-prev:hover, .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav .owl-next:hover {
background: rgba(0, 0, 0, 0.4);
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav .owl-next {
right: 0;
}
.haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav .owl-prev {
left: 0;
}
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products {
margin: 0;
padding: 0;
}
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products li.type-product {
position: relative;
padding: 20px 10px 5px 10px;
margin: 0;
}
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-2 li.type-product {
width: 50%;
float: left;
}
@media screen and (max-width: 991px) {
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-2 li.type-product {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-2 li.type-product {
width: 50%;
}
}
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-3 li.type-product {
width: 33.333333%;
float: left;
}
@media screen and (max-width: 991px) {
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-3 li.type-product {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-3 li.type-product {
width: 50%;
}
}
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-4 li.type-product {
width: 25%;
float: left;
}
@media screen and (max-width: 991px) {
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-4 li.type-product {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-4 li.type-product {
width: 50%;
}
}
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product {
width: 20%;
float: left;
}
@media screen and (max-width: 1199px) {
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product {
width: 25%;
}
}
@media screen and (max-width: 991px) {
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product {
width: 50%;
}
}
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product {
width: 16.666666%;
float: left;
}
@media screen and (max-width: 1199px) {
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product {
width: 25%;
}
}
@media screen and (max-width: 991px) {
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product {
width: 50%;
}
}
.haru-woo-shortcodes-products-ajax-category .see-more-wrapper {
display: none;
}
.haru-woo-shortcodes-products-ajax-category .products-banner {
float: right;
position: relative;
width: calc(25% - 7px);
padding: 20px;
padding-left: 10px;
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category .products-banner {
width: 100%;
padding-left: 20px;
}
}
.haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel {
margin: 0;
padding: 0;
}
.haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel:hover .owl-nav div {
opacity: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel .owl-nav div {
background: rgba(0, 0, 0, 0.2);
color: #fff;
display: block;
height: 40px;
line-height: 40px;
opacity: 0;
position: absolute;
text-align: center;
top: 50%;
width: 40px;
z-index: 99;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel .owl-nav div:hover {
background: rgba(0, 0, 0, 0.4);
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel .owl-nav div.owl-next {
right: 0;
}
.haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel .owl-nav div.owl-prev {
left: 0;
}
.haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel .owl-dots {
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
}
.haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel .owl-dots .owl-dot {
background: transparent;
border: 1px solid #fff;
display: inline-block;
height: 10px;
margin: 0 3px;
width: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel .owl-dots .owl-dot.active {
background: #fff;
}
.haru-woo-shortcodes-products-ajax-category.filter_left:before {
border-right: 1px solid #ededed;
content: "";
position: absolute;
width: calc(25% - 22px);
height: 100%;
left: 0;
top: 0;
background-color: #f9f9f9;
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category.filter_left:before {
display: none;
}
}
.haru-woo-shortcodes-products-ajax-category.filter_left .products-tabs {
position: relative;
}
.haru-woo-shortcodes-products-ajax-category.filter_left .products-tabs:before {
background-color: #f9f9f9;
content: "";
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category.filter_left .products-tabs:before {
display: block;
}
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category.filter_left .products-tabs li {
display: inline-block;
}
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category.filter_left .products-tabs .heading-title {
display: block;
}
}
.haru-woo-shortcodes-products-ajax-category.filter_right:before {
border-left: 1px solid #ededed;
content: "";
position: absolute;
width: calc(25% - 22px);
height: 100%;
right: 0;
top: 0;
background-color: #f9f9f9;
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category.filter_right:before {
display: none;
}
}
.haru-woo-shortcodes-products-ajax-category.filter_right .products-tabs {
float: right;
position: relative;
}
.haru-woo-shortcodes-products-ajax-category.filter_right .products-tabs:before {
background-color: #f9f9f9;
content: "";
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category.filter_right .products-tabs:before {
display: block;
}
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category.filter_right .products-tabs li {
display: inline-block;
}
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category.filter_right .products-tabs .heading-title {
display: block;
}
}
.haru-woo-shortcodes-products-ajax-category.filter_right .products-content {
float: right;
padding-left: 10px;
padding-right: 10px;
}
.haru-woo-shortcodes-products-ajax-category.filter_right .products-content.slider {
padding-left: 20px;
padding-right: 20px;
}
.haru-woo-shortcodes-products-ajax-category.filter_right .products-banner {
padding-left: 20px;
padding-right: 20px;
}
.haru-woo-shortcodes-products-ajax-category.filter_right.has-banner .products-content {
padding-left: 0;
padding-right: 10px;
}
.haru-woo-shortcodes-products-ajax-category.filter_top .products-tabs {
border-bottom: 1px solid #ededed;
padding: 0;
width: 100%;
text-align: center;
}
.haru-woo-shortcodes-products-ajax-category.filter_top .products-tabs li {
border-top: none;
display: inline-block;
padding-right: 20px;
}
.haru-woo-shortcodes-products-ajax-category.filter_top .products-tabs .heading-title {
border-bottom: 1px solid #ededed;
display: block;
padding: 15px 0;
margin-bottom: 0;
}
.haru-woo-shortcodes-products-ajax-category.filter_top .products-tabs .heading-title i {
left: 0;
position: relative;
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.haru-woo-shortcodes-products-ajax-category.filter_top .products-tabs .heading-title span {
margin-left: 10px;
}
.haru-woo-shortcodes-products-ajax-category.filter_top .products-content {
padding-left: 10px;
width: 100%;
}
@media screen and (max-width: 991px) {
.haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-2 li.type-product, .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-3 li.type-product, .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-4 li.type-product, .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-5 li.type-product, .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-6 li.type-product {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-2 li.type-product, .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-3 li.type-product, .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-4 li.type-product, .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-5 li.type-product, .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-6 li.type-product {
width: 50%;
}
}
.haru-woo-shortcodes-products-ajax-category.filter_top .products-content.slider {
padding-left: 20px;
padding-right: 20px;
}
.haru-woo-shortcodes-products-ajax-category.filter_top.has-banner .products-content {
width: 100%;
padding-right: 10px;
}
.haru-woo-shortcodes-products-ajax-category.filter_top .products-banner {
padding-left: 20px;
padding-top: 0;
width: 100%;
}
.haru-woo-shortcodes-products-ajax-category.has-banner .products-content {
width: calc(50% + 29px);
padding-right: 0;
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category.has-banner .products-content {
padding-right: 10px;
}
}
.haru-woo-shortcodes-products-ajax-category.has-banner .products-content.slider {
padding-right: 10px;
}
.haru-woo-shortcodes-products-ajax-category.has-banner.filter_left.slider .products-content {
padding-right: 20px;
}
.haru-woo-shortcodes-products-ajax-category.has-banner.filter_right .products-banner {
padding-right: 10px;
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category.has-banner.filter_right .products-banner {
padding-right: 20px;
}
}
.haru-woo-shortcodes-products-ajax-category.has-banner.filter_right.slider .products-content {
padding-right: 20px;
padding-left: 10px;
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category.has-banner.filter_right.slider .products-content {
padding-left: 20px;
}
}
.haru-woo-shortcodes-products-ajax-category.has-banner.filter_top.slider .products-content {
padding-right: 20px;
}
.haru-products-ajax-order {
overflow: hidden;
position: relative;
}
.haru-products-ajax-order .products-tabs {
list-style: none;
padding: 0;
margin: 0;
}
.haru-products-ajax-order .products-tabs.align_left {
text-align: left;
}
.haru-products-ajax-order .products-tabs.align_center {
text-align: center;
}
.haru-products-ajax-order .products-tabs.align_right {
text-align: right;
}
.haru-products-ajax-order .products-tabs li {
cursor: pointer;
color: #ababab;
display: inline-block;
font-size: 34px;
padding: 8px 15px;
font-weight: 600;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-products-ajax-order .products-tabs li:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-products-ajax-order .products-tabs li:first-child {
padding-left: 0;
}
.haru-products-ajax-order .products-tabs li:last-child {
padding-right: 0;
}
@media screen and (max-width: 991px) {
.haru-products-ajax-order .products-tabs li {
font-size: 22px;
}
}
@media screen and (max-width: 767px) {
.haru-products-ajax-order .products-tabs li {
font-size: 16px;
padding: 8px 8px;
}
}
.haru-products-ajax-order .products-tabs li.current {
color: #333333;
}
.haru-products-ajax-order .products-content {
min-height: 300px;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
}
.haru-products-ajax-order .products-content.loading {
position: relative;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
}
.haru-products-ajax-order .products-content.loading:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: -1px;
left: 0;
z-index: 5;
background-color: #fff;
}
.haru-products-ajax-order .products-content.loading:before {
content: '\f110';
font-family: fontAwesome;
position: absolute;
top: 10%;
left: 50%;
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
z-index: 6;
font-size: 24px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.haru-products-ajax-order .products-content.slider ul.products {
margin-bottom: 0;
padding: 0;
}
.haru-products-ajax-order .products-content.slider ul.products:hover .owl-nav {
opacity: 1;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
}
.haru-products-ajax-order .products-content.slider ul.products li.type-product {
padding: 0;
}
.haru-products-ajax-order .products-content.slider ul.products .owl-nav {
display: block;
position: absolute;
right: 0;
top: -35px;
}
.haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-prev, .haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-next {
border: 1px solid #cccccc;
display: inline-block;
font-size: 18px;
z-index: 999;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: #ccc;
opacity: 1;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-prev:hover, .haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-next:hover {
border: 1px solid #333333;
color: #333333;
cursor: pointer;
}
@media screen and (max-width: 991px) {
.haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-prev, .haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-next {
width: 35px;
height: 35px;
line-height: 32px;
}
}
@media screen and (max-width: 767px) {
.haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-prev, .haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-next {
width: 30px;
height: 30px;
line-height: 28px;
}
}
.haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-prev {
left: 0;
}
.haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-next {
margin-left: 10px;
right: 0;
}
@media screen and (max-width: 767px) {
.haru-products-ajax-order .products-content.slider ul.products .owl-nav {
top: -20px;
}
}
.haru-products-ajax-order .products-content.grid ul.products {
margin-left: -15px;
margin-right: -15px;
padding: 0;
}
.haru-products-ajax-order .products-content.grid ul.products.columns-2 li.type-product {
width: 50%;
}
@media screen and (max-width: 991px) {
.haru-products-ajax-order .products-content.grid ul.products.columns-2 li.type-product {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.haru-products-ajax-order .products-content.grid ul.products.columns-2 li.type-product {
width: 50%;
}
}
.haru-products-ajax-order .products-content.grid ul.products.columns-3 li.type-product {
width: 33.333333%;
}
@media screen and (max-width: 991px) {
.haru-products-ajax-order .products-content.grid ul.products.columns-3 li.type-product {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.haru-products-ajax-order .products-content.grid ul.products.columns-3 li.type-product {
width: 50%;
}
}
.haru-products-ajax-order .products-content.grid ul.products.columns-4 li.type-product {
width: 25%;
}
@media screen and (max-width: 991px) {
.haru-products-ajax-order .products-content.grid ul.products.columns-4 li.type-product {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.haru-products-ajax-order .products-content.grid ul.products.columns-4 li.type-product {
width: 50%;
}
}
.haru-products-ajax-order .products-content.grid ul.products.columns-5 li.type-product {
width: 20%;
}
@media screen and (max-width: 1199px) {
.haru-products-ajax-order .products-content.grid ul.products.columns-5 li.type-product {
width: 25%;
}
}
@media screen and (max-width: 991px) {
.haru-products-ajax-order .products-content.grid ul.products.columns-5 li.type-product {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.haru-products-ajax-order .products-content.grid ul.products.columns-5 li.type-product {
width: 50%;
}
}
.haru-products-ajax-order .products-content.grid ul.products.columns-6 li.type-product {
width: 16.666666%;
}
@media screen and (max-width: 1199px) {
.haru-products-ajax-order .products-content.grid ul.products.columns-6 li.type-product {
width: 25%;
}
}
@media screen and (max-width: 991px) {
.haru-products-ajax-order .products-content.grid ul.products.columns-6 li.type-product {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.haru-products-ajax-order .products-content.grid ul.products.columns-6 li.type-product {
width: 50%;
}
} .products-recent-viewed-shortcode-wrap.carousel {
position: relative;
}
.products-recent-viewed-shortcode-wrap.carousel:hover ul.products .owl-nav .owl-prev, .products-recent-viewed-shortcode-wrap.carousel:hover ul.products .owl-nav .owl-next {
opacity: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.products-recent-viewed-shortcode-wrap.carousel ul.products {
padding: 0;
margin: 0;
list-style: none;
list-style-type: none;
}
.products-recent-viewed-shortcode-wrap.carousel ul.products li.product {
position: relative;
padding: 0;
margin: 0;
width: 100%;
}
.products-recent-viewed-shortcode-wrap.carousel ul.products .owl-nav .owl-prev, .products-recent-viewed-shortcode-wrap.carousel ul.products .owl-nav .owl-next {
position: absolute;
display: block;
top: 50%;
z-index: 999;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: rgba(0, 0, 0, 0.2);
color: #fff;
opacity: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.products-recent-viewed-shortcode-wrap.carousel ul.products .owl-nav .owl-prev:hover, .products-recent-viewed-shortcode-wrap.carousel ul.products .owl-nav .owl-next:hover {
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
}
.products-recent-viewed-shortcode-wrap.carousel ul.products .owl-nav .owl-prev {
left: 0;
}
.products-recent-viewed-shortcode-wrap.carousel ul.products .owl-nav .owl-next {
right: 0;
}
@media screen and (max-width: 767px) {
.products-top-sale-shortcode-wrap {
margin-top: 10px;
}
}
.products-top-sale-shortcode-wrap .yith-wcwl-add-to-wishlist {
display: none;
}
.products-top-sale-shortcode-wrap.carousel_1 {
position: relative;
}
.products-top-sale-shortcode-wrap.carousel_1 .products-title {
font-size: 22px;
line-height: 1.4;
margin-bottom: 30px;
margin-top: -5px;
padding-bottom: 13px;
position: relative;
text-transform: uppercase;
}
@media screen and (max-width: 991px) {
.products-top-sale-shortcode-wrap.carousel_1 .products-title {
font-size: 18px;
}
}
.products-top-sale-shortcode-wrap.carousel_1 .products-title:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 30px;
height: 3px;
background-color: #333333;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel {
list-style: none;
padding-left: 0;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product {
margin-bottom: 30px;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-inner .onsale, .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-inner .product-flash {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail {
width: 35%;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail .product-thumb-primary:before {
opacity: 0;
visibility: hidden;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info {
margin-left: 15px;
text-align: left;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .woocommerce-loop-product__title {
font-size: 14px;
font-weight: 500;
margin-top: 0 !important;
padding-top: 0;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .star-rating {
margin-left: 0;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .onsale, .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-flash {
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .owl-nav {
position: absolute;
display: block;
bottom: calc(100% + 38px);
z-index: 9;
width: 100%;
text-align: right;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .owl-nav .owl-prev, .products-top-sale-shortcode-wrap.carousel_1 .products .owl-nav .owl-next {
display: inline-block;
z-index: 9;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #f6f6f6;
color: #a5a5a5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .owl-nav .owl-prev:hover, .products-top-sale-shortcode-wrap.carousel_1 .products .owl-nav .owl-next:hover {
background: #333333;
cursor: pointer;
color: #fff;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .owl-nav .owl-next {
margin-left: 5px;
}
.products-top-sale-shortcode-wrap.carousel_2 {
position: relative;
}
.products-top-sale-shortcode-wrap.carousel_2 .products-title {
font-size: 22px;
line-height: 1.4;
margin-bottom: 30px;
margin-top: -5px;
padding-bottom: 13px;
position: relative;
text-transform: uppercase;
}
.products-top-sale-shortcode-wrap.carousel_2 .products-title:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 30px;
height: 3px;
background-color: #333333;
}
.products-top-sale-shortcode-wrap.carousel_2 .products {
list-style: none;
border: 1px solid #ededed;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel {
list-style: none;
padding-left: 0;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product {
padding: 15px;
margin: 0;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-thumbnail {
float: left;
width: 45%;
}
@media screen and (max-width: 991px) {
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-thumbnail {
width: 100%;
}
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-thumbnail .product-label {
left: 20px !important;
top: 5px !important;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-thumbnail .onsale, .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-thumbnail .product-flash {
left: auto !important;
right: 0 !important;
-webkit-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
-o-transform: translateX(0) !important;
transform: translateX(0) !important;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-thumbnail .product-thumb-primary:before {
display: none;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info {
float: right;
text-align: left;
width: 55%;
}
@media screen and (max-width: 991px) {
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info {
margin-top: 20px;
width: 100%;
}
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .woocommerce-loop-product__title {
font-size: 24px;
font-weight: normal;
margin-top: 0 !important;
padding-top: 0;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .excerpt {
font-size: 12px;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .star-rating {
margin-left: 0;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .price {
font-size: 24px !important;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown {
margin-top: 15px;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown .countdown-time .list-time {
padding: 0;
text-align: left;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown .countdown-time .list-time li {
border: 1px solid #ededed;
display: inline-block;
margin: 0;
margin-right: 10px;
padding: 0;
width: 58px;
height: 58px;
text-align: center;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown .countdown-time .list-time li p {
line-height: 1.6;
margin-bottom: 0;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown .countdown-time .list-time li .countdown-number {
color: #333333;
font-size: 20px;
font-weight: 500;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown .countdown-time .list-time li .countdown-text {
font-size: 11px;
text-transform: uppercase;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .owl-nav {
position: absolute;
display: block;
bottom: calc(100% + 38px);
z-index: 9;
width: 100%;
text-align: right;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .owl-nav .owl-prev, .products-top-sale-shortcode-wrap.carousel_2 .products .owl-nav .owl-next {
display: inline-block;
z-index: 9;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #f6f6f6;
color: #a5a5a5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .owl-nav .owl-prev:hover, .products-top-sale-shortcode-wrap.carousel_2 .products .owl-nav .owl-next:hover {
background: #333333;
cursor: pointer;
color: #fff;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .owl-nav .owl-next {
margin-left: 5px;
}
.products-top-rated-shortcode-wrap .yith-wcwl-add-to-wishlist {
display: none;
}
.products-top-rated-shortcode-wrap.carousel_1 {
position: relative;
}
.products-top-rated-shortcode-wrap.carousel_1 .products-title {
font-size: 22px;
line-height: 1.4;
margin-bottom: 30px;
margin-top: -5px;
padding-bottom: 13px;
position: relative;
text-transform: uppercase;
}
@media screen and (max-width: 991px) {
.products-top-rated-shortcode-wrap.carousel_1 .products-title {
font-size: 18px;
}
}
.products-top-rated-shortcode-wrap.carousel_1 .products-title:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 30px;
height: 3px;
background-color: #333333;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel {
list-style: none;
padding-left: 0;
margin: 0;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product {
margin-bottom: 30px;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-inner .onsale, .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-inner .product-flash {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail {
width: 35%;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail .product-thumb-primary:before {
opacity: 0;
visibility: hidden;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info {
margin-left: 15px;
text-align: left;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .woocommerce-loop-product__title {
font-size: 14px;
font-weight: 500;
margin-top: 0 !important;
padding-top: 0;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .star-rating {
margin-left: 0;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .onsale, .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-flash {
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .owl-nav {
position: absolute;
display: block;
bottom: calc(100% + 38px);
z-index: 9;
width: 100%;
text-align: right;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .owl-nav .owl-prev, .products-top-rated-shortcode-wrap.carousel_1 .products .owl-nav .owl-next {
display: inline-block;
z-index: 9;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #f6f6f6;
color: #a5a5a5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .owl-nav .owl-prev:hover, .products-top-rated-shortcode-wrap.carousel_1 .products .owl-nav .owl-next:hover {
background: #333333;
cursor: pointer;
color: #fff;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .owl-nav .owl-next {
margin-left: 5px;
}
.products-top-seller-shortcode-wrap .yith-wcwl-add-to-wishlist {
display: none;
}
.products-top-seller-shortcode-wrap.carousel_1 {
position: relative;
}
.products-top-seller-shortcode-wrap.carousel_1 .products-title {
font-size: 22px;
line-height: 1.4;
margin-bottom: 30px;
margin-top: -5px;
padding-bottom: 13px;
position: relative;
text-transform: uppercase;
}
@media screen and (max-width: 991px) {
.products-top-seller-shortcode-wrap.carousel_1 .products-title {
font-size: 18px;
}
}
.products-top-seller-shortcode-wrap.carousel_1 .products-title:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 30px;
height: 3px;
background-color: #333333;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel {
list-style: none;
padding-left: 0;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product {
margin-bottom: 30px;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-inner .onsale, .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-inner .product-flash {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail {
width: 35%;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail .product-thumb-primary:before {
opacity: 0;
visibility: hidden;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info {
margin-left: 15px;
text-align: left;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .woocommerce-loop-product__title {
font-size: 14px;
font-weight: 500;
margin-top: 0 !important;
padding-top: 0;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .star-rating {
margin-left: 0;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .onsale, .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-flash {
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .owl-nav {
position: absolute;
display: block;
bottom: calc(100% + 38px);
z-index: 9;
width: 100%;
text-align: right;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .owl-nav .owl-prev, .products-top-seller-shortcode-wrap.carousel_1 .products .owl-nav .owl-next {
display: inline-block;
z-index: 9;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #f6f6f6;
color: #a5a5a5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .owl-nav .owl-prev:hover, .products-top-seller-shortcode-wrap.carousel_1 .products .owl-nav .owl-next:hover {
background: #333333;
cursor: pointer;
color: #fff;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .owl-nav .owl-next {
margin-left: 5px;
} .body-font {
font-family: "Muli";
}
.secondary-font {
font-family: "Muli";
}
.wpb_revslider_element.home-lookbook {
margin-bottom: 0;
}
#rev_slider_3_1 .tparrows {
background: transparent;
border: 1px solid #696969;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#rev_slider_3_1 .tparrows:hover {
background: #333333;
border: 1px solid #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#rev_slider_3_1 .tparrows:hover:before {
color: #fff;
}
#rev_slider_3_1 .tparrows:before {
color: #696969;
}
#rev_slider_6_1 .tparrows {
background: transparent;
border: 1px solid #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#rev_slider_6_1 .tparrows:hover {
background: rgba(0, 0, 0, 0.7);
border: 1px solid rgba(0, 0, 0, 0.7);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#rev_slider_6_1 .tparrows:hover:before {
color: #fff;
}
#rev_slider_6_1 .tparrows:before {
color: #ccc;
}
@media screen and (max-width: 991px) {
#rev_slider_6_1 .tparrows {
display: none !important;
}
}
@media screen and (max-width: 767px) {
#rev_slider_6_1 .tparrows {
display: block !important;
}
}
#rev_slider_6_1 .tp-static-layer {
color: #ccc !important;
border-bottom-width: 0;
position: relative;
-webkit-transition: all 0.3s !important;
-o-transition: all 0.3s !important;
transition: all 0.3s !important;
}
#rev_slider_6_1 .tp-static-layer:hover {
cursor: pointer;
color: #333333 !important;
border-bottom-width: 100%;
border-bottom: 1px solid rgba(51, 51, 51, 0.6) !important;
padding-bottom: 2px;
-webkit-transition: all 0.3s !important;
-o-transition: all 0.3s !important;
transition: all 0.3s !important;
}
#rev_slider_6_1 .tp-static-layer span {
position: absolute;
top: -8px;
right: -10px;
}
.about-intro p {
font-size: 18px;
text-align: center;
}
@media screen and (max-width: 767px) {
.about-intro p {
font-size: 14px;
}
}
.about-team-odd .wpb_single_image,
.about-team-even .wpb_single_image {
margin-bottom: 20px !important;
}
.about-team-odd h2,
.about-team-even h2 {
letter-spacing: 1px;
}
.about-team-odd {
padding-top: 35px;
}
.contact-intro {
font-size: 18px;
text-align: center;
}
.contact-intro p {
font-size: 18px;
text-align: center;
}
@media screen and (max-width: 767px) {
.contact-intro p {
font-size: 14px;
}
}
.instagram-heading {
font-size: 24px;
margin-bottom: 10px;
color: #333333;
text-align: center;
}
.instagram-heading span {
font-weight: 700;
border-bottom: 1px solid #cccccc;
padding-bottom: 2px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.instagram-heading span:hover {
border-bottom: 1px solid #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rotate-left {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
position: absolute;
left: -24%;
bottom: 17%;
}
.rotate-right {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
position: absolute;
right: -43%;
bottom: 27%;
}
@media screen and (max-width: 991px) {
.vertical-menu-holder {
min-height: 0;
}
}
@media screen and (max-width: 767px) {
.vertical-menu-holder {
min-height: 1px;
}
}
.banner-2-col-1 {
margin-top: 25%;
}
@media screen and (max-width: 767px) {
.banner-2-col-1 {
margin-top: 15px;
}
}
.banner-2-col-3 {
margin-top: 25%;
}
@media screen and (max-width: 767px) {
.banner-2-col-3 {
margin-top: 15px;
}
}
.banner-sale-home-2 {
position: relative;
}
.banner-sale-home-2 .text-label-shortcode-wrap {
position: absolute;
top: 13%;
left: 8%;
}
.banner-sale-home-3 {
position: relative;
}
.banner-sale-home-3 .text-label-shortcode-wrap {
position: absolute;
top: 5%;
left: 35%;
}
.row-parallax {
background-position: center;
}
@media screen and (max-width: 767px) {
.row-parallax .heading_style_1,
.row-parallax .sub_heading_style_3 {
text-align: center !important;
}
}
@media screen and (max-width: 767px) {
.row-parallax .text-label-shortcode-wrap.style_2 {
text-align: center !important;
}
}
@media screen and (max-width: 991px) {
.vc_row.deal-home6 {
padding-top: 0 !important;
}
}
@media screen and (max-width: 767px) {
.vc_row.deal-home6 {
padding-top: 30px !important;
}
}
@media screen and (max-width: 767px) {
.vc_row.deal-home6 .heading_style_2 {
text-align: center !important;
}
}
@media screen and (max-width: 767px) {
.vc_row.deal-home6 .countdown-shortcode-wrap {
text-align: center !important;
}
}
@media screen and (max-width: 767px) {
.banner-home62 > .vc_column-inner {
padding-top: 15% !important;
}
}
@media screen and (max-width: 991px) {
.haru-col-sm-4 {
width: 33.33333% !important;
}
}
@media screen and (max-width: 767px) {
.haru-col-sm-4 {
width: auto !important;
}
}
@media screen and (max-width: 991px) {
.haru-col-sm-6 {
width: 50% !important;
}
}
@media screen and (max-width: 767px) {
.haru-col-sm-6 {
width: auto !important;
}
}
@media screen and (max-width: 991px) {
.haru-col-sm-8 {
width: 66.66667% !important;
}
}
@media screen and (max-width: 767px) {
.haru-col-sm-8 {
width: auto !important;
}
}
@media screen and (max-width: 991px) {
.haru-col-sm-12 {
width: 100% !important;
}
}
@media screen and (max-width: 767px) {
.haru-col-sm-12 {
width: auto !important;
}
} .page-sidebar {
margin-top: 60px;
}
table {
border-collapse: collapse;
}
table thead {
background: rgba(51, 51, 51, 0.3);
}
table, th, td {
border: 1px solid #ededed;
}
th, td {
padding: 5px;
}
.post-password-form input[type="password"] {
background: none;
border: 1px solid #ededed;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.post-password-form input[type="password"]:focus {
border: 1px solid #333333;
outline: none;
}
.post-password-form input[type=submit] {
background: #444444;
border: none;
color: #fff;
padding: 2px 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.post-password-form input[type=submit]:hover {
background: #333333;
}
.haru-page-links {
clear: both;
} .banner-home-1-1 {
margin-bottom: -60%;
z-index: 2;
}
@media screen and (max-width: 767px) {
.banner-home-1-1 {
margin-bottom: 0;
}
}
@media screen and (max-width: 991px) {
.banner-home-1-2 {
margin-top: 20%;
}
}
.banner-home-1-2 .vc_custom_heading {
color: rgba(38, 38, 38, 0.4);
font-weight: 700;
}
.banner-home-1-2 p {
color: rgba(38, 38, 38, 0.2);
font-size: 36px;
font-style: italic;
line-height: 40px;
margin-top: -20px;
}body{
font-family: futura-pt-bold,futura,Trebuchet MS,arial,sans-serif !important;
}
h1, h2, h3, h4, h5, h6{
color: #000 !important;
font-family: futura-pt-bold,futura,Trebuchet MS,arial,sans-serif !important;
} .topheader-fullwith{
padding: 0 15px;
}
.haru-top-header .top-sidebar{
background:#000 !important;
color:#fff !important;
text-align: center !important;
}
.header-3.header-over-slideshow .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a {
color: #000 !important;
padding: 0 10px !important;
font-weight: 700;
font-size: 16px;
}
.header-3.header-over-slideshow .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > #menu-item-1169 > a{
color: #fc074c !important
}
.header-3 .navbar .navbar-nav a{
font-family: "futura-pt-n7", "futura-pt", Tahoma, Geneva, Verdana, Arial, sans-serif !important;
letter-spacing: 0.30px !important;
}
.header-3.header-over-slideshow .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li:hover > a{ }
.navbar .navbar-nav > li.menu_style_column > ul > li {
border-left: 0 !important;
}
.navbar .navbar-nav > li.menu_style_column > ul > li > a {
color: #000;
font-weight: bold !important;
}
.navbar .navbar-nav > li.menu_style_column > ul > li ul li a {
color: #000;
display: inline !important;
font-size: 16px;
font-weight: 400;
}
.navbar .navbar-nav > li.menu_style_column > ul > li ul li a:hover { }
.navbar .navbar-nav > li.menu_style_column > ul > li ul li a:hover:before {
background: #fffdc9;
content: '';
position: absolute;
left: 18px;
width: calc(100% - 40px);
height: 12px;
z-index: -1;
top: 18px;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item i {
color: #000 !important; }
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item:hover i { }
.header-3 .navbar .navbar-nav > li.menu_style_column > ul > li > a {
font-size: 16px;
font-weight: 700 !important;
}
header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li.current-menu-item > a:before {
content: "";
position: absolute;
width: calc(100% - 20px);
height: 1px;
left: 10px;
top: 63px;
background-color: #333
}
header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li:hover > a:before {
width: calc(100% - 20px);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a:before {
content: "";
position: absolute;
width: 0;
height: 1px;
left: 10px;
top: 63px;
background-color: #333333 !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.navbar .navbar-nav > li.menu_style_dropdown ul li a{
color: #000;
display: inline-block !important;
}
.navbar .navbar-nav > li.menu_style_dropdown ul li a:hover:before {
background: #fffdc9;
content: '';
position: absolute;
left: 18px;
width: calc(100% - 40px);
height: 10px;
z-index: -1;
top: 19px;
}
header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > ul {
border-top: 3px solid #fffdc9;
box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.1) !important;
}
.header-3.header-over-slideshow .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li.menu-item-has-children > a:after {
content: '';
position: relative;
display: inline-block;
margin: 0px;
padding: 4px;
box-shadow: 1.5px -1.5px 0 0 black inset;
transform: rotate(-45deg);
margin-left: 7px;
top: -3px;
}
header.haru-main-header .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button {
background: #fffdc9;
color: #000;
}
header.haru-main-header .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button:hover {
background: #000;
color: #fff;
border-color: #000 !important;
} header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav{
background: #fffdc9 !important;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > a {
font-family: futura-pt-bold,futura,Trebuchet MS,arial,sans-serif !important;
font-size: 35px !important;
color: #000 !important;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-social {
display: none;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements .header-elements-item a i{
color: #000;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements .header-elements-item a i{
color: #000;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements .header-elements-item a:hover i{
color: #f16af3;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-logo-mobile img{
max-height: 30px !important;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .haru-nav-mobile-menu li > ul.sub-menu{
background-image: none !important;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret{
color: #000 !important;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > a {
display: inline-block !important;
position: relative !important;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > a:hover:before {
background: #f16af3;
content: '';
position: absolute;
left: 12px;
width: calc(100% - 24px);
height: 22px;
z-index: -1;
top: 35px;
}
.mfp-bg.search-popup {
background: #fffdc9 !important;
}
#haru-search-popup .haru-search-wrap .search-popup-form input[type="search"] {
font-size: 18px;
font-family: Poppins !important;
font-weight: bold;
border: 0 !important;
}
#haru-search-popup .haru-search-wrap .search-popup-form input[type="search"]::placeholder{
color: #000 !important;
}
#haru-search-popup .haru-search-wrap .search-popup-form button {
color: #000 !important;
}
#haru-search-popup .haru-search-wrap .search-popup-form button i {
font-weight: bold !important;
}
button.mfp-close {
color: #000 !important;
}
.user-account-wrap .user-account-content:hover .user-account-menu {
border-color: #000;
}
.user-account-wrap .user-account-content:hover .user-account-menu a {
color: #000;
font-weight: bold;
position: relative;
display: inline-block;
}
.user-account-wrap .user-account-content:hover .user-account-menu a:hover { }
.user-account-wrap .user-account-content:hover .user-account-menu a:hover:before {
background: #fffdc9;
content: '';
position: absolute;
left: 0;
width: calc(100% - 0px);
height: 12px;
z-index: -1;
top: 8px;
}
.mini-cart-wrap .widget_shopping_cart_content:hover .cart_list_wrap {
border-color: #000;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-right > a{
color: #000 !important;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-right > a:hover{
color: #fffdc9 !important;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-right > span.quantity {
color: #000;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.total {
color: #000 !important;
border: none !important;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item .my-wishlist-wrap .haru-wishlist span.total,
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total {
background-color: #000 !important;
color: #fff !important;
}
.page-template-default header.haru-main-header.header-over-slideshow{
position:relative !important;
}
.home header.haru-main-header.header-over-slideshow{
position:absolute !important;
} #rev_slider_1_1 .metis.tparrows {
background: #000;
border-radius: 100%;
}
#rev_slider_1_1 .metis.tparrows:hover {
background: rgba(0, 0, 0, 0.75);
}
#rev_slider_1_1 .metis.tparrows:before{
color: #fff;
}
.tp-caption.tp-resizeme {
color: #000 !important;
}
.hermes .tp-bullet{
box-shadow: inset 0 0 0 2px rgb(0, 0, 0);
}
.hermes .tp-bullet:after{
background-color: rgb(0, 0, 0);
box-shadow: 0 0 1px rgb(0, 0, 0);
} #haru-popup .newsletter-description {
color: #2D2D2D;
}
#haru-popup .checkbox-label label{
color: #2D2D2D;
}
#haru-popup .subscribe-default .subscribe-email input[type="email"] {
font-size: 12px;
color: #2D2D2D;
}
#haru-popup .subscribe-default .subscribe-email input[type="email"]::placeholder {
color: #696969 !important;
}
#haru-popup .popup-right .popup-right-content{
text-align: left;
}
#haru-popup .subscribe-default .subscribe-email{
border: 0;
border-bottom: 1px solid #000 !important;
width: 100%;
font-size: 14px;
}
#haru-popup .subscribe-default .subscribe-email input[type="email"] {
background: transparent;
border: none !important;
font-size: 15px;
padding: 8px 2px !important;
width: 100%;
text-align: left;
font-style: normal;
box-shadow: none !important;
outline: none !important;
color: #000;
font-style: normal !important;
}
#haru-popup .subscribe-default .subscribe-email input[type="email"]::placeholder {
color: rgba( 105, 105, 105, 0.6);
}
#haru-popup .subscribe-default .subscribe-submit {
margin-left: 0;
} .vc_row.wpb_row.vc_row-fluid.vc_custom_1544171718387.vc_row-has-fill {
background: transparent !important;
}
.products-shortcode-paging-wrap.paging-load-more button{
border-color: #000 !important;
}
li.product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title, li.type-product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title {
color: #000000 !important;
}
li.product .product-inner .price .woocommerce-Price-amount {
color: #000 !important;
}
li.type-product .product-inner .price del .woocommerce-Price-amount{ }
.products li.product .product-inner .product-info .woocommerce-loop-product__link, 
.products li.type-product .product-inner .product-info .woocommerce-loop-product__link {
float: none;
width: 100%;
}
li.product .product-inner .price ins .woocommerce-Price-amount, li.type-product .product-inner .price ins .woocommerce-Price-amount {
color: #fc074c !important;
}
li.product .product-inner .price del span.woocommerce-Price-amount, li.type-product .product-inner .price del span.woocommerce-Price-amount {
font-weight: 700 !important;
font-size: 15px !important;
}
.single-product-content .single-product-top .entry-summary p.price ins .woocommerce-Price-amount {
color: #fc074c !important;
}
.products li.product .product-inner .price, li.type-product .product-inner .price {
width: 100%;
text-align: left;
margin-top: 10px;
}
.products li.type-product .product-inner .price ins {
display: inline-block !important;
margin-right: 6px;
}
.products li.type-product .product-inner .price del {
display: inline-block !important;
}
.products li.product .product-inner .product-flash,
.products li.product .product-inner .product-flash.on-new, .products li.type-product .product-inner .product-flash.on-new
.products li.product .product-inner .product-flash.on-hot, .products li.type-product .product-inner .product-flash.on-hot,
.products li.product .product-inner .onsale, li.type-product .product-inner .onsale {
background: transparent !important;
color: #000 !important;
}
.product .single-product-top .single-product-image-wrap .product-flash, .product .single-product-top .single-product-image-wrap .onsale {
background: transparent !important;
color: #000 !important;
z-index: 8;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-rating .stars a,
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .star-rating:before,
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .star-rating span:before{
color: #000 !important;
}
.vc_custom_heading.heading_style_1 {
color: #000;
font-weight: bold !important;
}
.countdown-shortcode-wrap.number .countdown-content .list-time li p.countdown-text {
color: #000;
} .single-product-content .single-product-top .entry-summary .product_title {
font-size: 30px;
font-weight: 700;
}
.single-product-content .single-product-top .entry-summary p.price {
border: none;
padding-bottom: 0;
}
.single-product-content .single-product-top .entry-summary p.price .woocommerce-Price-amount {
font-family: "futura-pt-n7", "futura-pt", Tahoma, Geneva, Verdana, Arial, sans-serif;
font-size: 30px;
color: #000;
}
.single-product-content .single-product-top .entry-summary .woocommerce-product-details__short-description {
padding-bottom: 10px;
font-family: "futura-pt-n7", "futura-pt", Tahoma, Geneva, Verdana, Arial, sans-serif;
font-weight: 100;
font-size: 16px;
color: #000;
}
.single-product-content .single-product-top .entry-summary .product-size-guide {
font-weight: 900;
padding: 5px 0;
font-family: "futura-pt-n7", "futura-pt", Tahoma, Geneva, Verdana, Arial, sans-serif;
font-size: 18px;
font-style: normal;
}
.single-product-content .single-product-top .entry-summary .product-size-guide a {
color: #000;
}
.single-product-content .single-product-top .entry-summary .product-size-guide:hover a {
color: #f16af3;
}
.single-product-content .single-product-top .entry-summary .add_to_compare,
.single-product-content .single-product-top .entry-summary .yith-wcwl-add-to-wishlist a,
.single-product-content .single-product-top .entry-summary form.cart .quantity input[type="number"],
.single-product-content .single-product-top .entry-summary form.cart .single_add_to_cart_button{
font-family: "futura-pt-n7", "futura-pt", Tahoma, Geneva, Verdana, Arial, sans-serif;
font-size: 23px;
font-weight: 700;
height: 50px;
color: #000;
}
.single-product-content .single-product-top .entry-summary .add_to_compare,
.single-product-content .single-product-top .entry-summary .yith-wcwl-add-to-wishlist a{
padding-top: 6px;
color: #000;
}
.single-product-top .entry-summary .add_to_compare i{
font-size: 23px !important;
color: #000;
}
.single-product-content .single-product-top .entry-summary form.cart .single_add_to_cart_button {
border: 1px solid #fffdc9;
background: #fffdc9;
color: #000;
}
.single-product-content .single-product-top .entry-summary form.cart .single_add_to_cart_button:hover {
background: transparent;
color: #000;
border-color: #000;
}
.single-product .page-title-inner.cc{
display: none;
}
.single-product .haru-page-title-section{
display: none;
}
.haru-page-title-section{
display: none;
}
.single-product-top .entry-summary .woocommerce-product-rating .star-rating:before,
.single-product-top .entry-summary .woocommerce-product-rating .star-rating span:before{
color: #2d2d2d !important;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel p {
font-size: 16px;
color: #000;
font-family: "futura-pt-n7", "futura-pt", Tahoma, Geneva, Verdana, Arial, sans-serif;
font-weight: 100;
}
.single-product-top .entry-summary .product_meta .sku_wrapper .sku,
.single-product-top .entry-summary .product_meta .sku_wrapper a,
.single-product-top .entry-summary .product_meta .tagged_as a,
.single-product-top .entry-summary .product_meta .posted_in a,
.single-product-top .entry-summary .post-social-share .social-share-wrapper .social-share li a,
.single-product-top .entry-summary .post-social-share .social-share-wrapper .social-share li.social-label,
.single-product-top .entry-summary .product_meta .sku_wrapper .label, .single-product-top .entry-summary .product_meta .posted_in .label, .single-product-top .entry-summary .product_meta .tagged_as .label {
color: #000 !important;
}
.single-product-top .entry-summary .woocommerce-review-link{
color: #000 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
padding: 0;
margin: 0 5px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
padding: 0 15px !important;
color: #000 !important;
} 
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, 
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
background: #fffdc9;
display: inline-block;
}
.single-product-top .entry-summary form.cart table.variations tr td select {
max-width: 180px;
background: transparent;
border-color: #000 !important;
color: #000;
font-style: normal !important;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li:before {
border-color: #000 !important;
}
.single-product-top .entry-summary form.cart table.variations {
width: auto;
}
.woocommerce div.product form.cart .variations td.label {
padding-right: 20px;
}
.woocommerce div.product form.cart .variations tr:first-child td label {
margin-top: 12px;
margin-bottom: 20px;
}
.single-product-top .entry-summary form.cart table.variations td.value {
width: 82%;
}
.woocommerce table.shop_attributes th {
color: #000;
text-transform: uppercase;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-product-attributes-item__value {
font-size: 20px;
color: #000;
font-family: "futura-pt-n7", "futura-pt", Tahoma, Geneva, Verdana, Arial, sans-serif;
font-weight: 100;
font-style: normal;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header {
background-color: #fffdc9 !important;
color: #fffdc9 !important;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:before, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:after{
background: #000 !important;
}
.woocommerce header.haru-main-header.header-over-slideshow{
position:relative !important;
} .woocommerce table.shop_table.wishlist_table {
border: none;
}
.woocommerce table.wishlist_table thead th {
font-size: 20px;
border-top: 0;
}
.woocommerce table.wishlist_table tbody td {
font-size: 16px;
font-weight: 600;
text-align: left;
}
.woocommerce table.wishlist_table tbody td.product-remove a{
margin: auto;
}
.woocommerce table.wishlist_table tbody td.product-add-to-cart a {
display: inline-block !important;
background: #000;
border: 1px solid #000;
color: #fff;
font-weight: 700;
letter-spacing: .2px;
padding: 9px 10px;
text-align: center;
text-transform: uppercase;
-webkit-font-smoothing: antialiased !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce table.wishlist_table tbody td.product-add-to-cart a:hover{
background: transparent;
color: #000;
}
.wishlist-title {
display: block;
text-align: center;
text-transform: uppercase;
} footer.footer-5 {
border-top: 1px solid #000;
padding: 15px;
padding-top: 35px;
}
.footer-link-shortcode-wrap.style_2 .footer-link-content .link-list li:first-child {
margin-top: 0 !important;
padding-top: 0;
}
.footer-link-shortcode-wrap.style_2 .footer-link-content .link-list li a {
color: #000;
position: relative;
border: none !important;
font-weight: bold;
}
.footer-link-shortcode-wrap.style_2 .footer-link-content .link-list li a:hover:before {
background: #fffdc9;
content: '';
position: absolute;
left: -5px;
width: calc(100% + 15px);
height: 8px;
z-index: -1;
top: 7px;
}
.footer-5 .wpb_content_element p {
font-weight: bold;
}
.footer-5 .vc_custom_1545815716203 {
padding-right: 0px !important;
padding-left: 0px !important;
}
.footer-5 .mc4wp-form .subscribe-default .subscribe-email {
border: 0;
border-bottom: 1px solid #000;
width: 100%;
}
.footer-5 .mc4wp-form .subscribe-default .subscribe-email input[type="email"] {
text-align: left;
padding: 8px 2px;
}
.footer-5 .mc4wp-form .subscribe-default .subscribe-submit {
margin-left: 0;
}
.footer-5 .vc_custom_heading {
font-family: futura-pt,sans-serif;
font-weight: 900;
font-size: 20px;
letter-spacing: 2px;
}
.footer-5 .vc_custom_1573361128400{
padding-top: 20px !important;
padding-bottom: 15px !important;
margin-bottom: 0 !important;
}
.footer-5 .vc_custom_1572945559534 .wpb_column.vc_column_container .vc_column-inner {
padding-top: 0 !important;
}
.footer-5 .vc_custom_1573361128400 a:hover {
color: #696969;
}
.footer-5 .cookie-box button:hover {
background: transparent;
color: #333333;
}
.footer-5 .cookie-box button {
border: 1px solid #333333;
background: #333333;
color: #fff;
font-weight: 700;
letter-spacing: 1px;
padding: 4px 10px;
text-align: center;
text-transform: uppercase;
width: auto;
-webkit-font-smoothing: antialiased !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin-top: -7px;
}
.cookie-box {
background: #fffdc9 !important;
color: #000;
}
.cookie-box a {
color: #000000;
}
.cookie-box {
position: fixed;
width: 100%;
bottom: 0;
z-index: 9;
}
footer.footer-5{
padding-bottom: 85px;
}  .post-1195 {
margin-top: 50px;
}
.who-are-section p{
text-align: justify;
}
.who-are-section .vc_custom_heading {
text-transform: uppercase;
color: #000;
letter-spacing: 1.3px;
} .woocommerce-account .woocommerce-MyAccount-content p{
color: #000;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .button:hover {
background: #fffdc9 !important;
color: #000;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a{
color: #000;
position: relative;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{
color: #000;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a:hover:before,
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a:before {
background: #fffdc9;
content: '';
position: absolute;
left: 0;
width: calc(100% - 0px);
height: 10px;
z-index: -1;
bottom: 3px;
}
.woocommerce-orders-table,
.woocommerce-orders-table a{
color: #000;
} .woocommerce-checkout .woocommerce h3{
color: #000;
}
.woocommerce-checkout label{
color: #000;
}
.woocommerce-checkout input{
color: #000;
}
.woocommerce table.shop_table{
color: #000;
}
.woocommerce-checkout .woocommerce-info, 
.woocommerce-checkout .woocommerce-info a {
border-top-color: #333333;
color: #000 !important;
}
.woocommerce-checkout .woocommerce-info a:hover {
color: grey !important;
}
.woocommerce-checkout .woocommerce-info:hover {
background: transparent;
} 
.woocommerce form .form-row-last button.button, 
.woocommerce-page form .form-row-last button.button {
border: 1px solid #000;
background: #000;
color: #fff;
font-weight: 700;
font-size: 14px;
letter-spacing: 1px;
padding: 12px 20px;
text-align: center;
text-transform: uppercase;
-webkit-font-smoothing: antialiased !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce form .form-row-last button.button:hover, 
.woocommerce-page form .form-row-last button.button:hover {
background: transparent;
color: #000;
}
.woocommerce-checkout .woocommerce h3 {
font-size: 21px !important;
font-family: futura-pt-bold,futura,Trebuchet MS,arial,sans-serif;
font-weight: 700 !important;
}
.woocommerce td.product-name .wc-item-meta li p{
display: inline-block;
line-height: 1;
}
.woocommerce table.shop_table tbody tr td.product-total,
.woocommerce-checkout-payment label ,
.woocommerce ul#shipping_method li label,
.woocommerce table.shop_table tfoot td,
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order th,
.woocommerce-additional-fields label {
font-size: 18px !important;
font-family: futura-pt-bold,futura,Trebuchet MS,arial,sans-serif;
font-weight: 700 !important;
}
.woocommerce-checkout-payment label a {
color: #000;
}
.woocommerce-checkout-payment label a:hover {
color: #696969;
}
.woocommerce-checkout #payment {
background: #fffdc9;
}
.woocommerce-terms-and-conditions-wrapper label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
line-height: 0;
padding-left: 20px;
}
.woocommerce-terms-and-conditions-wrapper label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox .input-checkbox{
margin-left: -20px;
margin-top: 8px;
width: 15px;
height: 15px;
}
.woocommerce-privacy-policy-text p a,
.woocommerce-privacy-policy-text p{
color: #000;
}
.woocommerce-privacy-policy-text p a:hover{
color: #696969;
} .woocommerce-cart .woocommerce .shopping-cart-title {
font-size: 30px;
font-family: futura-pt-bold,futura,Trebuchet MS,arial,sans-serif;
}
.woocommerce-cart .woocommerce table.shop_table_responsive thead tr th {
font-size: 20px;
font-family: futura-pt-bold,futura,Trebuchet MS,arial,sans-serif;
}
.woocommerce-cart table.cart .product-remove,
.woocommerce-cart table.cart .product-subtotal,
.woocommerce-cart table.cart .product-quantity,
.woocommerce-cart table.cart .product-price,
.woocommerce-cart table.cart .product-name{
font-size: 16px;
font-family: futura-pt-bold,futura,Trebuchet MS,arial,sans-serif;
font-weight: 600;
}
.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr.cart_item td.product-name a {
color: #000 !important;
font-weight: 600 !important;
}
.woocommerce a.remove{
color: #000 !important;
line-height: .9;
}
.woocommerce-cart .woocommerce .button:hover {
background: transparent !important;
color: #000 !important;
}
.woocommerce-cart .woocommerce .button {
opacity: 1 !important;
border: 1px solid #000;
}
.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions .coupon input[name='apply_coupon'] {
border: 1px solid #000;
}
.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions .coupon input[name='apply_coupon']:hover {
background: transparent !important;
color: #000 !important;
}
.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions .coupon .input-text{
padding: 8px 10px !important;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a {
background: #fffdc9 !important;
border: none;
color: #000 !important;
padding: 14px 15px !important;
font-size: 20px !important;
font-family: futura-pt-bold,futura,Trebuchet MS,arial,sans-serif;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a:hover {
background: #333 !important;
color: #fff !important;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2{
font-size: 30px !important;
font-family: futura-pt-bold,futura,Trebuchet MS,arial,sans-serif;
font-weight: 700;
color: #000;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table tbody tr th {
font-size: 22px;
font-family: futura-pt-bold,futura,Trebuchet MS,arial,sans-serif;
font-weight: 700;
}
.woocommerce-cart .cart-collaterals .shipping-calculator-button {
color: #000;
}
.woocommerce-cart  .woocommerce .woocommerce-Price-amount.amount {
font-size: 20px;
font-weight: 700;
}
.woocommerce-cart  .woocommerce .cart-empty{
color: #000;
} .products li.product .product-inner .price del, 
.products li.type-product .product-inner .price del{
opacity: 1 !important;
} .back-to-top {
background-color: transparent !important;
background-image: url(https://alovdesigns.com/wp-content/uploads/2018/12/TOP.png) !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
width: 65px;
height: 65px;
bottom: -75px !important;
}
.back-to-top.in {
bottom: 30px !important;
}
.back-to-top i {
display: none;
} .vc_custom_heading.heading_style_1 {
font-size: 64px !important;
text-transform: uppercase !important;
}
.contact-intro p {
color: #000;
text-align: left !important;
}
.icon-box-shortcode-wrap.style_1 .icon-box-container:hover {
border-color: #fffdc9 !important;
}
.icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content .icon-description{
font-family: inherit !important;
} ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
border-color: #000;
color: #000;
background: #fffdc9;
}
.woocommerce ul.order_details li{
margin-top: 0;
margin-bottom: 15px;
border-color: #000;
font-size: 20px;
}
.woocommerce ul.order_details li strong{
font-size: 14px;
margin-top: 20px;
}
.woocommerce-order {
color: #000;
}
.woocommerce table.shop_table {
border-color: #000;
}
.woocommerce table.shop_table td a {
color: #000;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
border-color: #000 !important;
}
.woocommerce .woocommerce-customer-details address{
border-color: #000;
} .my-breadcrumbs .container,
.my-breadcrumbs2 .container {
width: 100% !important;
}
.breadcrumbs {
list-style: none;
padding-left: 0;
}
.breadcrumbs li {
position: relative;
display: inline-block;
padding-right: 30px;
padding-top: 20px;
padding-bottom: 20px; }
.breadcrumbs li:before {
content: "\f105";
color: #ababab;
font-family: fontAwesome;
left: -18px;
position: absolute;
}
.breadcrumbs li:first-child:before {
display: none;
}
.breadcrumbs li a {
color: #000 !important;
}
.breadcrumbs li span {
color: #000;
font-weight: 700;
}
.haru-page-title-section{
margin-bottom: 0 !important;
background-position: center;
min-height: 250px !important;
}
.haru-page-title-section .breadcrumbs{
display: none;
}
.page-title-outer2 h2{
font-size: 48px;
text-align: center;
}
.page-title-inner.bb {
display: none;
}
.page-title-inner.cc h2 {
font-size: 48px;
text-align: center;
}
li.product .product-inner .star-rating span:before, li.type-product .product-inner .star-rating span:before,
li.product .product-inner .star-rating:before, li.type-product .product-inner .star-rating:before{
color: #000 !important;
}
.status-publish .entry-content p {
color: #000;
font-size: 18px;
}
.status-publish .entry-content .bank_t_dv {
color: #000;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
border: 1px solid #333;
transition: all 0.3s ease;
}
.woocommerce #payment #place_order:hover, 
.woocommerce-page #payment #place_order:hover {
background: transparent;
color: #000;
border: 1px solid #000;
}
.tax-product_cat .haru-page-title-section,
.page-id-1230 .haru-page-title-section,
.page-id-183 .haru-page-title-section{
display: block;
}
.page-id-1230 .haru-page-title-section .page-title-inner.cc,
.page-id-183 .haru-page-title-section .page-title-inner.cc{
visibility: hidden;
display: block;
}
.page-id-183 .page-title-inner.cc{
display: none;
}
dl.variation dd p {
line-height: 1;
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del{
color: #000;
}
.haru-single-product .related > h2{
text-align: center;
}
.up-sells.products h2 {
font-size: 24px;
font-weight: normal;
margin-bottom: 50px;
} @media (min-width: 768px) {
.who-are-section .vc_custom_heading {
font-size: 36px !important;
transform: translateX(70px);
position: relative;
z-index: 1;
}
}
@media (min-width: 992px) {
}
@media (min-width: 1450px) {
.header-3.header-over-slideshow .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a {
font-size: 20px;
}
}
@media (max-width: 1199px) {
.header-3.header-over-slideshow .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a {
padding: 0 6px !important;
font-size: 14px;
}
}
@media (max-width: 991px) {
.cookie-box .col-md-2 {
text-align: center !important;
}
.footer-5 .cookie-box button{
margin-top: 8px;
}
.footer-5 .cookie-box .blkcolor {
line-height: 1.4;
padding: 0 10px;
}
}
@media (max-width: 767px) {
.haru-page-title-section {
min-height: 140px !important;
}
}
@media (max-width: 575px) {
.woocommerce table.wishlist_table thead th{
font-size: 16px;
}
.woocommerce table.wishlist_table tbody td{
font-size: 14px;
}
.woocommerce table.wishlist_table tbody td.product-add-to-cart a {
letter-spacing: 0px;
padding: 6px 8px;
font-size: 12px;
}
}
@media (max-width: 479px) {
#slide-1-layer-5 {
color: #000 !important;
}
.footer-5 .cookie-box .blkcolor {
font-size: 12px;
}
.footer-5 .cookie-box button {
font-size: 12px;
}
}
.vc_custom_1572945559534 { display:none !important; }
#slashadmin_eucookielaw.cl_dark { background:#fffdc9; color:#000; }
#slashadmin_eucookielaw.cl_dark #slashadmin_removecookie { background:#333333; color:#FFF; }table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px 18px;border-bottom:1px solid #111}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 18px 6px 18px;border-top:1px solid #111}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;*cursor:hand;background-repeat:no-repeat;background-position:center right}table.dataTable thead .sorting{background-image:url(//www.alovdesigns.com/wp-content/plugins/yith-woocommerce-compare/assets/css/DataTables-1.10.18/images/sort_both.png)}table.dataTable thead .sorting_asc{background-image:url(//www.alovdesigns.com/wp-content/plugins/yith-woocommerce-compare/assets/css/DataTables-1.10.18/images/sort_asc.png)}table.dataTable thead .sorting_desc{background-image:url(//www.alovdesigns.com/wp-content/plugins/yith-woocommerce-compare/assets/css/DataTables-1.10.18/images/sort_desc.png)}table.dataTable thead .sorting_asc_disabled{background-image:url(//www.alovdesigns.com/wp-content/plugins/yith-woocommerce-compare/assets/css/DataTables-1.10.18/images/sort_asc_disabled.png)}table.dataTable thead .sorting_desc_disabled{background-image:url(//www.alovdesigns.com/wp-content/plugins/yith-woocommerce-compare/assets/css/DataTables-1.10.18/images/sort_desc_disabled.png)}table.dataTable tbody tr{background-color:#ffffff}table.dataTable tbody tr.selected{background-color:#B0BED9}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #ddd}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #ddd;border-right:1px solid #ddd}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #ddd}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#f9f9f9}table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{background-color:#acbad4}table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:#f6f6f6}table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected{background-color:#aab7d1}table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#fafafa}table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad5}table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:whitesmoke}table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#fafafa}table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fcfcfc}table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fefefe}table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background-color:#eaeaea}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{background-color:#ececec}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{background-color:#efefef}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{background-color:#a5b2cb}table.dataTable.no-footer{border-bottom:1px solid #111}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px 4px 4px}table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:4px}table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable,table.dataTable th,table.dataTable td{box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both;*zoom:1;zoom:1}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{margin-left:0.5em}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:0.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:0.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:0.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333 !important;border:1px solid transparent;border-radius:2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #979797;background-color:white;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-o-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111}.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:0.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:0.5em}}div.DTFC_Blocker{
background-color:white;
}
div.DTFC_LeftWrapper table.dataTable,
div.DTFC_RightWrapper table.dataTable{
margin-bottom:0;
z-index:2;
}
div.DTFC_LeftWrapper table.dataTable.no-footer,
div.DTFC_RightWrapper table.dataTable.no-footer{
border-bottom:none;
}
div.DTFC_LeftFootWrapper table.compare-list,
div.DTFC_LeftHeadWrapper table.compare-list {
border: 0;
} a.compare.disabled:not(.added) {
opacity: 0.6;
pointer-events: none;
} .yith-woocompare-popup-container {
position:fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(255,255,255,.95);
z-index: 1000;
}
a.yith-woocompare-popup-close {
position: absolute;
top: 20px;
right: 20px;
font-size: 40px;
width: 40px;
color: #434343;
text-decoration: none;
z-index: 2;
line-height: 1;
background-color: rgba(255,255,255,.7);
text-align: center;
}
body.yith-woocompare-popup-open {
overflow-y: hidden;
}
body.yith-woocompare-popup,
.yith-woocompare-table-wrapper {
box-sizing: border-box;
font-size: 16px;
color: #747373;
background: none !important;
margin: 0;
max-height: 100%;
overflow-y: scroll;
overflow-x: hidden;
}
body.yith-woocompare-popup,
.yith-woocompare-table-scroll-wrapper {
position: relative;
padding: 5%;
}
body.yith-woocompare-popup #yith-woocompare {
padding: 10px;
}
#yith-woocompare-table_wrapper {
margin: 10px 0;
}
#yith-woocompare table.dataTable.compare-list thead th,
#yith-woocompare table.dataTable.compare-list thead td,
#yith-woocompare table.dataTable.compare-list tfoot td,
#yith-woocompare table.dataTable.compare-list tfoot th {
border: 0;
vertical-align: middle;
}
#yith-woocompare table.compare-list {
width: 100%;
border-bottom: 0;
border-top: 0;
margin: 0;
table-layout: auto;
}
#yith-woocompare table.compare-list tr {
background: #fff;
}
#yith-woocompare table.compare-list tbody tr .filler {
padding: 0!important;
}
#yith-woocompare table.compare-list td:not(.filler) {
min-width: 300px;
width: 300px;
text-align: center;
vertical-align: middle;
}
#yith-woocompare table.compare-list tbody th:not(.filler) {
min-width: 300px;
width: 300px;
overflow: hidden;
text-align: left;
font-weight: 700;
}
#yith-woocompare table.dataTable.compare-list tbody th,
#yith-woocompare table.dataTable.compare-list tbody td {
border-right: none;
border-top: 1px solid #e7e7e7;
border-bottom: none;
border-left: none;
padding-block: 10px;
vertical-align: middle;
}
#yith-woocompare table.dataTable.compare-list:not(.compact) tbody td {
padding-inline: 40px;
}
#yith-woocompare table.dataTable.compare-list tbody tr:first-child th,
#yith-woocompare table.dataTable.compare-list tbody tr:first-child td {
border-top: none;
}
#yith-woocompare table.compare-list tbody td.last-column {
width: auto;
border-right: 0;
}
#yith-woocompare table.dataTable.compare-list tbody .product_info th,
#yith-woocompare table.dataTable.compare-list tbody .product_info td {
vertical-align: top;
}
#yith-woocompare table.dataTable.compare-list tbody tr.label-row td {
font-weight: 700;
color: #434343;
padding-bottom: 0;
}
#yith-woocompare table.dataTable.compare-list tbody tr.label-row + tr td {
border-top: none;
}
#yith-woocompare .dataTables_scrollBody::-webkit-scrollbar {
-webkit-appearance: none;
height: 4px;
}
#yith-woocompare .dataTables_scrollBody::-webkit-scrollbar-thumb {
background-color: #e7e7e7;
border-radius: 10px;
}
.rtl #yith-woocompare table.compare-list tbody th {
text-align: right;
} .yith_woocompare_table_image {
text-align: center;
margin-top: 20px;
}
.yith_woocompare_table_image img {
display: inline-block;
max-width: 100%;
} table.compare-list img {
width: 100%;
height: auto;
}
table.compare-list tr.product_info td {
vertical-align: top;
}
table.compare-list .remove {
margin-bottom: 10px;
}
table.compare-list .remove a {
text-transform: uppercase;
text-decoration: none;
text-align: center;
}
table.compare-list .remove a span{
padding: 0 5px;
}
table.compare-list .image-wrap {
display: block;
position: relative;
line-height: 0;
}
table.compare-list .image-wrap .image-overlay {
position: absolute;
display: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,.4);
line-height: normal;
}
table.compare-list .image-wrap:hover .image-overlay {
display: block;
}
table.compare-list .image-wrap:hover .image-overlay .remove a {
display: block;
background: #fff;
font-size: 0;
position: absolute;
right: 20px;
bottom: 20px;
margin: 0;
border-radius: 4px;
cursor: pointer;
width: 30px;
height: 30px;
line-height: 30px;
}
table.compare-list .image-wrap:hover .image-overlay .remove a > span {
display: none;
}
table.compare-list .image-wrap:hover .image-overlay .remove a:after {
content: "\00D7";
font-size: 20px;
}
table.compare-list .product-anchor {
display: block;
}
table.compare-list .product_title {
margin-top: 0;
margin-bottom: 5px;
font-size: 15px;
color: #000;
text-decoration: none;
font-weight: 400;
}
table.compare-list .product_info td > * {
margin-bottom: 25px;
}
table.compare-list .product_info td a {
text-decoration: none;
box-shadow: none;
cursor: pointer;
}
#yith-woocompare  .added_to_cart,
#yith-woocompare .button {
margin: 0;
cursor: pointer;
position: relative;
text-decoration: none;
white-space: nowrap;
display: inline-block;
}
#yith-woocompare .empty-comparison {
text-align: center;
margin: 200px auto;
}
a.button.yith_woocompare_clear {
color: #b80001;
padding: 6px 10px;
}
div.compare-table-clear {
text-align: right;
margin: 10px 0;
}
table.compare-list  .product_info .button.loading,
table.compare-list  .add-to-cart .button.loading {
padding-right: 30px;
} table.compare-list.with-stock-icons tr.stock:not(.label-row) td {
font-size: 0;
}
table.compare-list  tr.stock:not(.label-row) td.in-stock {
background-color: #f2fcde;
color: #01a71c;
}
table.compare-list  tr.stock td.out-of-stock {
background-color: #fff0e8;
color: #ff4200;
}
table.compare-list.with-stock-icons tr.stock td.in-stock span.availability-label:before {
content: '';
background: url(//www.alovdesigns.com/wp-content/plugins/yith-woocommerce-compare/assets/images/green-check.svg) no-repeat center center;
font-size: 20px;
display: block;
height: 30px;
}
table.compare-list.with-stock-icons tr.stock td.out-of-stock span.availability-label:before {
content: "\00D7";
font-size: 50px;
line-height: 0;
vertical-align: middle;
} table.compare-list  tr.rating .star-rating {
float: none;
display: inline-block;
vertical-align: middle;
} table.compare-list tr.price {
color: #3e3e3e;
display: table-row; }
table.compare-list  tr.price del {
opacity: 0.8;
} #yith-woocompare-share {
margin-top: 20px
}
#yith-woocompare-share h3 {
margin-top: 0;
font-size: 17px;
font-weight: 700;
margin-bottom: 15px;
}
#yith-woocompare-share ul {
padding: 0 0 50px;
list-style: none;
margin: 0;
display: flex;
gap: 25px;
}
#yith-woocompare-share a {
display: block;
box-shadow: none;
outline: none;
color: #434343
}
#yith-woocompare-share a svg {
width: 20px;
height: 20px;
vertical-align: middle;
} #yith-woocompare-related {
margin: 20px 0;
}
#yith-woocompare-related h3.yith-woocompare-related-title {
font-size: 17px;
font-weight: 700;
margin-top: 0;
margin-bottom: 20px;
}
#yith-woocompare-related .yith-woocompare-related-wrapper {
position: relative;
background: #fff;
}
#yith-woocompare-related .related-products {
padding: 0;
list-style: none;
margin: 0;
overflow-x: hidden;
}
#yith-woocompare-related .related-products .owl-item {
display: inline-block;
}
#yith-woocompare-related .related-products .related-product {
text-align: center;
}
#yith-woocompare-related .related-products .related-product a {
text-decoration: none;
}
#yith-woocompare-related .related-products .related-product h3 {
font-size: 15px;
color: #333;
margin-top: 0;
margin-bottom: 10px;
}
#yith-woocompare-related .related-products .related-product .product-price {
font-size: 13px;
color: #333;
margin-bottom: 10px;
}
#yith-woocompare-related .related-products .related-product > div {
margin-bottom: 10px;
}
#yith-woocompare-related .related-products .related-product div.product-image {
position: relative;
margin-bottom: 10px;
}
#yith-woocompare-related .related-products .related-product div.product-image img {
height: auto;
max-width: 100%;
}
#yith-woocompare-related .related-products .related-product div.product-image img.onsale.yit-image {
margin: 0;
position: absolute;
top: 5px;
right: 5px;
z-index: 5;
width: auto;
}
#yith-woocompare-related .related-slider-nav div {
position: absolute;
top: -45px;
width: 30px;
height: 35px;
cursor: pointer;
border: 1px solid #e7e7e7;
text-align: center;
background: #ffffff url(//www.alovdesigns.com/wp-content/plugins/yith-woocommerce-compare/assets/images/nav-arrow.png) no-repeat;
cursor: pointer;
}
#yith-woocompare-related .related-slider-nav div.related-slider-nav-prev {
right: 35px;
background-position: -3px -31px;
}
#yith-woocompare-related .related-slider-nav div.related-slider-nav-next {
right: 0;
background-position: 0 1px;
} #yith-woocompare-cat-nav {
margin-top: 20px;
text-align: center;
}
#yith-woocompare-cat-nav h3 {
margin-top: 0;
margin-bottom: 15px;
text-align: center;
}
#yith-woocompare-cat-nav ul {
padding: 0;
margin: 0;
list-style: none;
}
#yith-woocompare-cat-nav ul li {
display: inline-block;
margin-right: 10px;
font-weight: 700;
}
#yith-woocompare-cat-nav ul li a {
text-decoration: none;
color: #7b7b7b;
}
#yith-woocompare-cat-nav ul li .active {
border-bottom: 2px solid;
}
#yith-woocompare-cat-nav ul li:last-child {
margin-right: 0;
} #yith-woocompare-preview-bar {
position: fixed;
bottom: 0;
width: 100vw;
display: none;
background: rgba(0, 0, 0, .8);
box-sizing: border-box;
padding: 20px;
color: #fff;
z-index: 99;
}
#yith-woocompare-preview-bar.shown {
display: block;
}
#yith-woocompare-preview-bar .container {
display: flex;
gap: 30px;
justify-content: center;
align-items: center;
margin: auto;
padding: 0;
}
#yith-woocompare-preview-bar .compare-list {
list-style: none;
display: flex;
align-items: center;
gap: 30px;
margin: 0;
padding: 0;
}
#yith-woocompare-preview-bar .compare-list li{
align-self: stretch;
width: 80px;
}
#yith-woocompare-preview-bar .compare-list li.product-placeholder {
border: 1px dashed #fff;
display: flex;
align-items: center;
padding-inline: 15px;
}
#yith-woocompare-preview-bar .compare-list .image-wrap {
position: relative;
}
#yith-woocompare-preview-bar .compare-list .image-wrap > a {
font-size: 0;
display: block;
}
#yith-woocompare-preview-bar .compare-list .image-wrap img {
max-width: 100%;
}
#yith-woocompare-preview-bar .compare-list .image-wrap .remove a {
display: block;
color: #000;
background: #fff;
font-size: 0;
position: absolute;
right: -10px;
top: -10px;
margin: 0;
border-radius: 50%;
cursor: pointer;
width: 25px;
height: 25px;
line-height: 25px;
text-decoration: none;
text-align: center;
}
#yith-woocompare-preview-bar .compare-list .image-wrap .remove a:hover {
background: #eee;
}
#yith-woocompare-preview-bar .compare-list .image-wrap .remove a:after {
content: "\00D7";
font-size: 25px;
} table.compare-list  .container-image-and-badge {
position: relative;
display: inline-block;
} table.compare-list .bundled_product_list {
margin: 25px 0;
}
table.compare-list div.bundled_product {
border-bottom: 1px solid #f0f0f0;
padding-bottom: 10px;
margin-bottom: 10px;
}
table.compare-list .bundled_product:after,
table.compare-list .bundled_product:before {
display: table;
content: '';
clear: both;
}
table.compare-list .bundled_product .bundled_product_images {
display: inline-block;
float: left;
}
table.compare-list .bundled_product .bundled_product_images img {
max-width: 80px;
}
table.compare-list .bundled_product .details {
display: block;
overflow: hidden;
padding-left: 10px;
text-align: left;
padding-top: 10px;
}
table.compare-list .bundled_product .details .bundled_product_title,
table.compare-list .bundled_product .details .price {
font-size: 90%;
}
table.compare-list .bundled_product .details .price {
margin-bottom: 0;
} table.compare-list .yith-ywraq-add-to-quote {
margin-top: 10px;
} .yith-woocompare-counter a {
box-shadow: none !important;
}
.yith-woocompare-counter span > span {
display: inline-block;
vertical-align: middle;
}
.yith-woocompare-counter span.yith-woocompare-icon {
margin-right: 5px;
}
.yith-woocompare-counter span.yith-woocompare-icon img {
max-width: 50px;
height: auto;
}
.yith-woocompare-counter span.yith-woocompare-count {
color: #555;
font-weight: 400;
font-size: 13px;
}
.yith-woocompare-counter a:hover span.yith-woocompare-count {
color: #000;
}
.yith-woocompare-error {
padding: 10px;
border: 1px solid #ffc5c2;
border-radius: 5px;
background-color: #ffe6e5;
position: relative;
}
.yith-woocompare-error p {
margin: 0;
color: #ff645c;
padding-left: 25px;
font-size: 13px;
}
.yith-woocompare-error::before {
font-family: WooCommerce;
content: '\e016';
color: #b81c23;
display: inline-block;
position: absolute;
} .yith-wccp-compare {
text-align: center;
} @media( max-width: 1200px ) {
#yith-woocompare-preview-bar header{
display: none;
}
}
@media( max-width: 991px ) {
#yith-woocompare-preview-bar .container {
max-width: 100%;
}
#yith-woocompare table.dataTable.compare-list tbody tr:not(.product_info) td {
text-align: left;
}
#yith-woocompare table.dataTable.compare-list tbody tr.stock td {
background: transparent;
}
#yith-woocompare table.dataTable.compare-list tbody tr.stock td .availability-label {
display: inline-block;
width: 30px;
}
}
@media( max-width: 768px ) {
div.DTFC_LeftBodyWrapper {
pointer-events: none;
}
#yith-woocompare-preview-bar .container {
gap: 15px;
}
#yith-woocompare-preview-bar .compare-list {
gap: 15px;
}
#yith-woocompare-preview-bar .compare-list li,
#yith-woocompare-preview-bar .compare-list li.product-placeholder {
width: 50px;
}
#yith-woocompare-preview-bar .compare-list li.product-placeholder {
padding-inline: 0;
text-align: center;
}
#yith-woocompare-preview-bar .compare-list li .image-wrap > a {
height: auto;
}
#yith-woocompare table.compare-list thead th,
#yith-woocompare table.compare-list tfoot th,
#yith-woocompare table.compare-list tr .filler {
display: none;
}
}
@media( max-width: 480px ) {
#yith-woocompare table.dataTable.compare-list tbody th {
padding: 10px 5px;
}
#yith-woocompare table.compare-list tbody th {
width: 60px;
max-width: 60px;
min-width: 60px;
font-size: 10px;
}
#yith-woocompare table.compare-list td {
width: 160px;
max-width: 160px;
min-width: 160px;
}
#yith-woocompare-preview-bar .compare-list li,
#yith-woocompare-preview-bar .compare-list li.product-placeholder {
display: none;
}
#yith-woocompare-preview-bar .compare-list li:first-of-type,
#yith-woocompare-preview-bar .compare-list li:nth-of-type(2),
#yith-woocompare-preview-bar .compare-list li:nth-of-type(3) {
display: block;
}
#yith-woocompare-preview-bar .compare-list li.product-placeholder span{
display: none;
}
}.yith-woocompare-widget-content ul.products-list li:not( .list_empty ) {
position: relative;
padding: 5px 0;
border-bottom: 1px solid #dfdfdf;
}
.yith-woocompare-widget-content ul.products-list {
list-style: none;
margin: 0 0 15px;
}
.yith-woocompare-widget-content ul.products-list li {
display: flex;
align-items: center;
gap: 15px;
}
.yith-woocompare-widget-content ul.products-list li .remove {
color: #000;
font-weight: 400;
text-align: center;
text-decoration: none;
cursor: pointer;
outline: none;
}
.yith-woocompare-widget-content ul.products-list li img {
max-width: 50px;
height: auto;
display: block;
vertical-align: middle;
float: left;
}
.yith-woocompare-widget-content ul.products-list li .product-info {
cursor: pointer;
font-size: 15px;
font-weight: 400;
outline: none;
text-decoration: none;
}
.yith-woocompare-widget-content ul.products-list li .product-info:before,
.yith-woocompare-widget-content ul.products-list li .product-info:after {
content: '';
display: table;
clear: both;
}
.yith-woocompare-widget-content a.compare-widget,
.yith-woocompare-widget-content a.compare {
float: right;
line-height: 1;
cursor: pointer;
padding: 8px 10px;
font-size: 13px;
border: 0;
white-space: nowrap;
display: inline-block;
}
.yith-woocompare-widget-content a.compare-widget:hover,
.yith-woocompare-widget-content a.compare:hover {
color: #ffffff;
background-color: #303030;
}
.yith-woocompare-widget-content a.clear-all {
outline: none;
font-size: 12px;
cursor: pointer;
}.trp-floating-switcher {
display: flex;
flex-direction: column-reverse;
position: fixed;
z-index: 99999;
overflow: hidden;
padding: var(--switcher-padding, 10px);
border: var(--border, none);
border-radius: var(--border-radius, 8px);
background: var(--bg, #fff);
width: var(--switcher-width, auto);
top: var(--top, unset);
right: var(--right, unset);
bottom: var(--bottom, unset);
left: var(--left, unset);
box-shadow: 0 10px 20px 0 #0000000D;
}
.trp-floating-switcher .trp-switcher-dropdown-list {
flex-direction: column-reverse;
}
.trp-switcher-position-top.trp-floating-switcher {
flex-direction: column;
}
.trp-floating-switcher.trp-switcher-position-top:not(.trp-ls-inline) .trp-language-switcher-inner,
.trp-floating-switcher.trp-switcher-position-top .trp-switcher-dropdown-list {
flex-direction: column;
} div.trp-ls-inline .trp-language-switcher-inner {
flex-direction: row;
}
.trp-ls-inline.trp-opposite-language .trp-language-item {
width: 100%;
} #trp-floater-powered-by {
color: var(--text, #b3b3b3);
font-size: 12px;
text-align: center;
padding: 0 5px;
}
#trp-floater-powered-by a {
color: var(--text, #b3b3b3);
}
.trp-switcher-position-bottom #trp-floater-powered-by {
border-top: 1px solid var(--text, #747474);
padding-top: 5px;
margin-top: 5px;
}
.trp-switcher-position-top #trp-floater-powered-by {
border-bottom: 1px solid var(--text, #747474);
padding-bottom: 5px;
margin-bottom: 5px;
} .trp-shortcode-switcher__wrapper {
position: relative;
border: none;
}
.trp-shortcode-switcher {
position: static;
display: inline-block;
overflow: hidden;
padding: 10px 0;
border: var(--border, none);
border-radius: var(--border-radius, 5px);
background: var(--bg, #fff);
width: auto;
box-shadow: none;
}
.trp-shortcode-switcher.trp-open-on-click {
cursor: pointer;
}
.trp-shortcode-overlay {
position: absolute;
left: 0;
top: 0;
z-index: 9999;
}
.trp-current-language-item__wrapper {
display: flex;
align-items: center;
padding-right: 10px;
justify-content: space-between;
} .trp-language-switcher-inner {
display: flex;
}
.trp-floating-switcher .trp-language-switcher-inner {
flex-direction: column-reverse;
}
.trp-shortcode-switcher .trp-language-switcher-inner {
flex-direction: column;
}
.trp-switcher-dropdown-list {
display: flex;
overflow-y: hidden; transition: max-height 0.2s ease-in-out;
max-height: 0;
transition-duration: var(--transition-duration);
}
.trp-shortcode-switcher .trp-switcher-dropdown-list {
flex-direction: column;
} .trp-ls-dropdown.is-open .trp-switcher-dropdown-list,
.trp-ls-dropdown[aria-expanded="true"] .trp-switcher-dropdown-list,
.trp-shortcode-switcher.trp-open-on-hover.is-open .trp-switcher-dropdown-list,
.trp-shortcode-switcher[aria-expanded="true"] .trp-switcher-dropdown-list {
overflow-y: auto;
max-height: min(350px, 70vh);
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: var(--text) transparent;
}
.trp-ls-dropdown.is-transitioning .trp-switcher-dropdown-list,
.trp-shortcode-switcher.is-transitioning .trp-switcher-dropdown-list {
overflow-y: hidden !important;
}
.trp-shortcode-arrow {
pointer-events: none;
}
.trp-shortcode-switcher.is-open .trp-shortcode-arrow {
transform: rotate(180deg);
}
.trp-shortcode-overlay:focus { outline: none; }
.trp-shortcode-overlay:focus-visible {
outline: 2px solid var(--text);
outline-offset: 2px;
} .trp-shortcode-overlay .trp-language-item:focus { outline: none; }
.trp-shortcode-overlay .trp-language-item:focus-visible {
outline: 2px solid var(--text);
outline-offset: 2px;
} .trp-language-item {
display: flex;
align-items: center;
gap: 8px;
padding: 7px 16px;
text-decoration: none;
min-height: 19px;
box-sizing: content-box;
}
.trp-language-item:hover {
background: var(--bg-hover, #f3f3f3);
}
.trp-language-item:hover .trp-language-item-name {
color: var(--text-hover, #000);
}
.trp-language-item__current {
pointer-events: none;
cursor: default;
}
.trp-language-item-name {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--text, #000);
font-size: var(--font-size, 14px);
line-height: 1.2;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
font-weight: 400;
}
.trp-flag-image {
border-radius: var(--flag-radius, 0);
aspect-ratio: var(--aspect-ratio, 4/3);
width: var(--flag-size, 18px);
display: inline-block;
height: auto;
}
.trp-menu-ls-label .trp-flag-image {
margin: -2px 3px;
}
.trp-custom-flag {
width: var(--flag-size, 18px);
height: auto;
aspect-ratio: var(--aspect-ratio, 4/3);
border-radius: var(--flag-radius, 2px);
object-fit: cover;
} .trp-switcher-dropdown-list::-webkit-scrollbar { width: 6px; }
.trp-switcher-dropdown-list::-webkit-scrollbar-track { background: transparent; }
.trp-switcher-dropdown-list::-webkit-scrollbar-thumb {
background-color: var(--text);
border-radius: 4px;
}
.trp-switcher-dropdown-list::-webkit-scrollbar-thumb:hover {
background-color: var(--text-hover);
} .trp-flag-rounded {
border-radius: 9999px;
aspect-ratio: 1 / 1;
}
.trp-ls-name {
padding-left: 5px;
} .trp_ald_ls_container img.trp-flag-image{
padding-top: 0 !important;
}
.trp_ald_ls_container .trp-language-switcher{
position: relative;
display: inline-block;
padding: 0;
border: 0;
box-sizing: border-box;
}
.trp_ald_ls_container .trp-language-switcher > div {
box-sizing: border-box;
padding-right: 20px;
padding-bottom: 3px;
padding-left: 13px;
border: 1px solid #c1c1c1;
border-radius: 3px;
background-color: #fff;
}
.trp_ald_ls_container .trp-language-switcher > div > a {
display: block;
padding: 2px;
border-radius: 3px;
color: rgb(7, 105, 173);
}
.trp_ald_ls_container .trp-language-switcher > div > a:hover {
background: #f1f1f1;
}
.trp_ald_ls_container .trp-language-switcher > div > a.trp-ls-shortcode-disabled-language {
cursor: default;
}
.trp_ald_ls_container .trp-language-switcher > div > a.trp-ls-shortcode-disabled-language:hover {
background: none;
}
.trp_ald_ls_container .trp-language-switcher > div > a > img{
display: inline;
margin: 0 3px;
width: 18px;
height: 12px;
border-radius: 0;
}
.trp_ald_ls_container .trp-language-switcher .trp-ls-shortcode-current-language{
display: inline-block;
}
.trp_ald_ls_container .trp-language-switcher:focus .trp-ls-shortcode-current-language,
.trp_ald_ls_container .trp-language-switcher:hover .trp-ls-shortcode-current-language{
visibility: hidden;
}
.trp_ald_ls_container .trp-language-switcher .trp-ls-shortcode-language{
display: inline-block;
height: 1px;
overflow: hidden;
visibility: hidden;
z-index: 1;
max-height: 250px;
overflow-y: auto;
left: 0;
top: 0;
min-height: auto;
}
.trp_ald_ls_container .trp-language-switcher:focus .trp-ls-shortcode-language,
.trp_ald_ls_container .trp-language-switcher:hover .trp-ls-shortcode-language{
visibility: visible;
max-height: 250px;
height: auto;
overflow-y: auto;
position: absolute;
left: 0;
top: 0;
display: inline-block !important;
min-height: auto;
}
#trp_ald_x_button{
z-index: 0 !important;
}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,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,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}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{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0} @media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/bootstrap/fonts/glyphicons-halflings-regular.eot);src:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/bootstrap/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/bootstrap/fonts/glyphicons-halflings-regular.woff) format('woff'),url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/bootstrap/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.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}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date],input[type=time],input[type=datetime-local],input[type=month]{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px \9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.form-group-sm .form-control{height:30px;line-height:30px}select[multiple].form-group-sm .form-control,textarea.form-group-sm .form-control{height:auto}.form-group-sm .form-control-static{height:30px;padding:5px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.form-group-lg .form-control{height:46px;line-height:46px}select[multiple].form-group-lg .form-control,textarea.form-group-lg .form-control{height:auto}.form-group-lg .form-control-static{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.33px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.active,.btn-success.focus,.btn-success:active,.btn-success:focus,.btn-success:hover,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.active,.btn-info.focus,.btn-info:active,.btn-info:focus,.btn-info:hover,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.active,.btn-warning.focus,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.active,.btn-danger.focus,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none;visibility:hidden}.collapse.in{display:block;visibility:visible}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px solid}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none;visibility:hidden}.tab-content>.active{display:block;visibility:visible}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important;visibility:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px 15px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding:48px 0}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-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-image:-o-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-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);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-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-image:-o-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-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)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-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-image:-o-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-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)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-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-image:-o-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-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)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-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-image:-o-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-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)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:absolute;top:0;right:0;left:0;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{min-height:16.43px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.4;visibility:visible;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.42857143;text-align:left;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;margin-top:-10px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}@-webkit-keyframes wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}10%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}18%,20%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}28%,30%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}38%,40%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}48%,50%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}58%,60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}68%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}75%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes wrench{0%{-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg)}10%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}18%,20%{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}28%,30%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}38%,40%{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}48%,50%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}58%,60%{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}68%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}75%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.faa-parent.animated-hover:hover>.faa-wrench,.faa-wrench.animated,.faa-wrench.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite;transform-origin-x:90%;transform-origin-y:35%;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-wrench.faa-fast,.faa-wrench.animated-hover.faa-fast:hover,.faa-wrench.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-wrench.faa-slow,.faa-wrench.animated-hover.faa-slow:hover,.faa-wrench.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}20%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ring{0%{-webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);-ms-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);-ms-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg)}20%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.faa-parent.animated-hover:hover>.faa-ring,.faa-ring.animated,.faa-ring.animated-hover:hover{-webkit-animation:ring 2s ease infinite;animation:ring 2s ease infinite;transform-origin-x:50%;transform-origin-y:0;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-ring.faa-fast,.faa-ring.animated-hover.faa-fast:hover,.faa-ring.animated.faa-fast{-webkit-animation:ring 1s ease infinite;animation:ring 1s ease infinite}.faa-parent.animated-hover:hover>.faa-ring.faa-slow,.faa-ring.animated-hover.faa-slow:hover,.faa-ring.animated.faa-slow{-webkit-animation:ring 3s ease infinite;animation:ring 3s ease infinite}@-webkit-keyframes vertical{0%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}4%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}8%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}12%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}16%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}20%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}22%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes vertical{0%{-webkit-transform:translate(0,-3px);-ms-transform:translate(0,-3px);transform:translate(0,-3px)}4%{-webkit-transform:translate(0,3px);-ms-transform:translate(0,3px);transform:translate(0,3px)}8%{-webkit-transform:translate(0,-3px);-ms-transform:translate(0,-3px);transform:translate(0,-3px)}12%{-webkit-transform:translate(0,3px);-ms-transform:translate(0,3px);transform:translate(0,3px)}16%{-webkit-transform:translate(0,-3px);-ms-transform:translate(0,-3px);transform:translate(0,-3px)}20%{-webkit-transform:translate(0,3px);-ms-transform:translate(0,3px);transform:translate(0,3px)}22%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}.faa-parent.animated-hover:hover>.faa-vertical,.faa-vertical.animated,.faa-vertical.animated-hover:hover{-webkit-animation:vertical 2s ease infinite;animation:vertical 2s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-fast,.faa-vertical.animated-hover.faa-fast:hover,.faa-vertical.animated.faa-fast{-webkit-animation:vertical 1s ease infinite;animation:vertical 1s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-slow,.faa-vertical.animated-hover.faa-slow:hover,.faa-vertical.animated.faa-slow{-webkit-animation:vertical 4s ease infinite;animation:vertical 4s ease infinite}@-webkit-keyframes horizontal{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}6%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}12%{-webkit-transform:translate(0,0);transform:translate(0,0)}18%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}24%{-webkit-transform:translate(0,0);transform:translate(0,0)}30%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}36%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes horizontal{0%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}6%{-webkit-transform:translate(5px,0);-ms-transform:translate(5px,0);transform:translate(5px,0)}12%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}18%{-webkit-transform:translate(5px,0);-ms-transform:translate(5px,0);transform:translate(5px,0)}24%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}30%{-webkit-transform:translate(5px,0);-ms-transform:translate(5px,0);transform:translate(5px,0)}36%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}.faa-horizontal.animated,.faa-horizontal.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-horizontal{-webkit-animation:horizontal 2s ease infinite;animation:horizontal 2s ease infinite}.faa-horizontal.animated-hover.faa-fast:hover,.faa-horizontal.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-horizontal.faa-fast{-webkit-animation:horizontal 1s ease infinite;animation:horizontal 1s ease infinite}.faa-horizontal.animated-hover.faa-slow:hover,.faa-horizontal.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-horizontal.faa-slow{-webkit-animation:horizontal 3s ease infinite;animation:horizontal 3s ease infinite}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.faa-flash.animated,.faa-flash.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-flash{-webkit-animation:flash 2s ease infinite;animation:flash 2s ease infinite}.faa-flash.animated-hover.faa-fast:hover,.faa-flash.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-flash.faa-fast{-webkit-animation:flash 1s ease infinite;animation:flash 1s ease infinite}.faa-flash.animated-hover.faa-slow:hover,.faa-flash.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-flash.faa-slow{-webkit-animation:flash 3s ease infinite;animation:flash 3s ease infinite}@-webkit-keyframes bounce{0%,10%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%,60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,10%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%,60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.faa-bounce.animated,.faa-bounce.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-bounce{-webkit-animation:bounce 2s ease infinite;animation:bounce 2s ease infinite}.faa-bounce.animated-hover.faa-fast:hover,.faa-bounce.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-bounce.faa-fast{-webkit-animation:bounce 1s ease infinite;animation:bounce 1s ease infinite}.faa-bounce.animated-hover.faa-slow:hover,.faa-bounce.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-bounce.faa-slow{-webkit-animation:bounce 3s ease infinite;animation:bounce 3s ease infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}.faa-parent.animated-hover:hover>.faa-spin,.faa-spin.animated,.faa-spin.animated-hover:hover{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-fast,.faa-spin.animated-hover.faa-fast:hover,.faa-spin.animated.faa-fast{-webkit-animation:spin .7s linear infinite;animation:spin .7s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-slow,.faa-spin.animated-hover.faa-slow:hover,.faa-spin.animated.faa-slow{-webkit-animation:spin 2.2s linear infinite;animation:spin 2.2s linear infinite}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.faa-float.animated,.faa-float.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-float{-webkit-animation:float 2s linear infinite;animation:float 2s linear infinite}.faa-float.animated-hover.faa-fast:hover,.faa-float.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-float.faa-fast{-webkit-animation:float 1s linear infinite;animation:float 1s linear infinite}.faa-float.animated-hover.faa-slow:hover,.faa-float.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-float.faa-slow{-webkit-animation:float 3s linear infinite;animation:float 3s linear infinite}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}}.faa-parent.animated-hover:hover>.faa-pulse,.faa-pulse.animated,.faa-pulse.animated-hover:hover{-webkit-animation:pulse 2s linear infinite;animation:pulse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-fast,.faa-pulse.animated-hover.faa-fast:hover,.faa-pulse.animated.faa-fast{-webkit-animation:pulse 1s linear infinite;animation:pulse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-slow,.faa-pulse.animated-hover.faa-slow:hover,.faa-pulse.animated.faa-slow{-webkit-animation:pulse 3s linear infinite;animation:pulse 3s linear infinite}.faa-parent.animated-hover:hover>.faa-shake,.faa-shake.animated,.faa-shake.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-fast,.faa-shake.animated-hover.faa-fast:hover,.faa-shake.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-slow,.faa-shake.animated-hover.faa-slow:hover,.faa-shake.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}80%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);-ms-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);-ms-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);-ms-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}80%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.faa-parent.animated-hover:hover>.faa-tada,.faa-tada.animated,.faa-tada.animated-hover:hover{-webkit-animation:tada 2s linear infinite;animation:tada 2s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-fast,.faa-tada.animated-hover.faa-fast:hover,.faa-tada.animated.faa-fast{-webkit-animation:tada 1s linear infinite;animation:tada 1s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-slow,.faa-tada.animated-hover.faa-slow:hover,.faa-tada.animated.faa-slow{-webkit-animation:tada 3s linear infinite;animation:tada 3s linear infinite}@-webkit-keyframes passing{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}}@keyframes passing{0%{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing,.faa-passing.animated,.faa-passing.animated-hover:hover{-webkit-animation:passing 2s linear infinite;animation:passing 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-fast,.faa-passing.animated-hover.faa-fast:hover,.faa-passing.animated.faa-fast{-webkit-animation:passing 1s linear infinite;animation:passing 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-slow,.faa-passing.animated-hover.faa-slow:hover,.faa-passing.animated.faa-slow{-webkit-animation:passing 3s linear infinite;animation:passing 3s linear infinite}@-webkit-keyframes burst{0%{opacity:.6}50%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}@keyframes burst{0%{opacity:.6}50%{-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}.faa-burst.animated,.faa-burst.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-burst{-webkit-animation:burst 2s infinite linear;animation:burst 2s infinite linear}.faa-burst.animated-hover.faa-fast:hover,.faa-burst.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-burst.faa-fast{-webkit-animation:burst 1s infinite linear;animation:burst 1s infinite linear}.faa-burst.animated-hover.faa-slow:hover,.faa-burst.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-burst.faa-slow{-webkit-animation:burst 3s infinite linear;animation:burst 3s infinite linear}@font-face {
font-family: 'icofont';
src: url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/icofont/fonts/icofont.eot?v=1.0.0-beta);
src: url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/icofont/fonts/icofont.eot?v=1.0.0-beta#iefix) format('embedded-opentype'),
url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/icofont/fonts/icofont.ttf?v=1.0.0-beta) format('truetype'),
url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/icofont/fonts/icofont.woff?v=1.0.0-beta) format('woff'),
url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/icofont/fonts/icofont.svg?v=1.0.0-beta#icofont) format('svg');
font-weight: normal;
font-style: normal;
}
.icofont {
font-family: 'IcoFont' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icofont-angry-monster:before {
content: "\e901";
}
.icofont-bathtub:before {
content: "\e902";
}
.icofont-bird-wings:before {
content: "\e903";
}
.icofont-bow:before {
content: "\e904";
}
.icofont-brain-alt:before {
content: "\e905";
}
.icofont-butterfly-alt:before {
content: "\e906";
}
.icofont-castle:before {
content: "\e907";
}
.icofont-circuit:before {
content: "\e908";
}
.icofont-dart:before {
content: "\e909";
}
.icofont-dice-alt:before {
content: "\e90a";
}
.icofont-disability-race:before {
content: "\e90b";
}
.icofont-diving-goggle:before {
content: "\e90c";
}
.icofont-fire-alt:before {
content: "\e90d";
}
.icofont-flame-torch:before {
content: "\e90e";
}
.icofont-flora-flower:before {
content: "\e90f";
}
.icofont-flora:before {
content: "\e910";
}
.icofont-gift-box:before {
content: "\e911";
}
.icofont-halloween-pumpkin:before {
content: "\e912";
}
.icofont-hand-power:before {
content: "\e913";
}
.icofont-hand-thunder:before {
content: "\e914";
}
.icofont-king-crown:before {
content: "\e915";
}
.icofont-king-monster:before {
content: "\e916";
}
.icofont-love:before {
content: "\e917";
}
.icofont-magician-hat:before {
content: "\e918";
}
.icofont-native-american:before {
content: "\e919";
}
.icofont-open-eye:before {
content: "\e91a";
}
.icofont-owl-look:before {
content: "\e91b";
}
.icofont-phoenix:before {
content: "\e91c";
}
.icofont-queen-crown:before {
content: "\e91d";
}
.icofont-robot-face:before {
content: "\e91e";
}
.icofont-sand-clock:before {
content: "\e91f";
}
.icofont-shield-alt:before {
content: "\e920";
}
.icofont-ship-wheel:before {
content: "\e921";
}
.icofont-skull-danger:before {
content: "\e922";
}
.icofont-skull-face:before {
content: "\e923";
}
.icofont-snail:before {
content: "\e924";
}
.icofont-snow-alt:before {
content: "\e925";
}
.icofont-snow-flake:before {
content: "\e926";
}
.icofont-snowmobile:before {
content: "\e927";
}
.icofont-space-shuttle:before {
content: "\e928";
}
.icofont-star-shape:before {
content: "\e929";
}
.icofont-swirl:before {
content: "\e92a";
}
.icofont-tattoo-wing:before {
content: "\e92b";
}
.icofont-throne:before {
content: "\e92c";
}
.icofont-touch:before {
content: "\e92d";
}
.icofont-tree-alt:before {
content: "\e92e";
}
.icofont-triangle:before {
content: "\e92f";
}
.icofont-unity-hand:before {
content: "\e930";
}
.icofont-weed:before {
content: "\e931";
}
.icofont-woman-bird:before {
content: "\e932";
}
.icofont-animal-bat:before {
content: "\e933";
}
.icofont-animal-bear-tracks:before {
content: "\e934";
}
.icofont-animal-bear:before {
content: "\e935";
}
.icofont-animal-bird-alt:before {
content: "\e936";
}
.icofont-animal-bird:before {
content: "\e937";
}
.icofont-animal-bone:before {
content: "\e938";
}
.icofont-animal-bull:before {
content: "\e939";
}
.icofont-animal-camel-alt:before {
content: "\e93a";
}
.icofont-animal-camel-head:before {
content: "\e93b";
}
.icofont-animal-camel:before {
content: "\e93c";
}
.icofont-animal-cat-alt-1:before {
content: "\e93d";
}
.icofont-animal-cat-alt-2:before {
content: "\e93e";
}
.icofont-animal-cat-alt-3:before {
content: "\e93f";
}
.icofont-animal-cat-alt-4:before {
content: "\e940";
}
.icofont-animal-cat-with-dog:before {
content: "\e941";
}
.icofont-animal-cat:before {
content: "\e942";
}
.icofont-animal-cow-head:before {
content: "\e943";
}
.icofont-animal-cow:before {
content: "\e944";
}
.icofont-animal-crab:before {
content: "\e945";
}
.icofont-animal-crocodile:before {
content: "\e946";
}
.icofont-animal-deer-head:before {
content: "\e947";
}
.icofont-animal-dog-alt:before {
content: "\e948";
}
.icofont-animal-dog-barking:before {
content: "\e949";
}
.icofont-animal-dog:before {
content: "\e94a";
}
.icofont-animal-dolphin:before {
content: "\e94b";
}
.icofont-animal-duck-tracks:before {
content: "\e94c";
}
.icofont-animal-eagle-head:before {
content: "\e94d";
}
.icofont-animal-eaten-fish:before {
content: "\e94e";
}
.icofont-animal-elephant-alt:before {
content: "\e94f";
}
.icofont-animal-elephant-head-alt:before {
content: "\e950";
}
.icofont-animal-elephant-head:before {
content: "\e951";
}
.icofont-animal-elephant:before {
content: "\e952";
}
.icofont-animal-elk:before {
content: "\e953";
}
.icofont-animal-fish-alt-1:before {
content: "\e954";
}
.icofont-animal-fish-alt-2:before {
content: "\e955";
}
.icofont-animal-fish-alt-3:before {
content: "\e956";
}
.icofont-animal-fish-alt-4:before {
content: "\e957";
}
.icofont-animal-fish:before {
content: "\e958";
}
.icofont-animal-fox-alt:before {
content: "\e959";
}
.icofont-animal-fox:before {
content: "\e95a";
}
.icofont-animal-frog-tracks:before {
content: "\e95b";
}
.icofont-animal-frog:before {
content: "\e95c";
}
.icofont-animal-froggy:before {
content: "\e95d";
}
.icofont-animal-giraffe-alt:before {
content: "\e95e";
}
.icofont-animal-giraffe:before {
content: "\e95f";
}
.icofont-animal-goat-head-alt-1:before {
content: "\e960";
}
.icofont-animal-goat-head-alt-2:before {
content: "\e961";
}
.icofont-animal-goat-head:before {
content: "\e962";
}
.icofont-animal-gorilla:before {
content: "\e963";
}
.icofont-animal-hen-tracks:before {
content: "\e964";
}
.icofont-animal-horse-head-alt-1:before {
content: "\e965";
}
.icofont-animal-horse-head-alt-2:before {
content: "\e966";
}
.icofont-animal-horse-head:before {
content: "\e967";
}
.icofont-animal-horse-tracks:before {
content: "\e968";
}
.icofont-animal-jellyfish:before {
content: "\e969";
}
.icofont-animal-kangaroo:before {
content: "\e96a";
}
.icofont-animal-lemur:before {
content: "\e96b";
}
.icofont-animal-lion-alt:before {
content: "\e96c";
}
.icofont-animal-lion-head-alt:before {
content: "\e96d";
}
.icofont-animal-lion-head:before {
content: "\e96e";
}
.icofont-animal-lion:before {
content: "\e96f";
}
.icofont-animal-monkey-alt-1:before {
content: "\e970";
}
.icofont-animal-monkey-alt-2:before {
content: "\e971";
}
.icofont-animal-monkey-alt-3:before {
content: "\e972";
}
.icofont-animal-monkey:before {
content: "\e973";
}
.icofont-animal-octopus-alt:before {
content: "\e974";
}
.icofont-animal-octopus:before {
content: "\e975";
}
.icofont-animal-owl:before {
content: "\e976";
}
.icofont-animal-panda-alt:before {
content: "\e977";
}
.icofont-animal-panda:before {
content: "\e978";
}
.icofont-animal-panther:before {
content: "\e979";
}
.icofont-animal-parrot-lip:before {
content: "\e97a";
}
.icofont-animal-parrot:before {
content: "\e97b";
}
.icofont-animal-paw:before {
content: "\e97c";
}
.icofont-animal-pelican:before {
content: "\e97d";
}
.icofont-animal-penguin:before {
content: "\e97e";
}
.icofont-animal-pig-alt:before {
content: "\e97f";
}
.icofont-animal-pig:before {
content: "\e980";
}
.icofont-animal-pigeon-alt:before {
content: "\e981";
}
.icofont-animal-pigeon:before {
content: "\e982";
}
.icofont-animal-pigeons:before {
content: "\e983";
}
.icofont-animal-rabbit-running:before {
content: "\e984";
}
.icofont-animal-rat-alt:before {
content: "\e985";
}
.icofont-animal-rhino-head:before {
content: "\e986";
}
.icofont-animal-rhino:before {
content: "\e987";
}
.icofont-animal-rooster:before {
content: "\e988";
}
.icofont-animal-seahorse:before {
content: "\e989";
}
.icofont-animal-seal:before {
content: "\e98a";
}
.icofont-animal-shrimp:before {
content: "\e98b";
}
.icofont-animal-snail-alt-1:before {
content: "\e98c";
}
.icofont-animal-snail-alt-2:before {
content: "\e98d";
}
.icofont-animal-snail:before {
content: "\e98e";
}
.icofont-animal-snake:before {
content: "\e98f";
}
.icofont-animal-squid:before {
content: "\e990";
}
.icofont-animal-squirrel:before {
content: "\e991";
}
.icofont-animal-tiger-alt:before {
content: "\e992";
}
.icofont-animal-tiger:before {
content: "\e993";
}
.icofont-animal-turtle:before {
content: "\e994";
}
.icofont-animal-whale:before {
content: "\e995";
}
.icofont-animal-woodpecker:before {
content: "\e996";
}
.icofont-animal-zebra:before {
content: "\e997";
}
.icofont-brand-acer:before {
content: "\e998";
}
.icofont-brand-adidas:before {
content: "\e999";
}
.icofont-brand-adobe:before {
content: "\e99a";
}
.icofont-brand-air-new-zealand:before {
content: "\e99b";
}
.icofont-brand-airbnb:before {
content: "\e99c";
}
.icofont-brand-aircell:before {
content: "\e99d";
}
.icofont-brand-airtel:before {
content: "\e99e";
}
.icofont-brand-alcatel:before {
content: "\e99f";
}
.icofont-brand-alibaba:before {
content: "\e9a0";
}
.icofont-brand-aliexpress:before {
content: "\e9a1";
}
.icofont-brand-alipay:before {
content: "\e9a2";
}
.icofont-brand-amazon:before {
content: "\e9a3";
}
.icofont-brand-amd:before {
content: "\e9a4";
}
.icofont-brand-american-airlines:before {
content: "\e9a5";
}
.icofont-brand-android-robot:before {
content: "\e9a6";
}
.icofont-brand-android:before {
content: "\e9a7";
}
.icofont-brand-aol:before {
content: "\e9a8";
}
.icofont-brand-apple:before {
content: "\e9a9";
}
.icofont-brand-appstore:before {
content: "\e9aa";
}
.icofont-brand-asus:before {
content: "\e9ab";
}
.icofont-brand-ati:before {
content: "\e9ac";
}
.icofont-brand-att:before {
content: "\e9ad";
}
.icofont-brand-audi:before {
content: "\e9ae";
}
.icofont-brand-axiata:before {
content: "\e9af";
}
.icofont-brand-bada:before {
content: "\e9b0";
}
.icofont-brand-bbc:before {
content: "\e9b1";
}
.icofont-brand-bing:before {
content: "\e9b2";
}
.icofont-brand-blackberry:before {
content: "\e9b3";
}
.icofont-brand-bmw:before {
content: "\e9b4";
}
.icofont-brand-box:before {
content: "\e9b5";
}
.icofont-brand-burger-king:before {
content: "\e9b6";
}
.icofont-brand-business-insider:before {
content: "\e9b7";
}
.icofont-brand-buzzfeed:before {
content: "\e9b8";
}
.icofont-brand-cannon:before {
content: "\e9b9";
}
.icofont-brand-casio:before {
content: "\e9ba";
}
.icofont-brand-china-mobile:before {
content: "\e9bb";
}
.icofont-brand-china-telecom:before {
content: "\e9bc";
}
.icofont-brand-china-unicom:before {
content: "\e9bd";
}
.icofont-brand-cisco:before {
content: "\e9be";
}
.icofont-brand-citibank:before {
content: "\e9bf";
}
.icofont-brand-cnet:before {
content: "\e9c0";
}
.icofont-brand-cnn:before {
content: "\e9c1";
}
.icofont-brand-cocal-cola:before {
content: "\e9c2";
}
.icofont-brand-compaq:before {
content: "\e9c3";
}
.icofont-brand-copy:before {
content: "\e9c4";
}
.icofont-brand-debian:before {
content: "\e9c5";
}
.icofont-brand-delicious:before {
content: "\e9c6";
}
.icofont-brand-dell:before {
content: "\e9c7";
}
.icofont-brand-designbump:before {
content: "\e9c8";
}
.icofont-brand-designfloat:before {
content: "\e9c9";
}
.icofont-brand-disney:before {
content: "\e9ca";
}
.icofont-brand-dodge:before {
content: "\e9cb";
}
.icofont-brand-dove:before {
content: "\e9cc";
}
.icofont-brand-ebay:before {
content: "\e9cd";
}
.icofont-brand-eleven:before {
content: "\e9ce";
}
.icofont-brand-emirates:before {
content: "\e9cf";
}
.icofont-brand-espn:before {
content: "\e9d0";
}
.icofont-brand-etihad-airways:before {
content: "\e9d1";
}
.icofont-brand-etisalat:before {
content: "\e9d2";
}
.icofont-brand-etsy:before {
content: "\e9d3";
}
.icofont-brand-facebook:before {
content: "\e9d4";
}
.icofont-brand-fastrack:before {
content: "\e9d5";
}
.icofont-brand-fedex:before {
content: "\e9d6";
}
.icofont-brand-ferrari:before {
content: "\e9d7";
}
.icofont-brand-fitbit:before {
content: "\e9d8";
}
.icofont-brand-flikr:before {
content: "\e9d9";
}
.icofont-brand-forbes:before {
content: "\e9da";
}
.icofont-brand-foursquare:before {
content: "\e9db";
}
.icofont-brand-fox:before {
content: "\e9dc";
}
.icofont-brand-foxconn:before {
content: "\e9dd";
}
.icofont-brand-fujitsu:before {
content: "\e9de";
}
.icofont-brand-general-electric:before {
content: "\e9df";
}
.icofont-brand-gillette:before {
content: "\e9e0";
}
.icofont-brand-gizmodo:before {
content: "\e9e1";
}
.icofont-brand-gnome:before {
content: "\e9e2";
}
.icofont-brand-google:before {
content: "\e9e3";
}
.icofont-brand-gopro:before {
content: "\e9e4";
}
.icofont-brand-gucci:before {
content: "\e9e5";
}
.icofont-brand-hallmark:before {
content: "\e9e6";
}
.icofont-brand-hi5:before {
content: "\e9e7";
}
.icofont-brand-honda:before {
content: "\e9e8";
}
.icofont-brand-hp:before {
content: "\e9e9";
}
.icofont-brand-hsbc:before {
content: "\e9ea";
}
.icofont-brand-htc:before {
content: "\e9eb";
}
.icofont-brand-huawei:before {
content: "\e9ec";
}
.icofont-brand-hulu:before {
content: "\e9ed";
}
.icofont-brand-hyundai:before {
content: "\e9ee";
}
.icofont-brand-ibm:before {
content: "\e9ef";
}
.icofont-brand-icofont:before {
content: "\e9f0";
}
.icofont-brand-icq:before {
content: "\e9f1";
}
.icofont-brand-ikea:before {
content: "\e9f2";
}
.icofont-brand-imdb:before {
content: "\e9f3";
}
.icofont-brand-indiegogo:before {
content: "\e9f4";
}
.icofont-brand-intel:before {
content: "\e9f5";
}
.icofont-brand-ipair:before {
content: "\e9f6";
}
.icofont-brand-jaguar:before {
content: "\e9f7";
}
.icofont-brand-java:before {
content: "\e9f8";
}
.icofont-brand-joomshaper:before {
content: "\e9f9";
}
.icofont-brand-kickstarter:before {
content: "\e9fa";
}
.icofont-brand-kik:before {
content: "\e9fb";
}
.icofont-brand-lastfm:before {
content: "\e9fc";
}
.icofont-brand-lego:before {
content: "\e9fd";
}
.icofont-brand-lenovo:before {
content: "\e9fe";
}
.icofont-brand-levis:before {
content: "\e9ff";
}
.icofont-brand-lexus:before {
content: "\ea00";
}
.icofont-brand-lg:before {
content: "\ea01";
}
.icofont-brand-life-hacker:before {
content: "\ea02";
}
.icofont-brand-line-messenger:before {
content: "\ea03";
}
.icofont-brand-linkedin:before {
content: "\ea04";
}
.icofont-brand-linux-mint:before {
content: "\ea05";
}
.icofont-brand-linux:before {
content: "\ea06";
}
.icofont-brand-lionix:before {
content: "\ea07";
}
.icofont-brand-live-messenger:before {
content: "\ea08";
}
.icofont-brand-loreal:before {
content: "\ea09";
}
.icofont-brand-louis-vuitton:before {
content: "\ea0a";
}
.icofont-brand-mac-os:before {
content: "\ea0b";
}
.icofont-brand-marvel-app:before {
content: "\ea0c";
}
.icofont-brand-mashable:before {
content: "\ea0d";
}
.icofont-brand-mazda:before {
content: "\ea0e";
}
.icofont-brand-mcdonals:before {
content: "\ea0f";
}
.icofont-brand-mercedes:before {
content: "\ea10";
}
.icofont-brand-micromax:before {
content: "\ea11";
}
.icofont-brand-microsoft:before {
content: "\ea12";
}
.icofont-brand-mobileme:before {
content: "\ea13";
}
.icofont-brand-mobily:before {
content: "\ea14";
}
.icofont-brand-motorola:before {
content: "\ea15";
}
.icofont-brand-msi:before {
content: "\ea16";
}
.icofont-brand-mts:before {
content: "\ea17";
}
.icofont-brand-myspace:before {
content: "\ea18";
}
.icofont-brand-mytv:before {
content: "\ea19";
}
.icofont-brand-nasa:before {
content: "\ea1a";
}
.icofont-brand-natgeo:before {
content: "\ea1b";
}
.icofont-brand-nbc:before {
content: "\ea1c";
}
.icofont-brand-nescafe:before {
content: "\ea1d";
}
.icofont-brand-nestle:before {
content: "\ea1e";
}
.icofont-brand-netflix:before {
content: "\ea1f";
}
.icofont-brand-nexus:before {
content: "\ea20";
}
.icofont-brand-nike:before {
content: "\ea21";
}
.icofont-brand-nokia:before {
content: "\ea22";
}
.icofont-brand-nvidia:before {
content: "\ea23";
}
.icofont-brand-omega:before {
content: "\ea24";
}
.icofont-brand-opensuse:before {
content: "\ea25";
}
.icofont-brand-oracle:before {
content: "\ea26";
}
.icofont-brand-panasonic:before {
content: "\ea27";
}
.icofont-brand-paypal:before {
content: "\ea28";
}
.icofont-brand-pepsi:before {
content: "\ea29";
}
.icofont-brand-philips:before {
content: "\ea2a";
}
.icofont-brand-pizza-hut:before {
content: "\ea2b";
}
.icofont-brand-playstation:before {
content: "\ea2c";
}
.icofont-brand-puma:before {
content: "\ea2d";
}
.icofont-brand-qatar-air:before {
content: "\ea2e";
}
.icofont-brand-qvc:before {
content: "\ea2f";
}
.icofont-brand-readernaut:before {
content: "\ea30";
}
.icofont-brand-redbull:before {
content: "\ea31";
}
.icofont-brand-reebok:before {
content: "\ea32";
}
.icofont-brand-reuters:before {
content: "\ea33";
}
.icofont-brand-samsung:before {
content: "\ea34";
}
.icofont-brand-sap:before {
content: "\ea35";
}
.icofont-brand-saudia-airlines:before {
content: "\ea36";
}
.icofont-brand-scribd:before {
content: "\ea37";
}
.icofont-brand-shell:before {
content: "\ea38";
}
.icofont-brand-siemens:before {
content: "\ea39";
}
.icofont-brand-sk-telecom:before {
content: "\ea3a";
}
.icofont-brand-slideshare:before {
content: "\ea3b";
}
.icofont-brand-smashing-magazine:before {
content: "\ea3c";
}
.icofont-brand-snapchat:before {
content: "\ea3d";
}
.icofont-brand-sony-ericsson:before {
content: "\ea3e";
}
.icofont-brand-sony:before {
content: "\ea3f";
}
.icofont-brand-soundcloud:before {
content: "\ea40";
}
.icofont-brand-sprint:before {
content: "\ea41";
}
.icofont-brand-squidoo:before {
content: "\ea42";
}
.icofont-brand-starbucks:before {
content: "\ea43";
}
.icofont-brand-stc:before {
content: "\ea44";
}
.icofont-brand-steam:before {
content: "\ea45";
}
.icofont-brand-suzuki:before {
content: "\ea46";
}
.icofont-brand-symbian:before {
content: "\ea47";
}
.icofont-brand-t-mobile:before {
content: "\ea48";
}
.icofont-brand-tango:before {
content: "\ea49";
}
.icofont-brand-target:before {
content: "\ea4a";
}
.icofont-brand-tata-indicom:before {
content: "\ea4b";
}
.icofont-brand-techcrunch:before {
content: "\ea4c";
}
.icofont-brand-telenor:before {
content: "\ea4d";
}
.icofont-brand-teliasonera:before {
content: "\ea4e";
}
.icofont-brand-tesla:before {
content: "\ea4f";
}
.icofont-brand-the-verge:before {
content: "\ea50";
}
.icofont-brand-thenextweb:before {
content: "\ea51";
}
.icofont-brand-toshiba:before {
content: "\ea52";
}
.icofont-brand-toyota:before {
content: "\ea53";
}
.icofont-brand-tribenet:before {
content: "\ea54";
}
.icofont-brand-ubuntu:before {
content: "\ea55";
}
.icofont-brand-unilever:before {
content: "\ea56";
}
.icofont-brand-vaio:before {
content: "\ea57";
}
.icofont-brand-verizon:before {
content: "\ea58";
}
.icofont-brand-viber:before {
content: "\ea59";
}
.icofont-brand-vodafone:before {
content: "\ea5a";
}
.icofont-brand-volkswagen:before {
content: "\ea5b";
}
.icofont-brand-walmart:before {
content: "\ea5c";
}
.icofont-brand-warnerbros:before {
content: "\ea5d";
}
.icofont-brand-whatsapp:before {
content: "\ea5e";
}
.icofont-brand-wikipedia:before {
content: "\ea5f";
}
.icofont-brand-windows:before {
content: "\ea60";
}
.icofont-brand-wire:before {
content: "\ea61";
}
.icofont-brand-yahoobuzz:before {
content: "\ea62";
}
.icofont-brand-yamaha:before {
content: "\ea63";
}
.icofont-brand-youtube:before {
content: "\ea64";
}
.icofont-brand-zain:before {
content: "\ea65";
}
.icofont-bank-alt:before {
content: "\ea66";
}
.icofont-barcode:before {
content: "\ea67";
}
.icofont-basket:before {
content: "\ea68";
}
.icofont-bill-alt:before {
content: "\ea69";
}
.icofont-billboard:before {
content: "\ea6a";
}
.icofont-briefcase-alt-1:before {
content: "\ea6b";
}
.icofont-briefcase-alt-2:before {
content: "\ea6c";
}
.icofont-building-alt:before {
content: "\ea6d";
}
.icofont-businessman:before {
content: "\ea6e";
}
.icofont-businesswoman:before {
content: "\ea6f";
}
.icofont-cart-alt:before {
content: "\ea70";
}
.icofont-chair:before {
content: "\ea71";
}
.icofont-clip:before {
content: "\ea72";
}
.icofont-coins:before {
content: "\ea73";
}
.icofont-company:before {
content: "\ea74";
}
.icofont-contact-add:before {
content: "\ea75";
}
.icofont-deal:before {
content: "\ea76";
}
.icofont-files:before {
content: "\ea77";
}
.icofont-growth:before {
content: "\ea78";
}
.icofont-id-card:before {
content: "\ea79";
}
.icofont-idea:before {
content: "\ea7a";
}
.icofont-list:before {
content: "\ea7b";
}
.icofont-meeting-add:before {
content: "\ea7c";
}
.icofont-money-bag:before {
content: "\ea7d";
}
.icofont-people:before {
content: "\ea7e";
}
.icofont-pie-chart:before {
content: "\ea7f";
}
.icofont-presentation-alt:before {
content: "\ea80";
}
.icofont-stamp:before {
content: "\ea81";
}
.icofont-stock-mobile:before {
content: "\ea82";
}
.icofont-support:before {
content: "\ea83";
}
.icofont-tasks-alt:before {
content: "\ea84";
}
.icofont-wheel:before {
content: "\ea85";
}
.icofont-chart-arrows-axis:before {
content: "\ea86";
}
.icofont-chart-bar-graph:before {
content: "\ea87";
}
.icofont-chart-flow-alt-1:before {
content: "\ea88";
}
.icofont-chart-flow-alt-2:before {
content: "\ea89";
}
.icofont-chart-flow:before {
content: "\ea8a";
}
.icofont-chart-histogram-alt:before {
content: "\ea8b";
}
.icofont-chart-histogram:before {
content: "\ea8c";
}
.icofont-chart-line-alt:before {
content: "\ea8d";
}
.icofont-chart-line:before {
content: "\ea8e";
}
.icofont-chart-pie-alt:before {
content: "\ea8f";
}
.icofont-chart-pie:before {
content: "\ea90";
}
.icofont-chart-radar-graph:before {
content: "\ea91";
}
.icofont-cur-afghani-false:before {
content: "\ea92";
}
.icofont-cur-afghani-minus:before {
content: "\ea93";
}
.icofont-cur-afghani-plus:before {
content: "\ea94";
}
.icofont-cur-afghani-true:before {
content: "\ea95";
}
.icofont-cur-afghani:before {
content: "\ea96";
}
.icofont-cur-baht-false:before {
content: "\ea97";
}
.icofont-cur-baht-minus:before {
content: "\ea98";
}
.icofont-cur-baht-plus:before {
content: "\ea99";
}
.icofont-cur-baht-true:before {
content: "\ea9a";
}
.icofont-cur-baht:before {
content: "\ea9b";
}
.icofont-cur-bitcoin-false:before {
content: "\ea9c";
}
.icofont-cur-bitcoin-minus:before {
content: "\ea9d";
}
.icofont-cur-bitcoin-plus:before {
content: "\ea9e";
}
.icofont-cur-bitcoin-true:before {
content: "\ea9f";
}
.icofont-cur-bitcoin:before {
content: "\eaa0";
}
.icofont-cur-dollar-flase:before {
content: "\eaa1";
}
.icofont-cur-dollar-minus:before {
content: "\eaa2";
}
.icofont-cur-dollar-plus:before {
content: "\eaa3";
}
.icofont-cur-dollar-true:before {
content: "\eaa4";
}
.icofont-cur-dollar:before {
content: "\eaa5";
}
.icofont-cur-dong-false:before {
content: "\eaa6";
}
.icofont-cur-dong-minus:before {
content: "\eaa7";
}
.icofont-cur-dong-plus:before {
content: "\eaa8";
}
.icofont-cur-dong-true:before {
content: "\eaa9";
}
.icofont-cur-dong:before {
content: "\eaaa";
}
.icofont-cur-euro-false:before {
content: "\eaab";
}
.icofont-cur-euro-minus:before {
content: "\eaac";
}
.icofont-cur-euro-plus:before {
content: "\eaad";
}
.icofont-cur-euro-true:before {
content: "\eaae";
}
.icofont-cur-euro:before {
content: "\eaaf";
}
.icofont-cur-frank-false:before {
content: "\eab0";
}
.icofont-cur-frank-minus:before {
content: "\eab1";
}
.icofont-cur-frank-plus:before {
content: "\eab2";
}
.icofont-cur-frank-true:before {
content: "\eab3";
}
.icofont-cur-frank:before {
content: "\eab4";
}
.icofont-cur-hryvnia-false:before {
content: "\eab5";
}
.icofont-cur-hryvnia-minus:before {
content: "\eab6";
}
.icofont-cur-hryvnia-plus:before {
content: "\eab7";
}
.icofont-cur-hryvnia-true:before {
content: "\eab8";
}
.icofont-cur-hryvnia:before {
content: "\eab9";
}
.icofont-cur-lira-false:before {
content: "\eaba";
}
.icofont-cur-lira-minus:before {
content: "\eabb";
}
.icofont-cur-lira-plus:before {
content: "\eabc";
}
.icofont-cur-lira-true:before {
content: "\eabd";
}
.icofont-cur-lira:before {
content: "\eabe";
}
.icofont-cur-peseta-false:before {
content: "\eabf";
}
.icofont-cur-peseta-minus:before {
content: "\eac0";
}
.icofont-cur-peseta-plus:before {
content: "\eac1";
}
.icofont-cur-peseta-true:before {
content: "\eac2";
}
.icofont-cur-peseta:before {
content: "\eac3";
}
.icofont-cur-peso-false:before {
content: "\eac4";
}
.icofont-cur-peso-minus:before {
content: "\eac5";
}
.icofont-cur-peso-plus:before {
content: "\eac6";
}
.icofont-cur-peso-true:before {
content: "\eac7";
}
.icofont-cur-peso:before {
content: "\eac8";
}
.icofont-cur-pound-false:before {
content: "\eac9";
}
.icofont-cur-pound-minus:before {
content: "\eaca";
}
.icofont-cur-pound-plus:before {
content: "\eacb";
}
.icofont-cur-pound-true:before {
content: "\eacc";
}
.icofont-cur-pound:before {
content: "\eacd";
}
.icofont-cur-renminbi-false:before {
content: "\eace";
}
.icofont-cur-renminbi-minus:before {
content: "\eacf";
}
.icofont-cur-renminbi-plus:before {
content: "\ead0";
}
.icofont-cur-renminbi-true:before {
content: "\ead1";
}
.icofont-cur-renminbi:before {
content: "\ead2";
}
.icofont-cur-riyal-false:before {
content: "\ead3";
}
.icofont-cur-riyal-minus:before {
content: "\ead4";
}
.icofont-cur-riyal-plus:before {
content: "\ead5";
}
.icofont-cur-riyal-true:before {
content: "\ead6";
}
.icofont-cur-riyal:before {
content: "\ead7";
}
.icofont-cur-rouble-false:before {
content: "\ead8";
}
.icofont-cur-rouble-minus:before {
content: "\ead9";
}
.icofont-cur-rouble-plus:before {
content: "\eada";
}
.icofont-cur-rouble-true:before {
content: "\eadb";
}
.icofont-cur-rouble:before {
content: "\eadc";
}
.icofont-cur-rupee-false:before {
content: "\eadd";
}
.icofont-cur-rupee-minus:before {
content: "\eade";
}
.icofont-cur-rupee-plus:before {
content: "\eadf";
}
.icofont-cur-rupee-true:before {
content: "\eae0";
}
.icofont-cur-rupee:before {
content: "\eae1";
}
.icofont-cur-taka-false:before {
content: "\eae2";
}
.icofont-cur-taka-minus:before {
content: "\eae3";
}
.icofont-cur-taka-plus:before {
content: "\eae4";
}
.icofont-cur-taka-true:before {
content: "\eae5";
}
.icofont-cur-taka:before {
content: "\eae6";
}
.icofont-cur-turkish-lira-false:before {
content: "\eae7";
}
.icofont-cur-turkish-lira-minus:before {
content: "\eae8";
}
.icofont-cur-turkish-lira-plus:before {
content: "\eae9";
}
.icofont-cur-turkish-lira-true:before {
content: "\eaea";
}
.icofont-cur-turkish-lira:before {
content: "\eaeb";
}
.icofont-cur-won-false:before {
content: "\eaec";
}
.icofont-cur-won-minus:before {
content: "\eaed";
}
.icofont-cur-won-plus:before {
content: "\eaee";
}
.icofont-cur-won-true:before {
content: "\eaef";
}
.icofont-cur-won:before {
content: "\eaf0";
}
.icofont-cur-yen-false:before {
content: "\eaf1";
}
.icofont-cur-yen-minus:before {
content: "\eaf2";
}
.icofont-cur-yen-plus:before {
content: "\eaf3";
}
.icofont-cur-yen-true:before {
content: "\eaf4";
}
.icofont-cur-yen:before {
content: "\eaf5";
}
.icofont-android-nexus:before {
content: "\eaf6";
}
.icofont-android-tablet:before {
content: "\eaf7";
}
.icofont-apple-watch:before {
content: "\eaf8";
}
.icofont-drwaing-tablet:before {
content: "\eaf9";
}
.icofont-earphone:before {
content: "\eafa";
}
.icofont-flash-drive:before {
content: "\eafb";
}
.icofont-game-control:before {
content: "\eafc";
}
.icofont-headphone-alt:before {
content: "\eafd";
}
.icofont-htc-one:before {
content: "\eafe";
}
.icofont-imac:before {
content: "\eaff";
}
.icofont-ipad-touch:before {
content: "\eb00";
}
.icofont-iphone:before {
content: "\eb01";
}
.icofont-ipod-nano:before {
content: "\eb02";
}
.icofont-ipod-touch:before {
content: "\eb03";
}
.icofont-keyboard-alt:before {
content: "\eb04";
}
.icofont-keyboard-wireless:before {
content: "\eb05";
}
.icofont-laptop-alt:before {
content: "\eb06";
}
.icofont-macbook:before {
content: "\eb07";
}
.icofont-magic-mouse:before {
content: "\eb08";
}
.icofont-microphone-alt:before {
content: "\eb09";
}
.icofont-monitor:before {
content: "\eb0a";
}
.icofont-mouse:before {
content: "\eb0b";
}
.icofont-nintendo:before {
content: "\eb0c";
}
.icofont-playstation:before {
content: "\eb0d";
}
.icofont-psvita:before {
content: "\eb0e";
}
.icofont-radio-mic:before {
content: "\eb0f";
}
.icofont-refrigerator:before {
content: "\eb10";
}
.icofont-samsung-galaxy:before {
content: "\eb11";
}
.icofont-surface-tablet:before {
content: "\eb12";
}
.icofont-washing-machine:before {
content: "\eb13";
}
.icofont-wifi-router:before {
content: "\eb14";
}
.icofont-wii-u:before {
content: "\eb15";
}
.icofont-windows-lumia:before {
content: "\eb16";
}
.icofont-wireless-mouse:before {
content: "\eb17";
}
.icofont-xbox-360:before {
content: "\eb18";
}
.icofont-arrow-down:before {
content: "\eb19";
}
.icofont-arrow-left:before {
content: "\eb1a";
}
.icofont-arrow-right:before {
content: "\eb1b";
}
.icofont-arrow-up:before {
content: "\eb1c";
}
.icofont-block-down:before {
content: "\eb1d";
}
.icofont-block-left:before {
content: "\eb1e";
}
.icofont-block-right:before {
content: "\eb1f";
}
.icofont-block-up:before {
content: "\eb20";
}
.icofont-bubble-down:before {
content: "\eb21";
}
.icofont-bubble-left:before {
content: "\eb22";
}
.icofont-bubble-right:before {
content: "\eb23";
}
.icofont-bubble-up:before {
content: "\eb24";
}
.icofont-caret-down:before {
content: "\eb25";
}
.icofont-caret-left:before {
content: "\eb26";
}
.icofont-caret-right:before {
content: "\eb27";
}
.icofont-caret-up:before {
content: "\eb28";
}
.icofont-circled-down:before {
content: "\eb29";
}
.icofont-circled-left:before {
content: "\eb2a";
}
.icofont-circled-right:before {
content: "\eb2b";
}
.icofont-circled-up:before {
content: "\eb2c";
}
.icofont-collapse:before {
content: "\eb2d";
}
.icofont-cursor-drag:before {
content: "\eb2e";
}
.icofont-curved-double-left:before {
content: "\eb2f";
}
.icofont-curved-double-right:before {
content: "\eb30";
}
.icofont-curved-down:before {
content: "\eb31";
}
.icofont-curved-left:before {
content: "\eb32";
}
.icofont-curved-right:before {
content: "\eb33";
}
.icofont-curved-up:before {
content: "\eb34";
}
.icofont-dotted-down:before {
content: "\eb35";
}
.icofont-dotted-left:before {
content: "\eb36";
}
.icofont-dotted-right:before {
content: "\eb37";
}
.icofont-dotted-up:before {
content: "\eb38";
}
.icofont-double-left:before {
content: "\eb39";
}
.icofont-double-right:before {
content: "\eb3a";
}
.icofont-drag:before {
content: "\eb3b";
}
.icofont-drag1:before {
content: "\eb3c";
}
.icofont-drag2:before {
content: "\eb3d";
}
.icofont-drag3:before {
content: "\eb3e";
}
.icofont-expand-alt:before {
content: "\eb3f";
}
.icofont-hand-down:before {
content: "\eb40";
}
.icofont-hand-drag:before {
content: "\eb41";
}
.icofont-hand-drag1:before {
content: "\eb42";
}
.icofont-hand-drag2:before {
content: "\eb43";
}
.icofont-hand-drawn-alt-down:before {
content: "\eb44";
}
.icofont-hand-drawn-alt-left:before {
content: "\eb45";
}
.icofont-hand-drawn-alt-right:before {
content: "\eb46";
}
.icofont-hand-drawn-alt-up:before {
content: "\eb47";
}
.icofont-hand-drawn-down:before {
content: "\eb48";
}
.icofont-hand-drawn-left:before {
content: "\eb49";
}
.icofont-hand-drawn-right:before {
content: "\eb4a";
}
.icofont-hand-drawn-up:before {
content: "\eb4b";
}
.icofont-hand-left:before {
content: "\eb4c";
}
.icofont-hand-right:before {
content: "\eb4d";
}
.icofont-hand-up:before {
content: "\eb4e";
}
.icofont-line-block-down:before {
content: "\eb4f";
}
.icofont-line-block-left:before {
content: "\eb50";
}
.icofont-line-block-right:before {
content: "\eb51";
}
.icofont-line-block-up:before {
content: "\eb52";
}
.icofont-long-arrow-down:before {
content: "\eb53";
}
.icofont-long-arrow-left:before {
content: "\eb54";
}
.icofont-long-arrow-right:before {
content: "\eb55";
}
.icofont-long-arrow-up:before {
content: "\eb56";
}
.icofont-rounded-collapse:before {
content: "\eb57";
}
.icofont-rounded-double-left:before {
content: "\eb58";
}
.icofont-rounded-double-right:before {
content: "\eb59";
}
.icofont-rounded-down:before {
content: "\eb5a";
}
.icofont-rounded-expand:before {
content: "\eb5b";
}
.icofont-rounded-left-down:before {
content: "\eb5c";
}
.icofont-rounded-left-up:before {
content: "\eb5d";
}
.icofont-rounded-left:before {
content: "\eb5e";
}
.icofont-rounded-right-down:before {
content: "\eb5f";
}
.icofont-rounded-right-up:before {
content: "\eb60";
}
.icofont-rounded-right:before {
content: "\eb61";
}
.icofont-rounded-up:before {
content: "\eb62";
}
.icofont-scroll-bubble-down:before {
content: "\eb63";
}
.icofont-scroll-bubble-left:before {
content: "\eb64";
}
.icofont-scroll-bubble-right:before {
content: "\eb65";
}
.icofont-scroll-bubble-up:before {
content: "\eb66";
}
.icofont-scroll-double-down:before {
content: "\eb67";
}
.icofont-scroll-double-left:before {
content: "\eb68";
}
.icofont-scroll-double-right:before {
content: "\eb69";
}
.icofont-scroll-double-up:before {
content: "\eb6a";
}
.icofont-scroll-down:before {
content: "\eb6b";
}
.icofont-scroll-left:before {
content: "\eb6c";
}
.icofont-scroll-long-down:before {
content: "\eb6d";
}
.icofont-scroll-long-left:before {
content: "\eb6e";
}
.icofont-scroll-long-right:before {
content: "\eb6f";
}
.icofont-scroll-long-up:before {
content: "\eb70";
}
.icofont-scroll-right:before {
content: "\eb71";
}
.icofont-scroll-up:before {
content: "\eb72";
}
.icofont-simple-down:before {
content: "\eb73";
}
.icofont-simple-left-down:before {
content: "\eb74";
}
.icofont-simple-left-up:before {
content: "\eb75";
}
.icofont-simple-left:before {
content: "\eb76";
}
.icofont-simple-right-down:before {
content: "\eb77";
}
.icofont-simple-right-up:before {
content: "\eb78";
}
.icofont-simple-right:before {
content: "\eb79";
}
.icofont-simple-up:before {
content: "\eb7a";
}
.icofont-square-down:before {
content: "\eb7b";
}
.icofont-square-left:before {
content: "\eb7c";
}
.icofont-square-right:before {
content: "\eb7d";
}
.icofont-square-up:before {
content: "\eb7e";
}
.icofont-stylish-down:before {
content: "\eb7f";
}
.icofont-stylish-left:before {
content: "\eb80";
}
.icofont-stylish-right:before {
content: "\eb81";
}
.icofont-stylish-up:before {
content: "\eb82";
}
.icofont-swoosh-down:before {
content: "\eb83";
}
.icofont-swoosh-left:before {
content: "\eb84";
}
.icofont-swoosh-right:before {
content: "\eb85";
}
.icofont-swoosh-up:before {
content: "\eb86";
}
.icofont-thin-double-left:before {
content: "\eb87";
}
.icofont-thin-double-right:before {
content: "\eb88";
}
.icofont-thin-down:before {
content: "\eb89";
}
.icofont-thin-left:before {
content: "\eb8a";
}
.icofont-thin-right:before {
content: "\eb8b";
}
.icofont-thin-up:before {
content: "\eb8c";
}
.icofont-atom:before {
content: "\eb8d";
}
.icofont-award:before {
content: "\eb8e";
}
.icofont-bell-alt:before {
content: "\eb8f";
}
.icofont-book-alt:before {
content: "\eb90";
}
.icofont-brainstorming:before {
content: "\eb91";
}
.icofont-certificate-alt-1:before {
content: "\eb92";
}
.icofont-certificate-alt-2:before {
content: "\eb93";
}
.icofont-dna-alt-2:before {
content: "\eb94";
}
.icofont-education:before {
content: "\eb95";
}
.icofont-electron:before {
content: "\eb96";
}
.icofont-fountain-pen:before {
content: "\eb97";
}
.icofont-globe-alt:before {
content: "\eb98";
}
.icofont-graduate-alt:before {
content: "\eb99";
}
.icofont-group-students:before {
content: "\eb9a";
}
.icofont-hat-alt:before {
content: "\eb9b";
}
.icofont-hat:before {
content: "\eb9c";
}
.icofont-instrument:before {
content: "\eb9d";
}
.icofont-lamp-light:before {
content: "\eb9e";
}
.icofont-microscope-alt:before {
content: "\eb9f";
}
.icofont-paper:before {
content: "\eba0";
}
.icofont-pen-alt-4:before {
content: "\eba1";
}
.icofont-pen-nib:before {
content: "\eba2";
}
.icofont-pencil-alt-5:before {
content: "\eba3";
}
.icofont-quill-pen:before {
content: "\eba4";
}
.icofont-read-book-alt:before {
content: "\eba5";
}
.icofont-read-book:before {
content: "\eba6";
}
.icofont-school-bag:before {
content: "\eba7";
}
.icofont-school-bus:before {
content: "\eba8";
}
.icofont-student-alt:before {
content: "\eba9";
}
.icofont-student:before {
content: "\ebaa";
}
.icofont-teacher:before {
content: "\ebab";
}
.icofont-test-bulb:before {
content: "\ebac";
}
.icofont-test-tube-alt:before {
content: "\ebad";
}
.icofont-university:before {
content: "\ebae";
}
.icofont-emo-angry:before {
content: "\ebaf";
}
.icofont-emo-astonished:before {
content: "\ebb0";
}
.icofont-emo-confounded:before {
content: "\ebb1";
}
.icofont-emo-confused:before {
content: "\ebb2";
}
.icofont-emo-crying:before {
content: "\ebb3";
}
.icofont-emo-dizzy:before {
content: "\ebb4";
}
.icofont-emo-expressionless:before {
content: "\ebb5";
}
.icofont-emo-heart-eyes:before {
content: "\ebb6";
}
.icofont-emo-laughing:before {
content: "\ebb7";
}
.icofont-emo-nerd-smile:before {
content: "\ebb8";
}
.icofont-emo-open-mouth:before {
content: "\ebb9";
}
.icofont-emo-rage:before {
content: "\ebba";
}
.icofont-emo-rolling-eyes:before {
content: "\ebbb";
}
.icofont-emo-sad:before {
content: "\ebbc";
}
.icofont-emo-simple-smile:before {
content: "\ebbd";
}
.icofont-emo-slightly-smile:before {
content: "\ebbe";
}
.icofont-emo-smirk:before {
content: "\ebbf";
}
.icofont-emo-stuck-out-tongue:before {
content: "\ebc0";
}
.icofont-emo-wink-smile:before {
content: "\ebc1";
}
.icofont-emo-worried:before {
content: "\ebc2";
}
.icofont-architecture-alt:before {
content: "\ebc3";
}
.icofont-architecture:before {
content: "\ebc4";
}
.icofont-barricade:before {
content: "\ebc5";
}
.icofont-bricks:before {
content: "\ebc6";
}
.icofont-calculations:before {
content: "\ebc7";
}
.icofont-cement-mix:before {
content: "\ebc8";
}
.icofont-cement-mixer:before {
content: "\ebc9";
}
.icofont-danger-zone:before {
content: "\ebca";
}
.icofont-drill:before {
content: "\ebcb";
}
.icofont-eco-energy:before {
content: "\ebcc";
}
.icofont-eco-environmen:before {
content: "\ebcd";
}
.icofont-energy-air:before {
content: "\ebce";
}
.icofont-energy-oil:before {
content: "\ebcf";
}
.icofont-energy-savings:before {
content: "\ebd0";
}
.icofont-energy-solar:before {
content: "\ebd1";
}
.icofont-energy-water:before {
content: "\ebd2";
}
.icofont-engineer:before {
content: "\ebd3";
}
.icofont-fire-extinguisher-alt:before {
content: "\ebd4";
}
.icofont-fix-tools:before {
content: "\ebd5";
}
.icofont-glue-oil:before {
content: "\ebd6";
}
.icofont-hammer-alt:before {
content: "\ebd7";
}
.icofont-help-robot:before {
content: "\ebd8";
}
.icofont-industries-alt-1:before {
content: "\ebd9";
}
.icofont-industries-alt-2:before {
content: "\ebda";
}
.icofont-industries-alt-3:before {
content: "\ebdb";
}
.icofont-industries-alt-4:before {
content: "\ebdc";
}
.icofont-industries-alt-5:before {
content: "\ebdd";
}
.icofont-industries:before {
content: "\ebde";
}
.icofont-labour:before {
content: "\ebdf";
}
.icofont-mining:before {
content: "\ebe0";
}
.icofont-paint-brush:before {
content: "\ebe1";
}
.icofont-pollution:before {
content: "\ebe2";
}
.icofont-power-zone:before {
content: "\ebe3";
}
.icofont-radio-active:before {
content: "\ebe4";
}
.icofont-recycle-alt:before {
content: "\ebe5";
}
.icofont-recycling-man:before {
content: "\ebe6";
}
.icofont-safety-hat-light:before {
content: "\ebe7";
}
.icofont-safety-hat:before {
content: "\ebe8";
}
.icofont-saw:before {
content: "\ebe9";
}
.icofont-screw-driver:before {
content: "\ebea";
}
.icofont-settings-alt:before {
content: "\ebeb";
}
.icofont-tools-alt-1:before {
content: "\ebec";
}
.icofont-tools-alt-2:before {
content: "\ebed";
}
.icofont-tools-bag:before {
content: "\ebee";
}
.icofont-trolley:before {
content: "\ebef";
}
.icofont-trowel:before {
content: "\ebf0";
}
.icofont-under-construction-alt:before {
content: "\ebf1";
}
.icofont-under-construction:before {
content: "\ebf2";
}
.icofont-vehicle-cement:before {
content: "\ebf3";
}
.icofont-vehicle-crane:before {
content: "\ebf4";
}
.icofont-vehicle-delivery-van:before {
content: "\ebf5";
}
.icofont-vehicle-dozer:before {
content: "\ebf6";
}
.icofont-vehicle-excavator:before {
content: "\ebf7";
}
.icofont-vehicle-trucktor:before {
content: "\ebf8";
}
.icofont-vehicle-wrecking:before {
content: "\ebf9";
}
.icofont-worker-group:before {
content: "\ebfa";
}
.icofont-worker:before {
content: "\ebfb";
}
.icofont-wrench:before {
content: "\ebfc";
}
.icofont-file-audio:before {
content: "\ebfd";
}
.icofont-file-avi-mp4:before {
content: "\ebfe";
}
.icofont-file-bmp:before {
content: "\ebff";
}
.icofont-file-code:before {
content: "\ec00";
}
.icofont-file-css:before {
content: "\ec01";
}
.icofont-file-document:before {
content: "\ec02";
}
.icofont-file-eps:before {
content: "\ec03";
}
.icofont-file-excel:before {
content: "\ec04";
}
.icofont-file-exe:before {
content: "\ec05";
}
.icofont-file-file:before {
content: "\ec06";
}
.icofont-file-flv:before {
content: "\ec07";
}
.icofont-file-gif:before {
content: "\ec08";
}
.icofont-file-html5:before {
content: "\ec09";
}
.icofont-file-image:before {
content: "\ec0a";
}
.icofont-file-iso:before {
content: "\ec0b";
}
.icofont-file-java:before {
content: "\ec0c";
}
.icofont-file-javascript:before {
content: "\ec0d";
}
.icofont-file-jpg:before {
content: "\ec0e";
}
.icofont-file-midi:before {
content: "\ec0f";
}
.icofont-file-mov:before {
content: "\ec10";
}
.icofont-file-mp3:before {
content: "\ec11";
}
.icofont-file-pdf:before {
content: "\ec12";
}
.icofont-file-php:before {
content: "\ec13";
}
.icofont-file-png:before {
content: "\ec14";
}
.icofont-file-powerpoint:before {
content: "\ec15";
}
.icofont-file-presentation:before {
content: "\ec16";
}
.icofont-file-psb:before {
content: "\ec17";
}
.icofont-file-psd:before {
content: "\ec18";
}
.icofont-file-python:before {
content: "\ec19";
}
.icofont-file-ruby:before {
content: "\ec1a";
}
.icofont-file-spreadsheet:before {
content: "\ec1b";
}
.icofont-file-sql:before {
content: "\ec1c";
}
.icofont-file-svg:before {
content: "\ec1d";
}
.icofont-file-text:before {
content: "\ec1e";
}
.icofont-file-tiff:before {
content: "\ec1f";
}
.icofont-file-video:before {
content: "\ec20";
}
.icofont-file-wave:before {
content: "\ec21";
}
.icofont-file-wmv:before {
content: "\ec22";
}
.icofont-file-word:before {
content: "\ec23";
}
.icofont-file-zip:before {
content: "\ec24";
}
.icofont-apple:before {
content: "\ec25";
}
.icofont-arabian-coffee:before {
content: "\ec26";
}
.icofont-artichoke:before {
content: "\ec27";
}
.icofont-asparagus:before {
content: "\ec28";
}
.icofont-avocado:before {
content: "\ec29";
}
.icofont-baby-food:before {
content: "\ec2a";
}
.icofont-banana:before {
content: "\ec2b";
}
.icofont-bbq:before {
content: "\ec2c";
}
.icofont-beans:before {
content: "\ec2d";
}
.icofont-beer:before {
content: "\ec2e";
}
.icofont-bell-pepper-capsicum:before {
content: "\ec2f";
}
.icofont-birthday-cake:before {
content: "\ec30";
}
.icofont-bread:before {
content: "\ec31";
}
.icofont-broccoli:before {
content: "\ec32";
}
.icofont-burger:before {
content: "\ec33";
}
.icofont-cabbage:before {
content: "\ec34";
}
.icofont-carrot:before {
content: "\ec35";
}
.icofont-cauli-flower:before {
content: "\ec36";
}
.icofont-cheese:before {
content: "\ec37";
}
.icofont-chef:before {
content: "\ec38";
}
.icofont-cherry:before {
content: "\ec39";
}
.icofont-chicken-fry:before {
content: "\ec3a";
}
.icofont-chicken:before {
content: "\ec3b";
}
.icofont-cocktail:before {
content: "\ec3c";
}
.icofont-coconut:before {
content: "\ec3d";
}
.icofont-coffee-alt:before {
content: "\ec3e";
}
.icofont-coffee-mug:before {
content: "\ec3f";
}
.icofont-coffee-pot:before {
content: "\ec40";
}
.icofont-cola:before {
content: "\ec41";
}
.icofont-corn:before {
content: "\ec42";
}
.icofont-croissant:before {
content: "\ec43";
}
.icofont-crop-plant:before {
content: "\ec44";
}
.icofont-cucumber:before {
content: "\ec45";
}
.icofont-cup-cake:before {
content: "\ec46";
}
.icofont-dining-table:before {
content: "\ec47";
}
.icofont-donut:before {
content: "\ec48";
}
.icofont-egg-plant:before {
content: "\ec49";
}
.icofont-egg-poached:before {
content: "\ec4a";
}
.icofont-farmer:before {
content: "\ec4b";
}
.icofont-farmer1:before {
content: "\ec4c";
}
.icofont-fast-food:before {
content: "\ec4d";
}
.icofont-fish:before {
content: "\ec4e";
}
.icofont-food-basket:before {
content: "\ec4f";
}
.icofont-food-cart:before {
content: "\ec50";
}
.icofont-fork-and-knife:before {
content: "\ec51";
}
.icofont-french-fries:before {
content: "\ec52";
}
.icofont-fresh-juice:before {
content: "\ec53";
}
.icofont-fruits:before {
content: "\ec54";
}
.icofont-grapes:before {
content: "\ec55";
}
.icofont-honey:before {
content: "\ec56";
}
.icofont-hot-dog:before {
content: "\ec57";
}
.icofont-hotel-alt:before {
content: "\ec58";
}
.icofont-ice-cream-alt:before {
content: "\ec59";
}
.icofont-ice-cream:before {
content: "\ec5a";
}
.icofont-ketchup:before {
content: "\ec5b";
}
.icofont-kiwi:before {
content: "\ec5c";
}
.icofont-layered-cake:before {
content: "\ec5d";
}
.icofont-lemon-alt:before {
content: "\ec5e";
}
.icofont-lobster:before {
content: "\ec5f";
}
.icofont-mango:before {
content: "\ec60";
}
.icofont-milk:before {
content: "\ec61";
}
.icofont-mushroom:before {
content: "\ec62";
}
.icofont-noodles:before {
content: "\ec63";
}
.icofont-onion:before {
content: "\ec64";
}
.icofont-orange:before {
content: "\ec65";
}
.icofont-pear:before {
content: "\ec66";
}
.icofont-peas:before {
content: "\ec67";
}
.icofont-pepper:before {
content: "\ec68";
}
.icofont-pie-alt:before {
content: "\ec69";
}
.icofont-pineapple:before {
content: "\ec6a";
}
.icofont-pizza-slice:before {
content: "\ec6b";
}
.icofont-pizza:before {
content: "\ec6c";
}
.icofont-plant:before {
content: "\ec6d";
}
.icofont-popcorn:before {
content: "\ec6e";
}
.icofont-potato:before {
content: "\ec6f";
}
.icofont-pumpkin:before {
content: "\ec70";
}
.icofont-raddish:before {
content: "\ec71";
}
.icofont-restaurant-menu:before {
content: "\ec72";
}
.icofont-restaurant:before {
content: "\ec73";
}
.icofont-salt-and-pepper:before {
content: "\ec74";
}
.icofont-sandwich:before {
content: "\ec75";
}
.icofont-sausage:before {
content: "\ec76";
}
.icofont-shrimp:before {
content: "\ec77";
}
.icofont-sof-drinks:before {
content: "\ec78";
}
.icofont-soup-bowl:before {
content: "\ec79";
}
.icofont-spoon-and-fork:before {
content: "\ec7a";
}
.icofont-steak:before {
content: "\ec7b";
}
.icofont-strawberry:before {
content: "\ec7c";
}
.icofont-sub-sandwich:before {
content: "\ec7d";
}
.icofont-sushi:before {
content: "\ec7e";
}
.icofont-taco:before {
content: "\ec7f";
}
.icofont-tea-pot:before {
content: "\ec80";
}
.icofont-tea:before {
content: "\ec81";
}
.icofont-tomato:before {
content: "\ec82";
}
.icofont-waiter-alt:before {
content: "\ec83";
}
.icofont-watermelon:before {
content: "\ec84";
}
.icofont-wheat:before {
content: "\ec85";
}
.icofont-abc:before {
content: "\ec86";
}
.icofont-baby-cloth:before {
content: "\ec87";
}
.icofont-baby-milk-bottle:before {
content: "\ec88";
}
.icofont-baby-trolley:before {
content: "\ec89";
}
.icofont-back-pack:before {
content: "\ec8a";
}
.icofont-candy:before {
content: "\ec8b";
}
.icofont-cycling:before {
content: "\ec8c";
}
.icofont-holding-hands:before {
content: "\ec8d";
}
.icofont-infant-nipple:before {
content: "\ec8e";
}
.icofont-kids-scooter:before {
content: "\ec8f";
}
.icofont-safety-pin:before {
content: "\ec90";
}
.icofont-teddy-bear:before {
content: "\ec91";
}
.icofont-toy-ball:before {
content: "\ec92";
}
.icofont-toy-cat:before {
content: "\ec93";
}
.icofont-toy-duck:before {
content: "\ec94";
}
.icofont-toy-elephant:before {
content: "\ec95";
}
.icofont-toy-hand:before {
content: "\ec96";
}
.icofont-toy-horse:before {
content: "\ec97";
}
.icofont-toy-lattu:before {
content: "\ec98";
}
.icofont-toy-train:before {
content: "\ec99";
}
.icofont-unique-idea:before {
content: "\ec9a";
}
.icofont-bag-alt:before {
content: "\ec9b";
}
.icofont-burglar:before {
content: "\ec9c";
}
.icofont-cannon-firing:before {
content: "\ec9d";
}
.icofont-cc-camera:before {
content: "\ec9e";
}
.icofont-cop-badge:before {
content: "\ec9f";
}
.icofont-cop:before {
content: "\eca0";
}
.icofont-court-hammer:before {
content: "\eca1";
}
.icofont-court:before {
content: "\eca2";
}
.icofont-finger-print:before {
content: "\eca3";
}
.icofont-handcuff-alt:before {
content: "\eca4";
}
.icofont-handcuff:before {
content: "\eca5";
}
.icofont-investigation:before {
content: "\eca6";
}
.icofont-investigator:before {
content: "\eca7";
}
.icofont-jail:before {
content: "\eca8";
}
.icofont-judge:before {
content: "\eca9";
}
.icofont-law-alt-1:before {
content: "\ecaa";
}
.icofont-law-alt-2:before {
content: "\ecab";
}
.icofont-law-alt-3:before {
content: "\ecac";
}
.icofont-law-book:before {
content: "\ecad";
}
.icofont-law-document:before {
content: "\ecae";
}
.icofont-law:before {
content: "\ecaf";
}
.icofont-lawyer-alt-1:before {
content: "\ecb0";
}
.icofont-lawyer-alt-2:before {
content: "\ecb1";
}
.icofont-lawyer:before {
content: "\ecb2";
}
.icofont-order:before {
content: "\ecb3";
}
.icofont-pistol:before {
content: "\ecb4";
}
.icofont-police-badge:before {
content: "\ecb5";
}
.icofont-police-cap:before {
content: "\ecb6";
}
.icofont-police-car-alt-1:before {
content: "\ecb7";
}
.icofont-police-car-alt-2:before {
content: "\ecb8";
}
.icofont-police-hat:before {
content: "\ecb9";
}
.icofont-police-van:before {
content: "\ecba";
}
.icofont-police:before {
content: "\ecbb";
}
.icofont-protect:before {
content: "\ecbc";
}
.icofont-scales:before {
content: "\ecbd";
}
.icofont-thief-alt:before {
content: "\ecbe";
}
.icofont-thief:before {
content: "\ecbf";
}
.icofont-abacus-alt:before {
content: "\ecc0";
}
.icofont-abacus:before {
content: "\ecc1";
}
.icofont-angle:before {
content: "\ecc2";
}
.icofont-calculator-alt-1:before {
content: "\ecc3";
}
.icofont-calculator-alt-2:before {
content: "\ecc4";
}
.icofont-circle-ruler-alt:before {
content: "\ecc5";
}
.icofont-circle-ruler:before {
content: "\ecc6";
}
.icofont-compass-alt-1:before {
content: "\ecc7";
}
.icofont-compass-alt-2:before {
content: "\ecc8";
}
.icofont-compass-alt-3:before {
content: "\ecc9";
}
.icofont-compass-alt-4:before {
content: "\ecca";
}
.icofont-degrees-alt-1:before {
content: "\eccb";
}
.icofont-degrees-alt-2:before {
content: "\eccc";
}
.icofont-degrees:before {
content: "\eccd";
}
.icofont-golden-ratio:before {
content: "\ecce";
}
.icofont-marker-alt-1:before {
content: "\eccf";
}
.icofont-marker-alt-2:before {
content: "\ecd0";
}
.icofont-marker-alt-3:before {
content: "\ecd1";
}
.icofont-mathematical-alt-1:before {
content: "\ecd2";
}
.icofont-mathematical-alt-2:before {
content: "\ecd3";
}
.icofont-mathematical:before {
content: "\ecd4";
}
.icofont-pen-alt-1:before {
content: "\ecd5";
}
.icofont-pen-alt-2:before {
content: "\ecd6";
}
.icofont-pen-alt-3:before {
content: "\ecd7";
}
.icofont-pen-holder-alt-1:before {
content: "\ecd8";
}
.icofont-pen-holder:before {
content: "\ecd9";
}
.icofont-pencil-alt-1:before {
content: "\ecda";
}
.icofont-pencil-alt-2:before {
content: "\ecdb";
}
.icofont-pencil-alt-3:before {
content: "\ecdc";
}
.icofont-pencil-alt-4:before {
content: "\ecdd";
}
.icofont-ruler-alt-1:before {
content: "\ecde";
}
.icofont-ruler-alt-2:before {
content: "\ecdf";
}
.icofont-ruler-compass-alt:before {
content: "\ece0";
}
.icofont-ruler-compass:before {
content: "\ece1";
}
.icofont-ruler-pencil-alt-1:before {
content: "\ece2";
}
.icofont-ruler-pencil-alt-2:before {
content: "\ece3";
}
.icofont-ruler-pencil:before {
content: "\ece4";
}
.icofont-ruler:before {
content: "\ece5";
}
.icofont-rulers-alt:before {
content: "\ece6";
}
.icofont-rulers:before {
content: "\ece7";
}
.icofont-square-root:before {
content: "\ece8";
}
.icofont-aids:before {
content: "\ece9";
}
.icofont-ambulance:before {
content: "\ecea";
}
.icofont-autism:before {
content: "\eceb";
}
.icofont-bandage:before {
content: "\ecec";
}
.icofont-bed-patient:before {
content: "\eced";
}
.icofont-blind:before {
content: "\ecee";
}
.icofont-blood-drop:before {
content: "\ecef";
}
.icofont-blood-test:before {
content: "\ecf0";
}
.icofont-blood:before {
content: "\ecf1";
}
.icofont-capsule:before {
content: "\ecf2";
}
.icofont-crutches:before {
content: "\ecf3";
}
.icofont-dna-alt-1:before {
content: "\ecf4";
}
.icofont-dna:before {
content: "\ecf5";
}
.icofont-doctor-alt:before {
content: "\ecf6";
}
.icofont-doctor:before {
content: "\ecf7";
}
.icofont-drug-pack:before {
content: "\ecf8";
}
.icofont-drug:before {
content: "\ecf9";
}
.icofont-eye-alt:before {
content: "\ecfa";
}
.icofont-first-aid-alt:before {
content: "\ecfb";
}
.icofont-garbage:before {
content: "\ecfc";
}
.icofont-heart-alt:before {
content: "\ecfd";
}
.icofont-heartbeat:before {
content: "\ecfe";
}
.icofont-herbal:before {
content: "\ecff";
}
.icofont-hospital:before {
content: "\ed00";
}
.icofont-icu:before {
content: "\ed01";
}
.icofont-injection-syringe:before {
content: "\ed02";
}
.icofont-laboratory:before {
content: "\ed03";
}
.icofont-medical-sign-alt:before {
content: "\ed04";
}
.icofont-medical-sign:before {
content: "\ed05";
}
.icofont-nurse-alt:before {
content: "\ed06";
}
.icofont-nurse:before {
content: "\ed07";
}
.icofont-nursing-home:before {
content: "\ed08";
}
.icofont-operation-theater:before {
content: "\ed09";
}
.icofont-paralysis-disability:before {
content: "\ed0a";
}
.icofont-pills:before {
content: "\ed0b";
}
.icofont-prescription:before {
content: "\ed0c";
}
.icofont-pulse:before {
content: "\ed0d";
}
.icofont-stethoscope-alt:before {
content: "\ed0e";
}
.icofont-stethoscope:before {
content: "\ed0f";
}
.icofont-stretcher:before {
content: "\ed10";
}
.icofont-surgeon-alt:before {
content: "\ed11";
}
.icofont-surgeon:before {
content: "\ed12";
}
.icofont-tablets:before {
content: "\ed13";
}
.icofont-test-bottle:before {
content: "\ed14";
}
.icofont-test-tube:before {
content: "\ed15";
}
.icofont-thermometer-alt:before {
content: "\ed16";
}
.icofont-tooth:before {
content: "\ed17";
}
.icofont-xray:before {
content: "\ed18";
}
.icofont-ui-add:before {
content: "\ed19";
}
.icofont-ui-alarm:before {
content: "\ed1a";
}
.icofont-ui-battery:before {
content: "\ed1b";
}
.icofont-ui-block:before {
content: "\ed1c";
}
.icofont-ui-bluetooth:before {
content: "\ed1d";
}
.icofont-ui-brightness:before {
content: "\ed1e";
}
.icofont-ui-browser:before {
content: "\ed1f";
}
.icofont-ui-calculator:before {
content: "\ed20";
}
.icofont-ui-calendar:before {
content: "\ed21";
}
.icofont-ui-call:before {
content: "\ed22";
}
.icofont-ui-camera:before {
content: "\ed23";
}
.icofont-ui-cart:before {
content: "\ed24";
}
.icofont-ui-cell-phone:before {
content: "\ed25";
}
.icofont-ui-chat:before {
content: "\ed26";
}
.icofont-ui-check:before {
content: "\ed27";
}
.icofont-ui-clip-board:before {
content: "\ed28";
}
.icofont-ui-clip:before {
content: "\ed29";
}
.icofont-ui-clock:before {
content: "\ed2a";
}
.icofont-ui-close:before {
content: "\ed2b";
}
.icofont-ui-contact-list:before {
content: "\ed2c";
}
.icofont-ui-copy:before {
content: "\ed2d";
}
.icofont-ui-cut:before {
content: "\ed2e";
}
.icofont-ui-delete:before {
content: "\ed2f";
}
.icofont-ui-dial-phone:before {
content: "\ed30";
}
.icofont-ui-edit:before {
content: "\ed31";
}
.icofont-ui-email:before {
content: "\ed32";
}
.icofont-ui-file:before {
content: "\ed33";
}
.icofont-ui-fire-wall:before {
content: "\ed34";
}
.icofont-ui-flash-light:before {
content: "\ed35";
}
.icofont-ui-flight:before {
content: "\ed36";
}
.icofont-ui-folder:before {
content: "\ed37";
}
.icofont-ui-game:before {
content: "\ed38";
}
.icofont-ui-handicapped:before {
content: "\ed39";
}
.icofont-ui-head-phone:before {
content: "\ed3a";
}
.icofont-ui-home:before {
content: "\ed3b";
}
.icofont-ui-image:before {
content: "\ed3c";
}
.icofont-ui-keyboard:before {
content: "\ed3d";
}
.icofont-ui-laoding:before {
content: "\ed3e";
}
.icofont-ui-lock:before {
content: "\ed3f";
}
.icofont-ui-love-add:before {
content: "\ed40";
}
.icofont-ui-love-broken:before {
content: "\ed41";
}
.icofont-ui-love-remove:before {
content: "\ed42";
}
.icofont-ui-love:before {
content: "\ed43";
}
.icofont-ui-map:before {
content: "\ed44";
}
.icofont-ui-message:before {
content: "\ed45";
}
.icofont-ui-messaging:before {
content: "\ed46";
}
.icofont-ui-movie:before {
content: "\ed47";
}
.icofont-ui-music-player:before {
content: "\ed48";
}
.icofont-ui-music:before {
content: "\ed49";
}
.icofont-ui-mute:before {
content: "\ed4a";
}
.icofont-ui-network:before {
content: "\ed4b";
}
.icofont-ui-next:before {
content: "\ed4c";
}
.icofont-ui-note:before {
content: "\ed4d";
}
.icofont-ui-office:before {
content: "\ed4e";
}
.icofont-ui-password:before {
content: "\ed4f";
}
.icofont-ui-pause:before {
content: "\ed50";
}
.icofont-ui-play-stop:before {
content: "\ed51";
}
.icofont-ui-play:before {
content: "\ed52";
}
.icofont-ui-pointer:before {
content: "\ed53";
}
.icofont-ui-power:before {
content: "\ed54";
}
.icofont-ui-press:before {
content: "\ed55";
}
.icofont-ui-previous:before {
content: "\ed56";
}
.icofont-ui-rate-add:before {
content: "\ed57";
}
.icofont-ui-rate-blank:before {
content: "\ed58";
}
.icofont-ui-rate-remove:before {
content: "\ed59";
}
.icofont-ui-rating:before {
content: "\ed5a";
}
.icofont-ui-record:before {
content: "\ed5b";
}
.icofont-ui-remove:before {
content: "\ed5c";
}
.icofont-ui-reply:before {
content: "\ed5d";
}
.icofont-ui-rotation:before {
content: "\ed5e";
}
.icofont-ui-rss:before {
content: "\ed5f";
}
.icofont-ui-search:before {
content: "\ed60";
}
.icofont-ui-settings:before {
content: "\ed61";
}
.icofont-ui-social-link:before {
content: "\ed62";
}
.icofont-ui-tag:before {
content: "\ed63";
}
.icofont-ui-text-chat:before {
content: "\ed64";
}
.icofont-ui-text-loading:before {
content: "\ed65";
}
.icofont-ui-theme:before {
content: "\ed66";
}
.icofont-ui-timer:before {
content: "\ed67";
}
.icofont-ui-touch-phone:before {
content: "\ed68";
}
.icofont-ui-travel:before {
content: "\ed69";
}
.icofont-ui-unlock:before {
content: "\ed6a";
}
.icofont-ui-user-group:before {
content: "\ed6b";
}
.icofont-ui-user:before {
content: "\ed6c";
}
.icofont-ui-v-card:before {
content: "\ed6d";
}
.icofont-ui-video-chat:before {
content: "\ed6e";
}
.icofont-ui-video-message:before {
content: "\ed6f";
}
.icofont-ui-video-play:before {
content: "\ed70";
}
.icofont-ui-video:before {
content: "\ed71";
}
.icofont-ui-volume:before {
content: "\ed72";
}
.icofont-ui-weather:before {
content: "\ed73";
}
.icofont-ui-wifi:before {
content: "\ed74";
}
.icofont-ui-zoom-in:before {
content: "\ed75";
}
.icofont-ui-zoom-out:before {
content: "\ed76";
}
.icofont-cassette-player:before {
content: "\ed77";
}
.icofont-cassette:before {
content: "\ed78";
}
.icofont-forward:before {
content: "\ed79";
}
.icofont-game:before {
content: "\ed7a";
}
.icofont-guiter:before {
content: "\ed7b";
}
.icofont-headphone-alt-1:before {
content: "\ed7c";
}
.icofont-headphone-alt-2:before {
content: "\ed7d";
}
.icofont-headphone-alt-3:before {
content: "\ed7e";
}
.icofont-listening:before {
content: "\ed7f";
}
.icofont-megaphone-alt:before {
content: "\ed80";
}
.icofont-megaphone:before {
content: "\ed81";
}
.icofont-movie:before {
content: "\ed82";
}
.icofont-mp3-player:before {
content: "\ed83";
}
.icofont-multimedia:before {
content: "\ed84";
}
.icofont-music-disk:before {
content: "\ed85";
}
.icofont-music-note:before {
content: "\ed86";
}
.icofont-pause:before {
content: "\ed87";
}
.icofont-play-alt-1:before {
content: "\ed88";
}
.icofont-play-alt-2:before {
content: "\ed89";
}
.icofont-play-alt-3:before {
content: "\ed8a";
}
.icofont-play-pause:before {
content: "\ed8b";
}
.icofont-record:before {
content: "\ed8c";
}
.icofont-retro-music-disk:before {
content: "\ed8d";
}
.icofont-rewind:before {
content: "\ed8e";
}
.icofont-song-notes:before {
content: "\ed8f";
}
.icofont-sound-wave-alt:before {
content: "\ed90";
}
.icofont-sound-wave:before {
content: "\ed91";
}
.icofont-stop:before {
content: "\ed92";
}
.icofont-video-alt:before {
content: "\ed93";
}
.icofont-video-cam:before {
content: "\ed94";
}
.icofont-volume-bar:before {
content: "\ed95";
}
.icofont-volume-mute:before {
content: "\ed96";
}
.icofont-youtube-play:before {
content: "\ed97";
}
.icofont-amazon-alt:before {
content: "\ed98";
}
.icofont-amazon:before {
content: "\ed99";
}
.icofont-american-express-alt:before {
content: "\ed9a";
}
.icofont-american-express:before {
content: "\ed9b";
}
.icofont-apple-pay-alt:before {
content: "\ed9c";
}
.icofont-apple-pay:before {
content: "\ed9d";
}
.icofont-bank-transfer-alt:before {
content: "\ed9e";
}
.icofont-bank-transfer:before {
content: "\ed9f";
}
.icofont-braintree-alt:before {
content: "\eda0";
}
.icofont-braintree:before {
content: "\eda1";
}
.icofont-cash-on-delivery-alt:before {
content: "\eda2";
}
.icofont-cash-on-delivery:before {
content: "\eda3";
}
.icofont-checkout-alt:before {
content: "\eda4";
}
.icofont-checkout:before {
content: "\eda5";
}
.icofont-diners-club-alt-1:before {
content: "\eda6";
}
.icofont-diners-club-alt-2:before {
content: "\eda7";
}
.icofont-diners-club-alt-3:before {
content: "\eda8";
}
.icofont-diners-club:before {
content: "\eda9";
}
.icofont-discover-alt:before {
content: "\edaa";
}
.icofont-discover:before {
content: "\edab";
}
.icofont-eway-alt:before {
content: "\edac";
}
.icofont-eway:before {
content: "\edad";
}
.icofont-google-wallet-alt-1:before {
content: "\edae";
}
.icofont-google-wallet-alt-2:before {
content: "\edaf";
}
.icofont-google-wallet-alt-3:before {
content: "\edb0";
}
.icofont-google-wallet:before {
content: "\edb1";
}
.icofont-jcb-alt:before {
content: "\edb2";
}
.icofont-jcb:before {
content: "\edb3";
}
.icofont-maestro-alt:before {
content: "\edb4";
}
.icofont-maestro:before {
content: "\edb5";
}
.icofont-mastercard-alt:before {
content: "\edb6";
}
.icofont-mastercard:before {
content: "\edb7";
}
.icofont-payoneer-alt:before {
content: "\edb8";
}
.icofont-payoneer:before {
content: "\edb9";
}
.icofont-paypal-alt:before {
content: "\edba";
}
.icofont-paypal:before {
content: "\edbb";
}
.icofont-sage-alt:before {
content: "\edbc";
}
.icofont-sage:before {
content: "\edbd";
}
.icofont-skrill-alt:before {
content: "\edbe";
}
.icofont-skrill:before {
content: "\edbf";
}
.icofont-stripe-alt:before {
content: "\edc0";
}
.icofont-stripe:before {
content: "\edc1";
}
.icofont-visa-alt:before {
content: "\edc2";
}
.icofont-visa-electron:before {
content: "\edc3";
}
.icofont-visa:before {
content: "\edc4";
}
.icofont-western-union-alt:before {
content: "\edc5";
}
.icofont-western-union:before {
content: "\edc6";
}
.icofont-boy:before {
content: "\edc7";
}
.icofont-business-man-alt-1:before {
content: "\edc8";
}
.icofont-business-man-alt-2:before {
content: "\edc9";
}
.icofont-business-man-alt-3:before {
content: "\edca";
}
.icofont-business-man:before {
content: "\edcb";
}
.icofont-funky-man:before {
content: "\edcc";
}
.icofont-girl-alt:before {
content: "\edcd";
}
.icofont-girl:before {
content: "\edce";
}
.icofont-hotel-boy-alt:before {
content: "\edcf";
}
.icofont-hotel-boy:before {
content: "\edd0";
}
.icofont-man-in-glasses:before {
content: "\edd1";
}
.icofont-user-alt-1:before {
content: "\edd2";
}
.icofont-user-alt-2:before {
content: "\edd3";
}
.icofont-user-alt-3:before {
content: "\edd4";
}
.icofont-user-alt-4:before {
content: "\edd5";
}
.icofont-user-alt-5:before {
content: "\edd6";
}
.icofont-user-alt-6:before {
content: "\edd7";
}
.icofont-user-alt-7:before {
content: "\edd8";
}
.icofont-user-female:before {
content: "\edd9";
}
.icofont-user-male:before {
content: "\edda";
}
.icofont-user-suited:before {
content: "\eddb";
}
.icofont-user:before {
content: "\eddc";
}
.icofont-users-alt-1:before {
content: "\eddd";
}
.icofont-users-alt-2:before {
content: "\edde";
}
.icofont-users-alt-3:before {
content: "\eddf";
}
.icofont-users-alt-4:before {
content: "\ede0";
}
.icofont-users-alt-5:before {
content: "\ede1";
}
.icofont-users-alt-6:before {
content: "\ede2";
}
.icofont-users-social:before {
content: "\ede3";
}
.icofont-users:before {
content: "\ede4";
}
.icofont-waiter:before {
content: "\ede5";
}
.icofont-woman-in-glasses:before {
content: "\ede6";
}
.icofont-document-search:before {
content: "\ede7";
}
.icofont-folder-search:before {
content: "\ede8";
}
.icofont-home-search:before {
content: "\ede9";
}
.icofont-job-search:before {
content: "\edea";
}
.icofont-map-search:before {
content: "\edeb";
}
.icofont-restaurant-search:before {
content: "\edec";
}
.icofont-search-alt-1:before {
content: "\eded";
}
.icofont-search-alt-2:before {
content: "\edee";
}
.icofont-search:before {
content: "\edef";
}
.icofont-stock-search:before {
content: "\edf0";
}
.icofont-user-search:before {
content: "\edf1";
}
.icofont-social-aim:before {
content: "\edf2";
}
.icofont-social-badoo:before {
content: "\edf3";
}
.icofont-social-bebo:before {
content: "\edf4";
}
.icofont-social-behance:before {
content: "\edf5";
}
.icofont-social-blogger:before {
content: "\edf6";
}
.icofont-social-bootstrap:before {
content: "\edf7";
}
.icofont-social-brightkite:before {
content: "\edf8";
}
.icofont-social-cloudapp:before {
content: "\edf9";
}
.icofont-social-concrete5:before {
content: "\edfa";
}
.icofont-social-designbump:before {
content: "\edfb";
}
.icofont-social-designfloat:before {
content: "\edfc";
}
.icofont-social-deviantart:before {
content: "\edfd";
}
.icofont-social-digg:before {
content: "\edfe";
}
.icofont-social-dotcms:before {
content: "\edff";
}
.icofont-social-dribble:before {
content: "\ee00";
}
.icofont-social-dropbox:before {
content: "\ee01";
}
.icofont-brand-drupal:before {
content: "\ee02";
}
.icofont-social-ebuddy:before {
content: "\ee03";
}
.icofont-social-ello:before {
content: "\ee04";
}
.icofont-social-ember:before {
content: "\ee05";
}
.icofont-social-envato:before {
content: "\ee06";
}
.icofont-social-evernote:before {
content: "\ee07";
}
.icofont-social-facebook:before {
content: "\ee08";
}
.icofont-social-feedburner:before {
content: "\ee09";
}
.icofont-social-folkd:before {
content: "\ee0a";
}
.icofont-social-friendfeed:before {
content: "\ee0b";
}
.icofont-social-ghost:before {
content: "\ee0c";
}
.icofont-social-github:before {
content: "\ee0d";
}
.icofont-social-gnome:before {
content: "\ee0e";
}
.icofont-social-google-buzz:before {
content: "\ee0f";
}
.icofont-social-google-map:before {
content: "\ee10";
}
.icofont-social-google-plus:before {
content: "\ee11";
}
.icofont-social-google-talk:before {
content: "\ee12";
}
.icofont-social-hype-machine:before {
content: "\ee13";
}
.icofont-social-instagram:before {
content: "\ee14";
}
.icofont-brand-joomla:before {
content: "\ee15";
}
.icofont-social-kickstarter:before {
content: "\ee16";
}
.icofont-social-line:before {
content: "\ee17";
}
.icofont-social-linux-mint:before {
content: "\ee18";
}
.icofont-social-livejournal:before {
content: "\ee19";
}
.icofont-social-magento:before {
content: "\ee1a";
}
.icofont-social-meetup:before {
content: "\ee1b";
}
.icofont-social-mixx:before {
content: "\ee1c";
}
.icofont-social-newsvine:before {
content: "\ee1d";
}
.icofont-social-nimbuss:before {
content: "\ee1e";
}
.icofont-social-opencart:before {
content: "\ee1f";
}
.icofont-social-oscommerce:before {
content: "\ee20";
}
.icofont-social-pandora:before {
content: "\ee21";
}
.icofont-social-picasa:before {
content: "\ee22";
}
.icofont-social-pinterest:before {
content: "\ee23";
}
.icofont-social-prestashop:before {
content: "\ee24";
}
.icofont-social-qik:before {
content: "\ee25";
}
.icofont-social-readernaut:before {
content: "\ee26";
}
.icofont-social-reddit:before {
content: "\ee27";
}
.icofont-social-rss:before {
content: "\ee28";
}
.icofont-social-shopify:before {
content: "\ee29";
}
.icofont-social-silverstripe:before {
content: "\ee2a";
}
.icofont-social-skype:before {
content: "\ee2b";
}
.icofont-social-slashdot:before {
content: "\ee2c";
}
.icofont-social-smugmug:before {
content: "\ee2d";
}
.icofont-social-steam:before {
content: "\ee2e";
}
.icofont-social-stumbleupon:before {
content: "\ee2f";
}
.icofont-social-technorati:before {
content: "\ee30";
}
.icofont-social-telegram:before {
content: "\ee31";
}
.icofont-social-tinder:before {
content: "\ee32";
}
.icofont-social-tumblr:before {
content: "\ee33";
}
.icofont-social-twitter:before {
content: "\ee34";
}
.icofont-social-typo3:before {
content: "\ee35";
}
.icofont-social-ubercart:before {
content: "\ee36";
}
.icofont-social-viber:before {
content: "\ee37";
}
.icofont-social-viddler:before {
content: "\ee38";
}
.icofont-social-vimeo:before {
content: "\ee39";
}
.icofont-social-vine:before {
content: "\ee3a";
}
.icofont-social-virb:before {
content: "\ee3b";
}
.icofont-social-virtuemart:before {
content: "\ee3c";
}
.icofont-social-wechat:before {
content: "\ee3d";
}
.icofont-brand-wordpress:before {
content: "\ee3e";
}
.icofont-social-xing:before {
content: "\ee3f";
}
.icofont-social-yahoo:before {
content: "\ee40";
}
.icofont-social-yelp:before {
content: "\ee41";
}
.icofont-social-zencart:before {
content: "\ee42";
}
.icofont-badminton-birdie:before {
content: "\ee43";
}
.icofont-baseball:before {
content: "\ee44";
}
.icofont-baseballer:before {
content: "\ee45";
}
.icofont-basketball-hoop:before {
content: "\ee46";
}
.icofont-basketball:before {
content: "\ee47";
}
.icofont-billiard-ball:before {
content: "\ee48";
}
.icofont-boot-alt-1:before {
content: "\ee49";
}
.icofont-boot-alt-2:before {
content: "\ee4a";
}
.icofont-bowling-alt:before {
content: "\ee4b";
}
.icofont-bowling:before {
content: "\ee4c";
}
.icofont-canoe:before {
content: "\ee4d";
}
.icofont-cheer-leader:before {
content: "\ee4e";
}
.icofont-climbing:before {
content: "\ee4f";
}
.icofont-corner:before {
content: "\ee50";
}
.icofont-cyclist:before {
content: "\ee51";
}
.icofont-dumbbell-alt:before {
content: "\ee52";
}
.icofont-dumbbell:before {
content: "\ee53";
}
.icofont-field-alt:before {
content: "\ee54";
}
.icofont-field:before {
content: "\ee55";
}
.icofont-football-alt:before {
content: "\ee56";
}
.icofont-foul:before {
content: "\ee57";
}
.icofont-goal-keeper:before {
content: "\ee58";
}
.icofont-goal:before {
content: "\ee59";
}
.icofont-golf-alt:before {
content: "\ee5a";
}
.icofont-golf-bag:before {
content: "\ee5b";
}
.icofont-golf-field:before {
content: "\ee5c";
}
.icofont-golf:before {
content: "\ee5d";
}
.icofont-golfer:before {
content: "\ee5e";
}
.icofont-gym-alt-1:before {
content: "\ee5f";
}
.icofont-gym-alt-2:before {
content: "\ee60";
}
.icofont-gym-alt-3:before {
content: "\ee61";
}
.icofont-gym:before {
content: "\ee62";
}
.icofont-hand-grippers:before {
content: "\ee63";
}
.icofont-heart-beat-alt:before {
content: "\ee64";
}
.icofont-helmet:before {
content: "\ee65";
}
.icofont-hockey-alt:before {
content: "\ee66";
}
.icofont-hockey:before {
content: "\ee67";
}
.icofont-ice-skate:before {
content: "\ee68";
}
.icofont-jersey-alt:before {
content: "\ee69";
}
.icofont-jersey:before {
content: "\ee6a";
}
.icofont-jumping:before {
content: "\ee6b";
}
.icofont-kick:before {
content: "\ee6c";
}
.icofont-leg:before {
content: "\ee6d";
}
.icofont-match-review:before {
content: "\ee6e";
}
.icofont-medal-alt:before {
content: "\ee6f";
}
.icofont-muscle-alt:before {
content: "\ee70";
}
.icofont-muscle:before {
content: "\ee71";
}
.icofont-offside:before {
content: "\ee72";
}
.icofont-olympic-logo:before {
content: "\ee73";
}
.icofont-olympic:before {
content: "\ee74";
}
.icofont-padding:before {
content: "\ee75";
}
.icofont-penalty-card:before {
content: "\ee76";
}
.icofont-racer:before {
content: "\ee77";
}
.icofont-racing-car:before {
content: "\ee78";
}
.icofont-racing-flag-alt:before {
content: "\ee79";
}
.icofont-racing-flag:before {
content: "\ee7a";
}
.icofont-racings-wheel:before {
content: "\ee7b";
}
.icofont-referee:before {
content: "\ee7c";
}
.icofont-refree-jersey:before {
content: "\ee7d";
}
.icofont-result:before {
content: "\ee7e";
}
.icofont-rugby-ball:before {
content: "\ee7f";
}
.icofont-rugby-player:before {
content: "\ee80";
}
.icofont-rugby:before {
content: "\ee81";
}
.icofont-runner-alt-1:before {
content: "\ee82";
}
.icofont-runner-alt-2:before {
content: "\ee83";
}
.icofont-runner:before {
content: "\ee84";
}
.icofont-score-board:before {
content: "\ee85";
}
.icofont-skiing-man:before {
content: "\ee86";
}
.icofont-skydiving-goggles:before {
content: "\ee87";
}
.icofont-snow-mobile:before {
content: "\ee88";
}
.icofont-steering:before {
content: "\ee89";
}
.icofont-substitute:before {
content: "\ee8a";
}
.icofont-swimmer:before {
content: "\ee8b";
}
.icofont-table-tennis:before {
content: "\ee8c";
}
.icofont-team-alt:before {
content: "\ee8d";
}
.icofont-team:before {
content: "\ee8e";
}
.icofont-tennis-player:before {
content: "\ee8f";
}
.icofont-tennis:before {
content: "\ee90";
}
.icofont-time:before {
content: "\ee91";
}
.icofont-track:before {
content: "\ee92";
}
.icofont-tracking:before {
content: "\ee93";
}
.icofont-trophy-alt:before {
content: "\ee94";
}
.icofont-trophy:before {
content: "\ee95";
}
.icofont-volleyball-alt:before {
content: "\ee96";
}
.icofont-volleyball-fire:before {
content: "\ee97";
}
.icofont-volleyball:before {
content: "\ee98";
}
.icofont-water-bottle:before {
content: "\ee99";
}
.icofont-whisle:before {
content: "\ee9a";
}
.icofont-win-trophy:before {
content: "\ee9b";
}
.icofont-align-center:before {
content: "\ee9c";
}
.icofont-align-left:before {
content: "\ee9d";
}
.icofont-align-right:before {
content: "\ee9e";
}
.icofont-all-caps:before {
content: "\ee9f";
}
.icofont-bold:before {
content: "\eea0";
}
.icofont-brush:before {
content: "\eea1";
}
.icofont-clip-board:before {
content: "\eea2";
}
.icofont-code-alt:before {
content: "\eea3";
}
.icofont-color-bucket:before {
content: "\eea4";
}
.icofont-color-picker:before {
content: "\eea5";
}
.icofont-copy-alt:before {
content: "\eea6";
}
.icofont-copy-black:before {
content: "\eea7";
}
.icofont-cut:before {
content: "\eea8";
}
.icofont-delete-alt:before {
content: "\eea9";
}
.icofont-edit-alt:before {
content: "\eeaa";
}
.icofont-eraser-alt:before {
content: "\eeab";
}
.icofont-file-alt:before {
content: "\eeac";
}
.icofont-font:before {
content: "\eead";
}
.icofont-header:before {
content: "\eeae";
}
.icofont-indent:before {
content: "\eeaf";
}
.icofont-italic-alt:before {
content: "\eeb0";
}
.icofont-justify-all:before {
content: "\eeb1";
}
.icofont-justify-center:before {
content: "\eeb2";
}
.icofont-justify-left:before {
content: "\eeb3";
}
.icofont-justify-right:before {
content: "\eeb4";
}
.icofont-line-height:before {
content: "\eeb5";
}
.icofont-link-alt:before {
content: "\eeb6";
}
.icofont-listine-dots:before {
content: "\eeb7";
}
.icofont-listing-box:before {
content: "\eeb8";
}
.icofont-listing-number:before {
content: "\eeb9";
}
.icofont-marker:before {
content: "\eeba";
}
.icofont-outdent:before {
content: "\eebb";
}
.icofont-paper-clip:before {
content: "\eebc";
}
.icofont-paragraph:before {
content: "\eebd";
}
.icofont-pin:before {
content: "\eebe";
}
.icofont-printer:before {
content: "\eebf";
}
.icofont-redo:before {
content: "\eec0";
}
.icofont-rotation:before {
content: "\eec1";
}
.icofont-save:before {
content: "\eec2";
}
.icofont-small-cap:before {
content: "\eec3";
}
.icofont-strike-through:before {
content: "\eec4";
}
.icofont-sub-listing:before {
content: "\eec5";
}
.icofont-subscript:before {
content: "\eec6";
}
.icofont-superscript:before {
content: "\eec7";
}
.icofont-table:before {
content: "\eec8";
}
.icofont-text-height:before {
content: "\eec9";
}
.icofont-text-width:before {
content: "\eeca";
}
.icofont-trash:before {
content: "\eecb";
}
.icofont-underline:before {
content: "\eecc";
}
.icofont-undo:before {
content: "\eecd";
}
.icofont-unlink:before {
content: "\eece";
}
.icofont-air-balloon:before {
content: "\eecf";
}
.icofont-airplane-alt:before {
content: "\eed0";
}
.icofont-airplane:before {
content: "\eed1";
}
.icofont-ambulance-crescent:before {
content: "\eed2";
}
.icofont-ambulance-cross:before {
content: "\eed3";
}
.icofont-articulated-truck:before {
content: "\eed4";
}
.icofont-auto-rickshaw:before {
content: "\eed5";
}
.icofont-bicycle-alt-1:before {
content: "\eed6";
}
.icofont-bicycle-alt-2:before {
content: "\eed7";
}
.icofont-bull-dozer:before {
content: "\eed8";
}
.icofont-bus-alt-1:before {
content: "\eed9";
}
.icofont-bus-alt-2:before {
content: "\eeda";
}
.icofont-bus-alt-3:before {
content: "\eedb";
}
.icofont-cable-car:before {
content: "\eedc";
}
.icofont-car-alt-1:before {
content: "\eedd";
}
.icofont-car-alt-2:before {
content: "\eede";
}
.icofont-car-alt-3:before {
content: "\eedf";
}
.icofont-car-alt-4:before {
content: "\eee0";
}
.icofont-concrete-mixer:before {
content: "\eee1";
}
.icofont-delivery-time:before {
content: "\eee2";
}
.icofont-excavator:before {
content: "\eee3";
}
.icofont-fast-delivery:before {
content: "\eee4";
}
.icofont-fire-truck-alt:before {
content: "\eee5";
}
.icofont-fire-truck:before {
content: "\eee6";
}
.icofont-fork-lift:before {
content: "\eee7";
}
.icofont-free-delivery:before {
content: "\eee8";
}
.icofont-golf-cart:before {
content: "\eee9";
}
.icofont-helicopter:before {
content: "\eeea";
}
.icofont-motor-bike-alt:before {
content: "\eeeb";
}
.icofont-motor-bike:before {
content: "\eeec";
}
.icofont-motor-biker:before {
content: "\eeed";
}
.icofont-oil-truck:before {
content: "\eeee";
}
.icofont-police-car:before {
content: "\eeef";
}
.icofont-rickshaw:before {
content: "\eef0";
}
.icofont-rocket-alt-1:before {
content: "\eef1";
}
.icofont-rocket-alt-2:before {
content: "\eef2";
}
.icofont-sail-boat:before {
content: "\eef3";
}
.icofont-scooter:before {
content: "\eef4";
}
.icofont-sea-plane:before {
content: "\eef5";
}
.icofont-ship-alt:before {
content: "\eef6";
}
.icofont-speed-boat:before {
content: "\eef7";
}
.icofont-taxi:before {
content: "\eef8";
}
.icofont-tow-truck:before {
content: "\eef9";
}
.icofont-tractor:before {
content: "\eefa";
}
.icofont-traffic-light:before {
content: "\eefb";
}
.icofont-train-line:before {
content: "\eefc";
}
.icofont-train-steam:before {
content: "\eefd";
}
.icofont-tram:before {
content: "\eefe";
}
.icofont-truck-alt:before {
content: "\eeff";
}
.icofont-truck-loaded:before {
content: "\ef00";
}
.icofont-truck:before {
content: "\ef01";
}
.icofont-van-alt:before {
content: "\ef02";
}
.icofont-van:before {
content: "\ef03";
}
.icofont-yacht:before {
content: "\ef04";
}
.icofont-5-star-hotel:before {
content: "\ef05";
}
.icofont-anchor-alt:before {
content: "\ef06";
}
.icofont-beach-bed:before {
content: "\ef07";
}
.icofont-camping-vest:before {
content: "\ef08";
}
.icofont-coconut-alt:before {
content: "\ef09";
}
.icofont-direction-sign:before {
content: "\ef0a";
}
.icofont-hill-side:before {
content: "\ef0b";
}
.icofont-island-alt:before {
content: "\ef0c";
}
.icofont-long-drive:before {
content: "\ef0d";
}
.icofont-map-pins:before {
content: "\ef0e";
}
.icofont-plane-ticket:before {
content: "\ef0f";
}
.icofont-sail-boat-alt-1:before {
content: "\ef10";
}
.icofont-sail-boat-alt-2:before {
content: "\ef11";
}
.icofont-sandals-female:before {
content: "\ef12";
}
.icofont-sandals-male:before {
content: "\ef13";
}
.icofont-travelling:before {
content: "\ef14";
}
.icofont-breakdown:before {
content: "\ef15";
}
.icofont-celsius:before {
content: "\ef16";
}
.icofont-clouds:before {
content: "\ef17";
}
.icofont-cloudy:before {
content: "\ef18";
}
.icofont-compass-alt:before {
content: "\ef19";
}
.icofont-dust:before {
content: "\ef1a";
}
.icofont-eclipse:before {
content: "\ef1b";
}
.icofont-fahrenheit:before {
content: "\ef1c";
}
.icofont-forest-fire:before {
content: "\ef1d";
}
.icofont-full-night:before {
content: "\ef1e";
}
.icofont-full-sunny:before {
content: "\ef1f";
}
.icofont-hail-night:before {
content: "\ef20";
}
.icofont-hail-rainy-night:before {
content: "\ef21";
}
.icofont-hail-rainy-sunny:before {
content: "\ef22";
}
.icofont-hail-rainy:before {
content: "\ef23";
}
.icofont-hail-sunny:before {
content: "\ef24";
}
.icofont-hail-thunder-night:before {
content: "\ef25";
}
.icofont-hail-thunder-sunny:before {
content: "\ef26";
}
.icofont-hail-thunder:before {
content: "\ef27";
}
.icofont-hail:before {
content: "\ef28";
}
.icofont-hill-night:before {
content: "\ef29";
}
.icofont-hill-sunny:before {
content: "\ef2a";
}
.icofont-hill:before {
content: "\ef2b";
}
.icofont-hurricane:before {
content: "\ef2c";
}
.icofont-island:before {
content: "\ef2d";
}
.icofont-meteor:before {
content: "\ef2e";
}
.icofont-night:before {
content: "\ef2f";
}
.icofont-rainy-night:before {
content: "\ef30";
}
.icofont-rainy-sunny:before {
content: "\ef31";
}
.icofont-rainy-thunder:before {
content: "\ef32";
}
.icofont-rainy:before {
content: "\ef33";
}
.icofont-showy-night-hail:before {
content: "\ef34";
}
.icofont-snow-temp:before {
content: "\ef35";
}
.icofont-snow:before {
content: "\ef36";
}
.icofont-snowy-hail:before {
content: "\ef37";
}
.icofont-snowy-night-rainy:before {
content: "\ef38";
}
.icofont-snowy-night:before {
content: "\ef39";
}
.icofont-snowy-rainy:before {
content: "\ef3a";
}
.icofont-snowy-sunny-hail:before {
content: "\ef3b";
}
.icofont-snowy-sunny-rainy:before {
content: "\ef3c";
}
.icofont-snowy-sunny:before {
content: "\ef3d";
}
.icofont-snowy-thunder-night:before {
content: "\ef3e";
}
.icofont-snowy-thunder-sunny:before {
content: "\ef3f";
}
.icofont-snowy-thunder:before {
content: "\ef40";
}
.icofont-snowy-windy-night:before {
content: "\ef41";
}
.icofont-snowy-windy-sunny:before {
content: "\ef42";
}
.icofont-snowy-windy:before {
content: "\ef43";
}
.icofont-snowy:before {
content: "\ef44";
}
.icofont-sun-alt:before {
content: "\ef45";
}
.icofont-sun-rise:before {
content: "\ef46";
}
.icofont-sun-set:before {
content: "\ef47";
}
.icofont-sunny-day-temp:before {
content: "\ef48";
}
.icofont-sunny:before {
content: "\ef49";
}
.icofont-thermometer:before {
content: "\ef4a";
}
.icofont-thinder-light:before {
content: "\ef4b";
}
.icofont-tornado:before {
content: "\ef4c";
}
.icofont-umbrella-alt:before {
content: "\ef4d";
}
.icofont-volcano:before {
content: "\ef4e";
}
.icofont-wave:before {
content: "\ef4f";
}
.icofont-wind-scale-0:before {
content: "\ef50";
}
.icofont-wind-scale-1:before {
content: "\ef51";
}
.icofont-wind-scale-2:before {
content: "\ef52";
}
.icofont-wind-scale-3:before {
content: "\ef53";
}
.icofont-wind-scale-4:before {
content: "\ef54";
}
.icofont-wind-scale-5:before {
content: "\ef55";
}
.icofont-wind-scale-6:before {
content: "\ef56";
}
.icofont-wind-scale-7:before {
content: "\ef57";
}
.icofont-wind-scale-8:before {
content: "\ef58";
}
.icofont-wind-scale-9:before {
content: "\ef59";
}
.icofont-wind-scale-10:before {
content: "\ef5a";
}
.icofont-wind-scale-11:before {
content: "\ef5b";
}
.icofont-wind-scale-12:before {
content: "\ef5c";
}
.icofont-wind-waves:before {
content: "\ef5d";
}
.icofont-wind:before {
content: "\ef5e";
}
.icofont-windy-hail:before {
content: "\ef5f";
}
.icofont-windy-night:before {
content: "\ef60";
}
.icofont-windy-raining:before {
content: "\ef61";
}
.icofont-windy-sunny:before {
content: "\ef62";
}
.icofont-windy-thunder-raining:before {
content: "\ef63";
}
.icofont-windy-thunder:before {
content: "\ef64";
}
.icofont-windy:before {
content: "\ef65";
}
.icofont-addons:before {
content: "\ef66";
}
.icofont-address-book:before {
content: "\ef67";
}
.icofont-adjust:before {
content: "\ef68";
}
.icofont-alarm:before {
content: "\ef69";
}
.icofont-anchor:before {
content: "\ef6a";
}
.icofont-archive:before {
content: "\ef6b";
}
.icofont-at:before {
content: "\ef6c";
}
.icofont-attachment:before {
content: "\ef6d";
}
.icofont-audio:before {
content: "\ef6e";
}
.icofont-auto-mobile:before {
content: "\ef6f";
}
.icofont-automation:before {
content: "\ef70";
}
.icofont-baby:before {
content: "\ef71";
}
.icofont-badge:before {
content: "\ef72";
}
.icofont-bag:before {
content: "\ef73";
}
.icofont-ban:before {
content: "\ef74";
}
.icofont-bank:before {
content: "\ef75";
}
.icofont-bar-code:before {
content: "\ef76";
}
.icofont-bars:before {
content: "\ef77";
}
.icofont-battery-empty:before {
content: "\ef78";
}
.icofont-battery-full:before {
content: "\ef79";
}
.icofont-battery-half:before {
content: "\ef7a";
}
.icofont-battery-low:before {
content: "\ef7b";
}
.icofont-beach:before {
content: "\ef7c";
}
.icofont-beaker:before {
content: "\ef7d";
}
.icofont-bear:before {
content: "\ef7e";
}
.icofont-beard:before {
content: "\ef7f";
}
.icofont-bed:before {
content: "\ef80";
}
.icofont-bell:before {
content: "\ef81";
}
.icofont-beverage:before {
content: "\ef82";
}
.icofont-bicycle:before {
content: "\ef83";
}
.icofont-bill:before {
content: "\ef84";
}
.icofont-bin:before {
content: "\ef85";
}
.icofont-binary:before {
content: "\ef86";
}
.icofont-binoculars:before {
content: "\ef87";
}
.icofont-bird:before {
content: "\ef88";
}
.icofont-birds:before {
content: "\ef89";
}
.icofont-black-board:before {
content: "\ef8a";
}
.icofont-bluetooth:before {
content: "\ef8b";
}
.icofont-bolt:before {
content: "\ef8c";
}
.icofont-bomb:before {
content: "\ef8d";
}
.icofont-book-mark:before {
content: "\ef8e";
}
.icofont-book:before {
content: "\ef8f";
}
.icofont-boot:before {
content: "\ef90";
}
.icofont-box:before {
content: "\ef91";
}
.icofont-brain:before {
content: "\ef92";
}
.icofont-briefcase:before {
content: "\ef93";
}
.icofont-broken:before {
content: "\ef94";
}
.icofont-bucket:before {
content: "\ef95";
}
.icofont-bucket1:before {
content: "\ef96";
}
.icofont-bucket2:before {
content: "\ef97";
}
.icofont-bug:before {
content: "\ef98";
}
.icofont-building:before {
content: "\ef99";
}
.icofont-bullet:before {
content: "\ef9a";
}
.icofont-bullhorn:before {
content: "\ef9b";
}
.icofont-bullseye:before {
content: "\ef9c";
}
.icofont-bus:before {
content: "\ef9d";
}
.icofont-butterfly:before {
content: "\ef9e";
}
.icofont-cab:before {
content: "\ef9f";
}
.icofont-calculator:before {
content: "\efa0";
}
.icofont-calendar:before {
content: "\efa1";
}
.icofont-camera-alt:before {
content: "\efa2";
}
.icofont-camera:before {
content: "\efa3";
}
.icofont-car:before {
content: "\efa4";
}
.icofont-card:before {
content: "\efa5";
}
.icofont-cart:before {
content: "\efa6";
}
.icofont-cc:before {
content: "\efa7";
}
.icofont-certificate:before {
content: "\efa8";
}
.icofont-charging:before {
content: "\efa9";
}
.icofont-chat:before {
content: "\efaa";
}
.icofont-check-alt:before {
content: "\efab";
}
.icofont-check-circled:before {
content: "\efac";
}
.icofont-check:before {
content: "\efad";
}
.icofont-checked:before {
content: "\efae";
}
.icofont-children-care:before {
content: "\efaf";
}
.icofont-clock-time:before {
content: "\efb0";
}
.icofont-close-circled:before {
content: "\efb1";
}
.icofont-close-line-circled:before {
content: "\efb2";
}
.icofont-close-line-squared-alt:before {
content: "\efb3";
}
.icofont-close-line-squared:before {
content: "\efb4";
}
.icofont-close-line:before {
content: "\efb5";
}
.icofont-close-squared-alt:before {
content: "\efb6";
}
.icofont-close-squared:before {
content: "\efb7";
}
.icofont-close:before {
content: "\efb8";
}
.icofont-cloud-download:before {
content: "\efb9";
}
.icofont-cloud-refresh:before {
content: "\efba";
}
.icofont-cloud-upload:before {
content: "\efbb";
}
.icofont-cloud:before {
content: "\efbc";
}
.icofont-code-not-allowed:before {
content: "\efbd";
}
.icofont-code:before {
content: "\efbe";
}
.icofont-coffee-cup:before {
content: "\efbf";
}
.icofont-comment:before {
content: "\efc0";
}
.icofont-compass:before {
content: "\efc1";
}
.icofont-computer:before {
content: "\efc2";
}
.icofont-connection:before {
content: "\efc3";
}
.icofont-console:before {
content: "\efc4";
}
.icofont-contacts:before {
content: "\efc5";
}
.icofont-contrast:before {
content: "\efc6";
}
.icofont-copy:before {
content: "\efc7";
}
.icofont-copyright:before {
content: "\efc8";
}
.icofont-credit-card:before {
content: "\efc9";
}
.icofont-crop:before {
content: "\efca";
}
.icofont-crown:before {
content: "\efcb";
}
.icofont-cube:before {
content: "\efcc";
}
.icofont-cubes:before {
content: "\efcd";
}
.icofont-culinary:before {
content: "\efce";
}
.icofont-dashboard-web:before {
content: "\efcf";
}
.icofont-dashboard:before {
content: "\efd0";
}
.icofont-data:before {
content: "\efd1";
}
.icofont-database-add:before {
content: "\efd2";
}
.icofont-database-locked:before {
content: "\efd3";
}
.icofont-database-remove:before {
content: "\efd4";
}
.icofont-database:before {
content: "\efd5";
}
.icofont-delete:before {
content: "\efd6";
}
.icofont-diamond:before {
content: "\efd7";
}
.icofont-dice:before {
content: "\efd8";
}
.icofont-disabled:before {
content: "\efd9";
}
.icofont-disc:before {
content: "\efda";
}
.icofont-diskette:before {
content: "\efdb";
}
.icofont-document-folder:before {
content: "\efdc";
}
.icofont-download-alt:before {
content: "\efdd";
}
.icofont-download:before {
content: "\efde";
}
.icofont-downloaded:before {
content: "\efdf";
}
.icofont-earth:before {
content: "\efe0";
}
.icofont-ebook:before {
content: "\efe1";
}
.icofont-edit:before {
content: "\efe2";
}
.icofont-eject:before {
content: "\efe3";
}
.icofont-email:before {
content: "\efe4";
}
.icofont-envelope-open:before {
content: "\efe5";
}
.icofont-envelope:before {
content: "\efe6";
}
.icofont-eraser:before {
content: "\efe7";
}
.icofont-error:before {
content: "\efe8";
}
.icofont-exchange:before {
content: "\efe9";
}
.icofont-exclamation-circle:before {
content: "\efea";
}
.icofont-exclamation-square:before {
content: "\efeb";
}
.icofont-exclamation-tringle:before {
content: "\efec";
}
.icofont-exclamation:before {
content: "\efed";
}
.icofont-exit:before {
content: "\efee";
}
.icofont-expand:before {
content: "\efef";
}
.icofont-external-link:before {
content: "\eff0";
}
.icofont-external:before {
content: "\eff1";
}
.icofont-eye-blocked:before {
content: "\eff2";
}
.icofont-eye-dropper:before {
content: "\eff3";
}
.icofont-eye:before {
content: "\eff4";
}
.icofont-favourite:before {
content: "\eff5";
}
.icofont-fax:before {
content: "\eff6";
}
.icofont-female:before {
content: "\eff7";
}
.icofont-file:before {
content: "\eff8";
}
.icofont-film:before {
content: "\eff9";
}
.icofont-filter:before {
content: "\effa";
}
.icofont-fire-burn:before {
content: "\effb";
}
.icofont-fire-extinguisher:before {
content: "\effc";
}
.icofont-fire:before {
content: "\effd";
}
.icofont-first-aid:before {
content: "\effe";
}
.icofont-flag-alt-1:before {
content: "\efff";
}
.icofont-flag-alt-2:before {
content: "\f000";
}
.icofont-flag:before {
content: "\f001";
}
.icofont-flash-light:before {
content: "\f002";
}
.icofont-flash:before {
content: "\f003";
}
.icofont-flask:before {
content: "\f004";
}
.icofont-focus:before {
content: "\f005";
}
.icofont-folder-open:before {
content: "\f006";
}
.icofont-folder:before {
content: "\f007";
}
.icofont-foot-print:before {
content: "\f008";
}
.icofont-football-american:before {
content: "\f009";
}
.icofont-football:before {
content: "\f00a";
}
.icofont-game-console:before {
content: "\f00b";
}
.icofont-game-pad:before {
content: "\f00c";
}
.icofont-gavel:before {
content: "\f00d";
}
.icofont-gear:before {
content: "\f00e";
}
.icofont-gears:before {
content: "\f00f";
}
.icofont-gift:before {
content: "\f010";
}
.icofont-glass:before {
content: "\f011";
}
.icofont-globe:before {
content: "\f012";
}
.icofont-graduate:before {
content: "\f013";
}
.icofont-graffiti:before {
content: "\f014";
}
.icofont-grocery:before {
content: "\f015";
}
.icofont-group:before {
content: "\f016";
}
.icofont-hammer:before {
content: "\f017";
}
.icofont-hand:before {
content: "\f018";
}
.icofont-hanger:before {
content: "\f019";
}
.icofont-hard-disk:before {
content: "\f01a";
}
.icofont-headphone:before {
content: "\f01b";
}
.icofont-heart-beat:before {
content: "\f01c";
}
.icofont-heart:before {
content: "\f01d";
}
.icofont-history:before {
content: "\f01e";
}
.icofont-home:before {
content: "\f01f";
}
.icofont-horn:before {
content: "\f020";
}
.icofont-hotel:before {
content: "\f021";
}
.icofont-hour-glass:before {
content: "\f022";
}
.icofont-id:before {
content: "\f023";
}
.icofont-image:before {
content: "\f024";
}
.icofont-inbox:before {
content: "\f025";
}
.icofont-infinite:before {
content: "\f026";
}
.icofont-info-circle:before {
content: "\f027";
}
.icofont-info-square:before {
content: "\f028";
}
.icofont-info:before {
content: "\f029";
}
.icofont-institution:before {
content: "\f02a";
}
.icofont-interface:before {
content: "\f02b";
}
.icofont-invisible:before {
content: "\f02c";
}
.icofont-italic:before {
content: "\f02d";
}
.icofont-jacket:before {
content: "\f02e";
}
.icofont-jar:before {
content: "\f02f";
}
.icofont-jewlery:before {
content: "\f030";
}
.icofont-karate:before {
content: "\f031";
}
.icofont-key-hole:before {
content: "\f032";
}
.icofont-key:before {
content: "\f033";
}
.icofont-keyboard:before {
content: "\f034";
}
.icofont-kid:before {
content: "\f035";
}
.icofont-label:before {
content: "\f036";
}
.icofont-lamp:before {
content: "\f037";
}
.icofont-laptop:before {
content: "\f038";
}
.icofont-layers:before {
content: "\f039";
}
.icofont-layout:before {
content: "\f03a";
}
.icofont-leaf:before {
content: "\f03b";
}
.icofont-leaflet:before {
content: "\f03c";
}
.icofont-learn:before {
content: "\f03d";
}
.icofont-legal:before {
content: "\f03e";
}
.icofont-lego:before {
content: "\f03f";
}
.icofont-lemon:before {
content: "\f040";
}
.icofont-lens:before {
content: "\f041";
}
.icofont-letter:before {
content: "\f042";
}
.icofont-letterbox:before {
content: "\f043";
}
.icofont-library:before {
content: "\f044";
}
.icofont-license:before {
content: "\f045";
}
.icofont-life-bouy:before {
content: "\f046";
}
.icofont-life-buoy:before {
content: "\f047";
}
.icofont-life-jacket:before {
content: "\f048";
}
.icofont-life-ring:before {
content: "\f049";
}
.icofont-light-bulb:before {
content: "\f04a";
}
.icofont-lighter:before {
content: "\f04b";
}
.icofont-lightning-ray:before {
content: "\f04c";
}
.icofont-like:before {
content: "\f04d";
}
.icofont-link:before {
content: "\f04e";
}
.icofont-live-support:before {
content: "\f04f";
}
.icofont-location-arrow:before {
content: "\f050";
}
.icofont-location-pin:before {
content: "\f051";
}
.icofont-lock:before {
content: "\f052";
}
.icofont-login:before {
content: "\f053";
}
.icofont-logout:before {
content: "\f054";
}
.icofont-lollipop:before {
content: "\f055";
}
.icofont-look:before {
content: "\f056";
}
.icofont-loop:before {
content: "\f057";
}
.icofont-luggage:before {
content: "\f058";
}
.icofont-lunch:before {
content: "\f059";
}
.icofont-lungs:before {
content: "\f05a";
}
.icofont-magic-alt:before {
content: "\f05b";
}
.icofont-magic:before {
content: "\f05c";
}
.icofont-magnet:before {
content: "\f05d";
}
.icofont-mail-box:before {
content: "\f05e";
}
.icofont-mail:before {
content: "\f05f";
}
.icofont-male:before {
content: "\f060";
}
.icofont-map:before {
content: "\f061";
}
.icofont-math:before {
content: "\f062";
}
.icofont-maximize:before {
content: "\f063";
}
.icofont-measure:before {
content: "\f064";
}
.icofont-medal:before {
content: "\f065";
}
.icofont-medical:before {
content: "\f066";
}
.icofont-medicine:before {
content: "\f067";
}
.icofont-mega-phone:before {
content: "\f068";
}
.icofont-memorial:before {
content: "\f069";
}
.icofont-memory-card:before {
content: "\f06a";
}
.icofont-mic-mute:before {
content: "\f06b";
}
.icofont-mic:before {
content: "\f06c";
}
.icofont-micro-chip:before {
content: "\f06d";
}
.icofont-microphone:before {
content: "\f06e";
}
.icofont-microscope:before {
content: "\f06f";
}
.icofont-military:before {
content: "\f070";
}
.icofont-mill:before {
content: "\f071";
}
.icofont-minus-circle:before {
content: "\f072";
}
.icofont-minus-square:before {
content: "\f073";
}
.icofont-minus:before {
content: "\f074";
}
.icofont-mobile-phone:before {
content: "\f075";
}
.icofont-molecule:before {
content: "\f076";
}
.icofont-money:before {
content: "\f077";
}
.icofont-moon:before {
content: "\f078";
}
.icofont-mop:before {
content: "\f079";
}
.icofont-muffin:before {
content: "\f07a";
}
.icofont-music-alt:before {
content: "\f07b";
}
.icofont-music-notes:before {
content: "\f07c";
}
.icofont-music:before {
content: "\f07d";
}
.icofont-mustache:before {
content: "\f07e";
}
.icofont-mute-volume:before {
content: "\f07f";
}
.icofont-navigation-menu:before {
content: "\f080";
}
.icofont-navigation:before {
content: "\f081";
}
.icofont-network-tower:before {
content: "\f082";
}
.icofont-network:before {
content: "\f083";
}
.icofont-news:before {
content: "\f084";
}
.icofont-newspaper:before {
content: "\f085";
}
.icofont-no-smoking:before {
content: "\f086";
}
.icofont-not-allowed:before {
content: "\f087";
}
.icofont-notebook:before {
content: "\f088";
}
.icofont-notepad:before {
content: "\f089";
}
.icofont-notification:before {
content: "\f08a";
}
.icofont-numbered:before {
content: "\f08b";
}
.icofont-opposite:before {
content: "\f08c";
}
.icofont-optic:before {
content: "\f08d";
}
.icofont-options:before {
content: "\f08e";
}
.icofont-package:before {
content: "\f08f";
}
.icofont-page:before {
content: "\f090";
}
.icofont-paint:before {
content: "\f091";
}
.icofont-paper-plane:before {
content: "\f092";
}
.icofont-paperclip:before {
content: "\f093";
}
.icofont-papers:before {
content: "\f094";
}
.icofont-paw:before {
content: "\f095";
}
.icofont-pay:before {
content: "\f096";
}
.icofont-pen:before {
content: "\f097";
}
.icofont-pencil:before {
content: "\f098";
}
.icofont-penguin-linux:before {
content: "\f099";
}
.icofont-pestle:before {
content: "\f09a";
}
.icofont-phone-circle:before {
content: "\f09b";
}
.icofont-phone:before {
content: "\f09c";
}
.icofont-picture:before {
content: "\f09d";
}
.icofont-pie:before {
content: "\f09e";
}
.icofont-pine:before {
content: "\f09f";
}
.icofont-pixels:before {
content: "\f0a0";
}
.icofont-play:before {
content: "\f0a1";
}
.icofont-plugin:before {
content: "\f0a2";
}
.icofont-plus-circle:before {
content: "\f0a3";
}
.icofont-plus-square:before {
content: "\f0a4";
}
.icofont-plus:before {
content: "\f0a5";
}
.icofont-polygonal:before {
content: "\f0a6";
}
.icofont-power:before {
content: "\f0a7";
}
.icofont-presentation:before {
content: "\f0a8";
}
.icofont-price:before {
content: "\f0a9";
}
.icofont-print:before {
content: "\f0aa";
}
.icofont-puzzle:before {
content: "\f0ab";
}
.icofont-qr-code:before {
content: "\f0ac";
}
.icofont-queen:before {
content: "\f0ad";
}
.icofont-question-circle:before {
content: "\f0ae";
}
.icofont-question-square:before {
content: "\f0af";
}
.icofont-question:before {
content: "\f0b0";
}
.icofont-quote-left:before {
content: "\f0b1";
}
.icofont-quote-right:before {
content: "\f0b2";
}
.icofont-radio:before {
content: "\f0b3";
}
.icofont-random:before {
content: "\f0b4";
}
.icofont-recycle:before {
content: "\f0b5";
}
.icofont-refresh:before {
content: "\f0b6";
}
.icofont-repair:before {
content: "\f0b7";
}
.icofont-reply-all:before {
content: "\f0b8";
}
.icofont-reply:before {
content: "\f0b9";
}
.icofont-resize:before {
content: "\f0ba";
}
.icofont-responsive:before {
content: "\f0bb";
}
.icofont-retweet:before {
content: "\f0bc";
}
.icofont-road:before {
content: "\f0bd";
}
.icofont-robot:before {
content: "\f0be";
}
.icofont-rocket:before {
content: "\f0bf";
}
.icofont-royal:before {
content: "\f0c0";
}
.icofont-rss-feed:before {
content: "\f0c1";
}
.icofont-safety:before {
content: "\f0c2";
}
.icofont-sale-discount:before {
content: "\f0c3";
}
.icofont-satellite:before {
content: "\f0c4";
}
.icofont-send-mail:before {
content: "\f0c5";
}
.icofont-server:before {
content: "\f0c6";
}
.icofont-settings:before {
content: "\f0c7";
}
.icofont-share-alt:before {
content: "\f0c8";
}
.icofont-share-boxed:before {
content: "\f0c9";
}
.icofont-share:before {
content: "\f0ca";
}
.icofont-shield:before {
content: "\f0cb";
}
.icofont-ship:before {
content: "\f0cc";
}
.icofont-shopping-cart:before {
content: "\f0cd";
}
.icofont-sign-in:before {
content: "\f0ce";
}
.icofont-sign-out:before {
content: "\f0cf";
}
.icofont-signal:before {
content: "\f0d0";
}
.icofont-site-map:before {
content: "\f0d1";
}
.icofont-smart-phone:before {
content: "\f0d2";
}
.icofont-soccer:before {
content: "\f0d3";
}
.icofont-sort-alt:before {
content: "\f0d4";
}
.icofont-sort:before {
content: "\f0d5";
}
.icofont-space:before {
content: "\f0d6";
}
.icofont-spanner:before {
content: "\f0d7";
}
.icofont-speech-comments:before {
content: "\f0d8";
}
.icofont-speed-meter:before {
content: "\f0d9";
}
.icofont-spinner-alt-1:before {
content: "\f0da";
}
.icofont-spinner-alt-2:before {
content: "\f0db";
}
.icofont-spinner-alt-3:before {
content: "\f0dc";
}
.icofont-spinner-alt-4:before {
content: "\f0dd";
}
.icofont-spinner-alt-5:before {
content: "\f0de";
}
.icofont-spinner-alt-6:before {
content: "\f0df";
}
.icofont-spinner:before {
content: "\f0e0";
}
.icofont-spreadsheet:before {
content: "\f0e1";
}
.icofont-square:before {
content: "\f0e2";
}
.icofont-ssl-security:before {
content: "\f0e3";
}
.icofont-star-alt-1:before {
content: "\f0e4";
}
.icofont-star-alt-2:before {
content: "\f0e5";
}
.icofont-star:before {
content: "\f0e6";
}
.icofont-street-view:before {
content: "\f0e7";
}
.icofont-sun:before {
content: "\f0e8";
}
.icofont-support-faq:before {
content: "\f0e9";
}
.icofont-tack-pin:before {
content: "\f0ea";
}
.icofont-tag:before {
content: "\f0eb";
}
.icofont-tags:before {
content: "\f0ec";
}
.icofont-tasks:before {
content: "\f0ed";
}
.icofont-telephone:before {
content: "\f0ee";
}
.icofont-telescope:before {
content: "\f0ef";
}
.icofont-terminal:before {
content: "\f0f0";
}
.icofont-thumbs-down:before {
content: "\f0f1";
}
.icofont-thumbs-up:before {
content: "\f0f2";
}
.icofont-tick-boxed:before {
content: "\f0f3";
}
.icofont-tick-mark:before {
content: "\f0f4";
}
.icofont-ticket:before {
content: "\f0f5";
}
.icofont-tie:before {
content: "\f0f6";
}
.icofont-toggle-off:before {
content: "\f0f7";
}
.icofont-toggle-on:before {
content: "\f0f8";
}
.icofont-tools:before {
content: "\f0f9";
}
.icofont-transparent:before {
content: "\f0fa";
}
.icofont-tree:before {
content: "\f0fb";
}
.icofont-umbrella:before {
content: "\f0fc";
}
.icofont-unlock:before {
content: "\f0fd";
}
.icofont-unlocked:before {
content: "\f0fe";
}
.icofont-upload-alt:before {
content: "\f0ff";
}
.icofont-upload:before {
content: "\f100";
}
.icofont-usb-drive:before {
content: "\f101";
}
.icofont-usb:before {
content: "\f102";
}
.icofont-vector-path:before {
content: "\f103";
}
.icofont-verification-check:before {
content: "\f104";
}
.icofont-video-clapper:before {
content: "\f105";
}
.icofont-video:before {
content: "\f106";
}
.icofont-volume-down:before {
content: "\f107";
}
.icofont-volume-off:before {
content: "\f108";
}
.icofont-volume-up:before {
content: "\f109";
}
.icofont-wall-clock:before {
content: "\f10a";
}
.icofont-wall:before {
content: "\f10b";
}
.icofont-wallet:before {
content: "\f10c";
}
.icofont-warning-alt:before {
content: "\f10d";
}
.icofont-warning:before {
content: "\f10e";
}
.icofont-water-drop:before {
content: "\f10f";
}
.icofont-web:before {
content: "\f110";
}
.icofont-wheelchair:before {
content: "\f111";
}
.icofont-wifi-alt:before {
content: "\f112";
}
.icofont-wifi:before {
content: "\f113";
}
.icofont-world:before {
content: "\f114";
}
.icofont-zigzag:before {
content: "\f115";
}
.icofont-zipped:before {
content: "\f116";
}
.icofont-social-500px:before {
content: "\f117";
}
.icofont-social-baidu-tieba:before {
content: "\f118";
}
.icofont-social-bbm-messenger:before {
content: "\f119";
}
.icofont-social-delicious:before {
content: "\f11a";
}
.icofont-social-dribbble:before {
content: "\f11b";
}
.icofont-social-facebook-messenger:before {
content: "\f11c";
}
.icofont-social-flikr:before {
content: "\f11d";
}
.icofont-social-foursquare:before {
content: "\f11e";
}
.icofont-social-google-hangouts:before {
content: "\f11f";
}
.icofont-social-kakaotalk:before {
content: "\f120";
}
.icofont-social-kik:before {
content: "\f121";
}
.icofont-social-kiwibox:before {
content: "\f122";
}
.icofont-social-linkedin:before {
content: "\f123";
}
.icofont-social-meetme:before {
content: "\f124";
}
.icofont-social-odnoklassniki:before {
content: "\f125";
}
.icofont-social-photobucket:before {
content: "\f126";
}
.icofont-social-qq:before {
content: "\f127";
}
.icofont-social-renren:before {
content: "\f128";
}
.icofont-social-slack:before {
content: "\f129";
}
.icofont-social-slidshare:before {
content: "\f12a";
}
.icofont-social-snapchat:before {
content: "\f12b";
}
.icofont-social-soundcloud:before {
content: "\f12c";
}
.icofont-social-spotify:before {
content: "\f12d";
}
.icofont-social-stack-exchange:before {
content: "\f12e";
}
.icofont-social-stack-overflow:before {
content: "\f12f";
}
.icofont-social-tagged:before {
content: "\f130";
}
.icofont-social-trello:before {
content: "\f131";
}
.icofont-social-twitch:before {
content: "\f132";
}
.icofont-social-vk:before {
content: "\f133";
}
.icofont-social-weibo:before {
content: "\f134";
}
.icofont-social-whatsapp:before {
content: "\f135";
}
.icofont-social-youku:before {
content: "\f136";
}
.icofont-social-youtube-play:before {
content: "\f137";
}
.icofont-social-youtube:before {
content: "\f138";
}
.icofont-brand-xiaomi:before {
content: "\f139";
} .icofont-lg {
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%
}
.icofont-2x {
font-size: 2em
}
.icofont-3x {
font-size: 3em
}
.icofont-4x {
font-size: 4em
}
.icofont-5x {
font-size: 5em
}
.icofont-fw {
display: inline-block;
width: 1.28571429em;
text-align: center
} .icofont-fw {
width: 1.28571429em;
text-align: center;
} .icofont-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.icofont-ul>li {
position: relative;
}
.icofont-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: .14285714em;
text-align: center;
} .icofont-rotate {
-webkit-animation: icofont-rotate 2s infinite linear;
animation: icofont-rotate 2s infinite linear
}
@-webkit-keyframes icofont-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes icofont-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
 @font-face{font-family:"Ionicons";src:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/ionicons/fonts/ionicons.eot?v=2.0.0);src:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/ionicons/fonts/ionicons.eot?v=2.0.0#iefix) format("embedded-opentype"),url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/ionicons/fonts/ionicons.ttf?v=2.0.0) format("truetype"),url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/ionicons/fonts/ionicons.woff?v=2.0.0) format("woff"),url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/ionicons/fonts/ionicons.svg?v=2.0.0#Ionicons) format("svg");font-weight:normal;font-style:normal}.ion,.ionicons,.ion-alert:before,.ion-alert-circled:before,.ion-android-add:before,.ion-android-add-circle:before,.ion-android-alarm-clock:before,.ion-android-alert:before,.ion-android-apps:before,.ion-android-archive:before,.ion-android-arrow-back:before,.ion-android-arrow-down:before,.ion-android-arrow-dropdown:before,.ion-android-arrow-dropdown-circle:before,.ion-android-arrow-dropleft:before,.ion-android-arrow-dropleft-circle:before,.ion-android-arrow-dropright:before,.ion-android-arrow-dropright-circle:before,.ion-android-arrow-dropup:before,.ion-android-arrow-dropup-circle:before,.ion-android-arrow-forward:before,.ion-android-arrow-up:before,.ion-android-attach:before,.ion-android-bar:before,.ion-android-bicycle:before,.ion-android-boat:before,.ion-android-bookmark:before,.ion-android-bulb:before,.ion-android-bus:before,.ion-android-calendar:before,.ion-android-call:before,.ion-android-camera:before,.ion-android-cancel:before,.ion-android-car:before,.ion-android-cart:before,.ion-android-chat:before,.ion-android-checkbox:before,.ion-android-checkbox-blank:before,.ion-android-checkbox-outline:before,.ion-android-checkbox-outline-blank:before,.ion-android-checkmark-circle:before,.ion-android-clipboard:before,.ion-android-close:before,.ion-android-cloud:before,.ion-android-cloud-circle:before,.ion-android-cloud-done:before,.ion-android-cloud-outline:before,.ion-android-color-palette:before,.ion-android-compass:before,.ion-android-contact:before,.ion-android-contacts:before,.ion-android-contract:before,.ion-android-create:before,.ion-android-delete:before,.ion-android-desktop:before,.ion-android-document:before,.ion-android-done:before,.ion-android-done-all:before,.ion-android-download:before,.ion-android-drafts:before,.ion-android-exit:before,.ion-android-expand:before,.ion-android-favorite:before,.ion-android-favorite-outline:before,.ion-android-film:before,.ion-android-folder:before,.ion-android-folder-open:before,.ion-android-funnel:before,.ion-android-globe:before,.ion-android-hand:before,.ion-android-hangout:before,.ion-android-happy:before,.ion-android-home:before,.ion-android-image:before,.ion-android-laptop:before,.ion-android-list:before,.ion-android-locate:before,.ion-android-lock:before,.ion-android-mail:before,.ion-android-map:before,.ion-android-menu:before,.ion-android-microphone:before,.ion-android-microphone-off:before,.ion-android-more-horizontal:before,.ion-android-more-vertical:before,.ion-android-navigate:before,.ion-android-notifications:before,.ion-android-notifications-none:before,.ion-android-notifications-off:before,.ion-android-open:before,.ion-android-options:before,.ion-android-people:before,.ion-android-person:before,.ion-android-person-add:before,.ion-android-phone-landscape:before,.ion-android-phone-portrait:before,.ion-android-pin:before,.ion-android-plane:before,.ion-android-playstore:before,.ion-android-print:before,.ion-android-radio-button-off:before,.ion-android-radio-button-on:before,.ion-android-refresh:before,.ion-android-remove:before,.ion-android-remove-circle:before,.ion-android-restaurant:before,.ion-android-sad:before,.ion-android-search:before,.ion-android-send:before,.ion-android-settings:before,.ion-android-share:before,.ion-android-share-alt:before,.ion-android-star:before,.ion-android-star-half:before,.ion-android-star-outline:before,.ion-android-stopwatch:before,.ion-android-subway:before,.ion-android-sunny:before,.ion-android-sync:before,.ion-android-textsms:before,.ion-android-time:before,.ion-android-train:before,.ion-android-unlock:before,.ion-android-upload:before,.ion-android-volume-down:before,.ion-android-volume-mute:before,.ion-android-volume-off:before,.ion-android-volume-up:before,.ion-android-walk:before,.ion-android-warning:before,.ion-android-watch:before,.ion-android-wifi:before,.ion-aperture:before,.ion-archive:before,.ion-arrow-down-a:before,.ion-arrow-down-b:before,.ion-arrow-down-c:before,.ion-arrow-expand:before,.ion-arrow-graph-down-left:before,.ion-arrow-graph-down-right:before,.ion-arrow-graph-up-left:before,.ion-arrow-graph-up-right:before,.ion-arrow-left-a:before,.ion-arrow-left-b:before,.ion-arrow-left-c:before,.ion-arrow-move:before,.ion-arrow-resize:before,.ion-arrow-return-left:before,.ion-arrow-return-right:before,.ion-arrow-right-a:before,.ion-arrow-right-b:before,.ion-arrow-right-c:before,.ion-arrow-shrink:before,.ion-arrow-swap:before,.ion-arrow-up-a:before,.ion-arrow-up-b:before,.ion-arrow-up-c:before,.ion-asterisk:before,.ion-at:before,.ion-backspace:before,.ion-backspace-outline:before,.ion-bag:before,.ion-battery-charging:before,.ion-battery-empty:before,.ion-battery-full:before,.ion-battery-half:before,.ion-battery-low:before,.ion-beaker:before,.ion-beer:before,.ion-bluetooth:before,.ion-bonfire:before,.ion-bookmark:before,.ion-bowtie:before,.ion-briefcase:before,.ion-bug:before,.ion-calculator:before,.ion-calendar:before,.ion-camera:before,.ion-card:before,.ion-cash:before,.ion-chatbox:before,.ion-chatbox-working:before,.ion-chatboxes:before,.ion-chatbubble:before,.ion-chatbubble-working:before,.ion-chatbubbles:before,.ion-checkmark:before,.ion-checkmark-circled:before,.ion-checkmark-round:before,.ion-chevron-down:before,.ion-chevron-left:before,.ion-chevron-right:before,.ion-chevron-up:before,.ion-clipboard:before,.ion-clock:before,.ion-close:before,.ion-close-circled:before,.ion-close-round:before,.ion-closed-captioning:before,.ion-cloud:before,.ion-code:before,.ion-code-download:before,.ion-code-working:before,.ion-coffee:before,.ion-compass:before,.ion-compose:before,.ion-connection-bars:before,.ion-contrast:before,.ion-crop:before,.ion-cube:before,.ion-disc:before,.ion-document:before,.ion-document-text:before,.ion-drag:before,.ion-earth:before,.ion-easel:before,.ion-edit:before,.ion-egg:before,.ion-eject:before,.ion-email:before,.ion-email-unread:before,.ion-erlenmeyer-flask:before,.ion-erlenmeyer-flask-bubbles:before,.ion-eye:before,.ion-eye-disabled:before,.ion-female:before,.ion-filing:before,.ion-film-marker:before,.ion-fireball:before,.ion-flag:before,.ion-flame:before,.ion-flash:before,.ion-flash-off:before,.ion-folder:before,.ion-fork:before,.ion-fork-repo:before,.ion-forward:before,.ion-funnel:before,.ion-gear-a:before,.ion-gear-b:before,.ion-grid:before,.ion-hammer:before,.ion-happy:before,.ion-happy-outline:before,.ion-headphone:before,.ion-heart:before,.ion-heart-broken:before,.ion-help:before,.ion-help-buoy:before,.ion-help-circled:before,.ion-home:before,.ion-icecream:before,.ion-image:before,.ion-images:before,.ion-information:before,.ion-information-circled:before,.ion-ionic:before,.ion-ios-alarm:before,.ion-ios-alarm-outline:before,.ion-ios-albums:before,.ion-ios-albums-outline:before,.ion-ios-americanfootball:before,.ion-ios-americanfootball-outline:before,.ion-ios-analytics:before,.ion-ios-analytics-outline:before,.ion-ios-arrow-back:before,.ion-ios-arrow-down:before,.ion-ios-arrow-forward:before,.ion-ios-arrow-left:before,.ion-ios-arrow-right:before,.ion-ios-arrow-thin-down:before,.ion-ios-arrow-thin-left:before,.ion-ios-arrow-thin-right:before,.ion-ios-arrow-thin-up:before,.ion-ios-arrow-up:before,.ion-ios-at:before,.ion-ios-at-outline:before,.ion-ios-barcode:before,.ion-ios-barcode-outline:before,.ion-ios-baseball:before,.ion-ios-baseball-outline:before,.ion-ios-basketball:before,.ion-ios-basketball-outline:before,.ion-ios-bell:before,.ion-ios-bell-outline:before,.ion-ios-body:before,.ion-ios-body-outline:before,.ion-ios-bolt:before,.ion-ios-bolt-outline:before,.ion-ios-book:before,.ion-ios-book-outline:before,.ion-ios-bookmarks:before,.ion-ios-bookmarks-outline:before,.ion-ios-box:before,.ion-ios-box-outline:before,.ion-ios-briefcase:before,.ion-ios-briefcase-outline:before,.ion-ios-browsers:before,.ion-ios-browsers-outline:before,.ion-ios-calculator:before,.ion-ios-calculator-outline:before,.ion-ios-calendar:before,.ion-ios-calendar-outline:before,.ion-ios-camera:before,.ion-ios-camera-outline:before,.ion-ios-cart:before,.ion-ios-cart-outline:before,.ion-ios-chatboxes:before,.ion-ios-chatboxes-outline:before,.ion-ios-chatbubble:before,.ion-ios-chatbubble-outline:before,.ion-ios-checkmark:before,.ion-ios-checkmark-empty:before,.ion-ios-checkmark-outline:before,.ion-ios-circle-filled:before,.ion-ios-circle-outline:before,.ion-ios-clock:before,.ion-ios-clock-outline:before,.ion-ios-close:before,.ion-ios-close-empty:before,.ion-ios-close-outline:before,.ion-ios-cloud:before,.ion-ios-cloud-download:before,.ion-ios-cloud-download-outline:before,.ion-ios-cloud-outline:before,.ion-ios-cloud-upload:before,.ion-ios-cloud-upload-outline:before,.ion-ios-cloudy:before,.ion-ios-cloudy-night:before,.ion-ios-cloudy-night-outline:before,.ion-ios-cloudy-outline:before,.ion-ios-cog:before,.ion-ios-cog-outline:before,.ion-ios-color-filter:before,.ion-ios-color-filter-outline:before,.ion-ios-color-wand:before,.ion-ios-color-wand-outline:before,.ion-ios-compose:before,.ion-ios-compose-outline:before,.ion-ios-contact:before,.ion-ios-contact-outline:before,.ion-ios-copy:before,.ion-ios-copy-outline:before,.ion-ios-crop:before,.ion-ios-crop-strong:before,.ion-ios-download:before,.ion-ios-download-outline:before,.ion-ios-drag:before,.ion-ios-email:before,.ion-ios-email-outline:before,.ion-ios-eye:before,.ion-ios-eye-outline:before,.ion-ios-fastforward:before,.ion-ios-fastforward-outline:before,.ion-ios-filing:before,.ion-ios-filing-outline:before,.ion-ios-film:before,.ion-ios-film-outline:before,.ion-ios-flag:before,.ion-ios-flag-outline:before,.ion-ios-flame:before,.ion-ios-flame-outline:before,.ion-ios-flask:before,.ion-ios-flask-outline:before,.ion-ios-flower:before,.ion-ios-flower-outline:before,.ion-ios-folder:before,.ion-ios-folder-outline:before,.ion-ios-football:before,.ion-ios-football-outline:before,.ion-ios-game-controller-a:before,.ion-ios-game-controller-a-outline:before,.ion-ios-game-controller-b:before,.ion-ios-game-controller-b-outline:before,.ion-ios-gear:before,.ion-ios-gear-outline:before,.ion-ios-glasses:before,.ion-ios-glasses-outline:before,.ion-ios-grid-view:before,.ion-ios-grid-view-outline:before,.ion-ios-heart:before,.ion-ios-heart-outline:before,.ion-ios-help:before,.ion-ios-help-empty:before,.ion-ios-help-outline:before,.ion-ios-home:before,.ion-ios-home-outline:before,.ion-ios-infinite:before,.ion-ios-infinite-outline:before,.ion-ios-information:before,.ion-ios-information-empty:before,.ion-ios-information-outline:before,.ion-ios-ionic-outline:before,.ion-ios-keypad:before,.ion-ios-keypad-outline:before,.ion-ios-lightbulb:before,.ion-ios-lightbulb-outline:before,.ion-ios-list:before,.ion-ios-list-outline:before,.ion-ios-location:before,.ion-ios-location-outline:before,.ion-ios-locked:before,.ion-ios-locked-outline:before,.ion-ios-loop:before,.ion-ios-loop-strong:before,.ion-ios-medical:before,.ion-ios-medical-outline:before,.ion-ios-medkit:before,.ion-ios-medkit-outline:before,.ion-ios-mic:before,.ion-ios-mic-off:before,.ion-ios-mic-outline:before,.ion-ios-minus:before,.ion-ios-minus-empty:before,.ion-ios-minus-outline:before,.ion-ios-monitor:before,.ion-ios-monitor-outline:before,.ion-ios-moon:before,.ion-ios-moon-outline:before,.ion-ios-more:before,.ion-ios-more-outline:before,.ion-ios-musical-note:before,.ion-ios-musical-notes:before,.ion-ios-navigate:before,.ion-ios-navigate-outline:before,.ion-ios-nutrition:before,.ion-ios-nutrition-outline:before,.ion-ios-paper:before,.ion-ios-paper-outline:before,.ion-ios-paperplane:before,.ion-ios-paperplane-outline:before,.ion-ios-partlysunny:before,.ion-ios-partlysunny-outline:before,.ion-ios-pause:before,.ion-ios-pause-outline:before,.ion-ios-paw:before,.ion-ios-paw-outline:before,.ion-ios-people:before,.ion-ios-people-outline:before,.ion-ios-person:before,.ion-ios-person-outline:before,.ion-ios-personadd:before,.ion-ios-personadd-outline:before,.ion-ios-photos:before,.ion-ios-photos-outline:before,.ion-ios-pie:before,.ion-ios-pie-outline:before,.ion-ios-pint:before,.ion-ios-pint-outline:before,.ion-ios-play:before,.ion-ios-play-outline:before,.ion-ios-plus:before,.ion-ios-plus-empty:before,.ion-ios-plus-outline:before,.ion-ios-pricetag:before,.ion-ios-pricetag-outline:before,.ion-ios-pricetags:before,.ion-ios-pricetags-outline:before,.ion-ios-printer:before,.ion-ios-printer-outline:before,.ion-ios-pulse:before,.ion-ios-pulse-strong:before,.ion-ios-rainy:before,.ion-ios-rainy-outline:before,.ion-ios-recording:before,.ion-ios-recording-outline:before,.ion-ios-redo:before,.ion-ios-redo-outline:before,.ion-ios-refresh:before,.ion-ios-refresh-empty:before,.ion-ios-refresh-outline:before,.ion-ios-reload:before,.ion-ios-reverse-camera:before,.ion-ios-reverse-camera-outline:before,.ion-ios-rewind:before,.ion-ios-rewind-outline:before,.ion-ios-rose:before,.ion-ios-rose-outline:before,.ion-ios-search:before,.ion-ios-search-strong:before,.ion-ios-settings:before,.ion-ios-settings-strong:before,.ion-ios-shuffle:before,.ion-ios-shuffle-strong:before,.ion-ios-skipbackward:before,.ion-ios-skipbackward-outline:before,.ion-ios-skipforward:before,.ion-ios-skipforward-outline:before,.ion-ios-snowy:before,.ion-ios-speedometer:before,.ion-ios-speedometer-outline:before,.ion-ios-star:before,.ion-ios-star-half:before,.ion-ios-star-outline:before,.ion-ios-stopwatch:before,.ion-ios-stopwatch-outline:before,.ion-ios-sunny:before,.ion-ios-sunny-outline:before,.ion-ios-telephone:before,.ion-ios-telephone-outline:before,.ion-ios-tennisball:before,.ion-ios-tennisball-outline:before,.ion-ios-thunderstorm:before,.ion-ios-thunderstorm-outline:before,.ion-ios-time:before,.ion-ios-time-outline:before,.ion-ios-timer:before,.ion-ios-timer-outline:before,.ion-ios-toggle:before,.ion-ios-toggle-outline:before,.ion-ios-trash:before,.ion-ios-trash-outline:before,.ion-ios-undo:before,.ion-ios-undo-outline:before,.ion-ios-unlocked:before,.ion-ios-unlocked-outline:before,.ion-ios-upload:before,.ion-ios-upload-outline:before,.ion-ios-videocam:before,.ion-ios-videocam-outline:before,.ion-ios-volume-high:before,.ion-ios-volume-low:before,.ion-ios-wineglass:before,.ion-ios-wineglass-outline:before,.ion-ios-world:before,.ion-ios-world-outline:before,.ion-ipad:before,.ion-iphone:before,.ion-ipod:before,.ion-jet:before,.ion-key:before,.ion-knife:before,.ion-laptop:before,.ion-leaf:before,.ion-levels:before,.ion-lightbulb:before,.ion-link:before,.ion-load-a:before,.ion-load-b:before,.ion-load-c:before,.ion-load-d:before,.ion-location:before,.ion-lock-combination:before,.ion-locked:before,.ion-log-in:before,.ion-log-out:before,.ion-loop:before,.ion-magnet:before,.ion-male:before,.ion-man:before,.ion-map:before,.ion-medkit:before,.ion-merge:before,.ion-mic-a:before,.ion-mic-b:before,.ion-mic-c:before,.ion-minus:before,.ion-minus-circled:before,.ion-minus-round:before,.ion-model-s:before,.ion-monitor:before,.ion-more:before,.ion-mouse:before,.ion-music-note:before,.ion-navicon:before,.ion-navicon-round:before,.ion-navigate:before,.ion-network:before,.ion-no-smoking:before,.ion-nuclear:before,.ion-outlet:before,.ion-paintbrush:before,.ion-paintbucket:before,.ion-paper-airplane:before,.ion-paperclip:before,.ion-pause:before,.ion-person:before,.ion-person-add:before,.ion-person-stalker:before,.ion-pie-graph:before,.ion-pin:before,.ion-pinpoint:before,.ion-pizza:before,.ion-plane:before,.ion-planet:before,.ion-play:before,.ion-playstation:before,.ion-plus:before,.ion-plus-circled:before,.ion-plus-round:before,.ion-podium:before,.ion-pound:before,.ion-power:before,.ion-pricetag:before,.ion-pricetags:before,.ion-printer:before,.ion-pull-request:before,.ion-qr-scanner:before,.ion-quote:before,.ion-radio-waves:before,.ion-record:before,.ion-refresh:before,.ion-reply:before,.ion-reply-all:before,.ion-ribbon-a:before,.ion-ribbon-b:before,.ion-sad:before,.ion-sad-outline:before,.ion-scissors:before,.ion-search:before,.ion-settings:before,.ion-share:before,.ion-shuffle:before,.ion-skip-backward:before,.ion-skip-forward:before,.ion-social-android:before,.ion-social-android-outline:before,.ion-social-angular:before,.ion-social-angular-outline:before,.ion-social-apple:before,.ion-social-apple-outline:before,.ion-social-bitcoin:before,.ion-social-bitcoin-outline:before,.ion-social-buffer:before,.ion-social-buffer-outline:before,.ion-social-chrome:before,.ion-social-chrome-outline:before,.ion-social-codepen:before,.ion-social-codepen-outline:before,.ion-social-css3:before,.ion-social-css3-outline:before,.ion-social-designernews:before,.ion-social-designernews-outline:before,.ion-social-dribbble:before,.ion-social-dribbble-outline:before,.ion-social-dropbox:before,.ion-social-dropbox-outline:before,.ion-social-euro:before,.ion-social-euro-outline:before,.ion-social-facebook:before,.ion-social-facebook-outline:before,.ion-social-foursquare:before,.ion-social-foursquare-outline:before,.ion-social-freebsd-devil:before,.ion-social-github:before,.ion-social-github-outline:before,.ion-social-google:before,.ion-social-google-outline:before,.ion-social-googleplus:before,.ion-social-googleplus-outline:before,.ion-social-hackernews:before,.ion-social-hackernews-outline:before,.ion-social-html5:before,.ion-social-html5-outline:before,.ion-social-instagram:before,.ion-social-instagram-outline:before,.ion-social-javascript:before,.ion-social-javascript-outline:before,.ion-social-linkedin:before,.ion-social-linkedin-outline:before,.ion-social-markdown:before,.ion-social-nodejs:before,.ion-social-octocat:before,.ion-social-pinterest:before,.ion-social-pinterest-outline:before,.ion-social-python:before,.ion-social-reddit:before,.ion-social-reddit-outline:before,.ion-social-rss:before,.ion-social-rss-outline:before,.ion-social-sass:before,.ion-social-skype:before,.ion-social-skype-outline:before,.ion-social-snapchat:before,.ion-social-snapchat-outline:before,.ion-social-tumblr:before,.ion-social-tumblr-outline:before,.ion-social-tux:before,.ion-social-twitch:before,.ion-social-twitch-outline:before,.ion-social-twitter:before,.ion-social-twitter-outline:before,.ion-social-usd:before,.ion-social-usd-outline:before,.ion-social-vimeo:before,.ion-social-vimeo-outline:before,.ion-social-whatsapp:before,.ion-social-whatsapp-outline:before,.ion-social-windows:before,.ion-social-windows-outline:before,.ion-social-wordpress:before,.ion-social-wordpress-outline:before,.ion-social-yahoo:before,.ion-social-yahoo-outline:before,.ion-social-yen:before,.ion-social-yen-outline:before,.ion-social-youtube:before,.ion-social-youtube-outline:before,.ion-soup-can:before,.ion-soup-can-outline:before,.ion-speakerphone:before,.ion-speedometer:before,.ion-spoon:before,.ion-star:before,.ion-stats-bars:before,.ion-steam:before,.ion-stop:before,.ion-thermometer:before,.ion-thumbsdown:before,.ion-thumbsup:before,.ion-toggle:before,.ion-toggle-filled:before,.ion-transgender:before,.ion-trash-a:before,.ion-trash-b:before,.ion-trophy:before,.ion-tshirt:before,.ion-tshirt-outline:before,.ion-umbrella:before,.ion-university:before,.ion-unlocked:before,.ion-upload:before,.ion-usb:before,.ion-videocamera:before,.ion-volume-high:before,.ion-volume-low:before,.ion-volume-medium:before,.ion-volume-mute:before,.ion-wand:before,.ion-waterdrop:before,.ion-wifi:before,.ion-wineglass:before,.ion-woman:before,.ion-wrench:before,.ion-xbox:before{display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ion-alert:before{content:"\f101"}.ion-alert-circled:before{content:"\f100"}.ion-android-add:before{content:"\f2c7"}.ion-android-add-circle:before{content:"\f359"}.ion-android-alarm-clock:before{content:"\f35a"}.ion-android-alert:before{content:"\f35b"}.ion-android-apps:before{content:"\f35c"}.ion-android-archive:before{content:"\f2c9"}.ion-android-arrow-back:before{content:"\f2ca"}.ion-android-arrow-down:before{content:"\f35d"}.ion-android-arrow-dropdown:before{content:"\f35f"}.ion-android-arrow-dropdown-circle:before{content:"\f35e"}.ion-android-arrow-dropleft:before{content:"\f361"}.ion-android-arrow-dropleft-circle:before{content:"\f360"}.ion-android-arrow-dropright:before{content:"\f363"}.ion-android-arrow-dropright-circle:before{content:"\f362"}.ion-android-arrow-dropup:before{content:"\f365"}.ion-android-arrow-dropup-circle:before{content:"\f364"}.ion-android-arrow-forward:before{content:"\f30f"}.ion-android-arrow-up:before{content:"\f366"}.ion-android-attach:before{content:"\f367"}.ion-android-bar:before{content:"\f368"}.ion-android-bicycle:before{content:"\f369"}.ion-android-boat:before{content:"\f36a"}.ion-android-bookmark:before{content:"\f36b"}.ion-android-bulb:before{content:"\f36c"}.ion-android-bus:before{content:"\f36d"}.ion-android-calendar:before{content:"\f2d1"}.ion-android-call:before{content:"\f2d2"}.ion-android-camera:before{content:"\f2d3"}.ion-android-cancel:before{content:"\f36e"}.ion-android-car:before{content:"\f36f"}.ion-android-cart:before{content:"\f370"}.ion-android-chat:before{content:"\f2d4"}.ion-android-checkbox:before{content:"\f374"}.ion-android-checkbox-blank:before{content:"\f371"}.ion-android-checkbox-outline:before{content:"\f373"}.ion-android-checkbox-outline-blank:before{content:"\f372"}.ion-android-checkmark-circle:before{content:"\f375"}.ion-android-clipboard:before{content:"\f376"}.ion-android-close:before{content:"\f2d7"}.ion-android-cloud:before{content:"\f37a"}.ion-android-cloud-circle:before{content:"\f377"}.ion-android-cloud-done:before{content:"\f378"}.ion-android-cloud-outline:before{content:"\f379"}.ion-android-color-palette:before{content:"\f37b"}.ion-android-compass:before{content:"\f37c"}.ion-android-contact:before{content:"\f2d8"}.ion-android-contacts:before{content:"\f2d9"}.ion-android-contract:before{content:"\f37d"}.ion-android-create:before{content:"\f37e"}.ion-android-delete:before{content:"\f37f"}.ion-android-desktop:before{content:"\f380"}.ion-android-document:before{content:"\f381"}.ion-android-done:before{content:"\f383"}.ion-android-done-all:before{content:"\f382"}.ion-android-download:before{content:"\f2dd"}.ion-android-drafts:before{content:"\f384"}.ion-android-exit:before{content:"\f385"}.ion-android-expand:before{content:"\f386"}.ion-android-favorite:before{content:"\f388"}.ion-android-favorite-outline:before{content:"\f387"}.ion-android-film:before{content:"\f389"}.ion-android-folder:before{content:"\f2e0"}.ion-android-folder-open:before{content:"\f38a"}.ion-android-funnel:before{content:"\f38b"}.ion-android-globe:before{content:"\f38c"}.ion-android-hand:before{content:"\f2e3"}.ion-android-hangout:before{content:"\f38d"}.ion-android-happy:before{content:"\f38e"}.ion-android-home:before{content:"\f38f"}.ion-android-image:before{content:"\f2e4"}.ion-android-laptop:before{content:"\f390"}.ion-android-list:before{content:"\f391"}.ion-android-locate:before{content:"\f2e9"}.ion-android-lock:before{content:"\f392"}.ion-android-mail:before{content:"\f2eb"}.ion-android-map:before{content:"\f393"}.ion-android-menu:before{content:"\f394"}.ion-android-microphone:before{content:"\f2ec"}.ion-android-microphone-off:before{content:"\f395"}.ion-android-more-horizontal:before{content:"\f396"}.ion-android-more-vertical:before{content:"\f397"}.ion-android-navigate:before{content:"\f398"}.ion-android-notifications:before{content:"\f39b"}.ion-android-notifications-none:before{content:"\f399"}.ion-android-notifications-off:before{content:"\f39a"}.ion-android-open:before{content:"\f39c"}.ion-android-options:before{content:"\f39d"}.ion-android-people:before{content:"\f39e"}.ion-android-person:before{content:"\f3a0"}.ion-android-person-add:before{content:"\f39f"}.ion-android-phone-landscape:before{content:"\f3a1"}.ion-android-phone-portrait:before{content:"\f3a2"}.ion-android-pin:before{content:"\f3a3"}.ion-android-plane:before{content:"\f3a4"}.ion-android-playstore:before{content:"\f2f0"}.ion-android-print:before{content:"\f3a5"}.ion-android-radio-button-off:before{content:"\f3a6"}.ion-android-radio-button-on:before{content:"\f3a7"}.ion-android-refresh:before{content:"\f3a8"}.ion-android-remove:before{content:"\f2f4"}.ion-android-remove-circle:before{content:"\f3a9"}.ion-android-restaurant:before{content:"\f3aa"}.ion-android-sad:before{content:"\f3ab"}.ion-android-search:before{content:"\f2f5"}.ion-android-send:before{content:"\f2f6"}.ion-android-settings:before{content:"\f2f7"}.ion-android-share:before{content:"\f2f8"}.ion-android-share-alt:before{content:"\f3ac"}.ion-android-star:before{content:"\f2fc"}.ion-android-star-half:before{content:"\f3ad"}.ion-android-star-outline:before{content:"\f3ae"}.ion-android-stopwatch:before{content:"\f2fd"}.ion-android-subway:before{content:"\f3af"}.ion-android-sunny:before{content:"\f3b0"}.ion-android-sync:before{content:"\f3b1"}.ion-android-textsms:before{content:"\f3b2"}.ion-android-time:before{content:"\f3b3"}.ion-android-train:before{content:"\f3b4"}.ion-android-unlock:before{content:"\f3b5"}.ion-android-upload:before{content:"\f3b6"}.ion-android-volume-down:before{content:"\f3b7"}.ion-android-volume-mute:before{content:"\f3b8"}.ion-android-volume-off:before{content:"\f3b9"}.ion-android-volume-up:before{content:"\f3ba"}.ion-android-walk:before{content:"\f3bb"}.ion-android-warning:before{content:"\f3bc"}.ion-android-watch:before{content:"\f3bd"}.ion-android-wifi:before{content:"\f305"}.ion-aperture:before{content:"\f313"}.ion-archive:before{content:"\f102"}.ion-arrow-down-a:before{content:"\f103"}.ion-arrow-down-b:before{content:"\f104"}.ion-arrow-down-c:before{content:"\f105"}.ion-arrow-expand:before{content:"\f25e"}.ion-arrow-graph-down-left:before{content:"\f25f"}.ion-arrow-graph-down-right:before{content:"\f260"}.ion-arrow-graph-up-left:before{content:"\f261"}.ion-arrow-graph-up-right:before{content:"\f262"}.ion-arrow-left-a:before{content:"\f106"}.ion-arrow-left-b:before{content:"\f107"}.ion-arrow-left-c:before{content:"\f108"}.ion-arrow-move:before{content:"\f263"}.ion-arrow-resize:before{content:"\f264"}.ion-arrow-return-left:before{content:"\f265"}.ion-arrow-return-right:before{content:"\f266"}.ion-arrow-right-a:before{content:"\f109"}.ion-arrow-right-b:before{content:"\f10a"}.ion-arrow-right-c:before{content:"\f10b"}.ion-arrow-shrink:before{content:"\f267"}.ion-arrow-swap:before{content:"\f268"}.ion-arrow-up-a:before{content:"\f10c"}.ion-arrow-up-b:before{content:"\f10d"}.ion-arrow-up-c:before{content:"\f10e"}.ion-asterisk:before{content:"\f314"}.ion-at:before{content:"\f10f"}.ion-backspace:before{content:"\f3bf"}.ion-backspace-outline:before{content:"\f3be"}.ion-bag:before{content:"\f110"}.ion-battery-charging:before{content:"\f111"}.ion-battery-empty:before{content:"\f112"}.ion-battery-full:before{content:"\f113"}.ion-battery-half:before{content:"\f114"}.ion-battery-low:before{content:"\f115"}.ion-beaker:before{content:"\f269"}.ion-beer:before{content:"\f26a"}.ion-bluetooth:before{content:"\f116"}.ion-bonfire:before{content:"\f315"}.ion-bookmark:before{content:"\f26b"}.ion-bowtie:before{content:"\f3c0"}.ion-briefcase:before{content:"\f26c"}.ion-bug:before{content:"\f2be"}.ion-calculator:before{content:"\f26d"}.ion-calendar:before{content:"\f117"}.ion-camera:before{content:"\f118"}.ion-card:before{content:"\f119"}.ion-cash:before{content:"\f316"}.ion-chatbox:before{content:"\f11b"}.ion-chatbox-working:before{content:"\f11a"}.ion-chatboxes:before{content:"\f11c"}.ion-chatbubble:before{content:"\f11e"}.ion-chatbubble-working:before{content:"\f11d"}.ion-chatbubbles:before{content:"\f11f"}.ion-checkmark:before{content:"\f122"}.ion-checkmark-circled:before{content:"\f120"}.ion-checkmark-round:before{content:"\f121"}.ion-chevron-down:before{content:"\f123"}.ion-chevron-left:before{content:"\f124"}.ion-chevron-right:before{content:"\f125"}.ion-chevron-up:before{content:"\f126"}.ion-clipboard:before{content:"\f127"}.ion-clock:before{content:"\f26e"}.ion-close:before{content:"\f12a"}.ion-close-circled:before{content:"\f128"}.ion-close-round:before{content:"\f129"}.ion-closed-captioning:before{content:"\f317"}.ion-cloud:before{content:"\f12b"}.ion-code:before{content:"\f271"}.ion-code-download:before{content:"\f26f"}.ion-code-working:before{content:"\f270"}.ion-coffee:before{content:"\f272"}.ion-compass:before{content:"\f273"}.ion-compose:before{content:"\f12c"}.ion-connection-bars:before{content:"\f274"}.ion-contrast:before{content:"\f275"}.ion-crop:before{content:"\f3c1"}.ion-cube:before{content:"\f318"}.ion-disc:before{content:"\f12d"}.ion-document:before{content:"\f12f"}.ion-document-text:before{content:"\f12e"}.ion-drag:before{content:"\f130"}.ion-earth:before{content:"\f276"}.ion-easel:before{content:"\f3c2"}.ion-edit:before{content:"\f2bf"}.ion-egg:before{content:"\f277"}.ion-eject:before{content:"\f131"}.ion-email:before{content:"\f132"}.ion-email-unread:before{content:"\f3c3"}.ion-erlenmeyer-flask:before{content:"\f3c5"}.ion-erlenmeyer-flask-bubbles:before{content:"\f3c4"}.ion-eye:before{content:"\f133"}.ion-eye-disabled:before{content:"\f306"}.ion-female:before{content:"\f278"}.ion-filing:before{content:"\f134"}.ion-film-marker:before{content:"\f135"}.ion-fireball:before{content:"\f319"}.ion-flag:before{content:"\f279"}.ion-flame:before{content:"\f31a"}.ion-flash:before{content:"\f137"}.ion-flash-off:before{content:"\f136"}.ion-folder:before{content:"\f139"}.ion-fork:before{content:"\f27a"}.ion-fork-repo:before{content:"\f2c0"}.ion-forward:before{content:"\f13a"}.ion-funnel:before{content:"\f31b"}.ion-gear-a:before{content:"\f13d"}.ion-gear-b:before{content:"\f13e"}.ion-grid:before{content:"\f13f"}.ion-hammer:before{content:"\f27b"}.ion-happy:before{content:"\f31c"}.ion-happy-outline:before{content:"\f3c6"}.ion-headphone:before{content:"\f140"}.ion-heart:before{content:"\f141"}.ion-heart-broken:before{content:"\f31d"}.ion-help:before{content:"\f143"}.ion-help-buoy:before{content:"\f27c"}.ion-help-circled:before{content:"\f142"}.ion-home:before{content:"\f144"}.ion-icecream:before{content:"\f27d"}.ion-image:before{content:"\f147"}.ion-images:before{content:"\f148"}.ion-information:before{content:"\f14a"}.ion-information-circled:before{content:"\f149"}.ion-ionic:before{content:"\f14b"}.ion-ios-alarm:before{content:"\f3c8"}.ion-ios-alarm-outline:before{content:"\f3c7"}.ion-ios-albums:before{content:"\f3ca"}.ion-ios-albums-outline:before{content:"\f3c9"}.ion-ios-americanfootball:before{content:"\f3cc"}.ion-ios-americanfootball-outline:before{content:"\f3cb"}.ion-ios-analytics:before{content:"\f3ce"}.ion-ios-analytics-outline:before{content:"\f3cd"}.ion-ios-arrow-back:before{content:"\f3cf"}.ion-ios-arrow-down:before{content:"\f3d0"}.ion-ios-arrow-forward:before{content:"\f3d1"}.ion-ios-arrow-left:before{content:"\f3d2"}.ion-ios-arrow-right:before{content:"\f3d3"}.ion-ios-arrow-thin-down:before{content:"\f3d4"}.ion-ios-arrow-thin-left:before{content:"\f3d5"}.ion-ios-arrow-thin-right:before{content:"\f3d6"}.ion-ios-arrow-thin-up:before{content:"\f3d7"}.ion-ios-arrow-up:before{content:"\f3d8"}.ion-ios-at:before{content:"\f3da"}.ion-ios-at-outline:before{content:"\f3d9"}.ion-ios-barcode:before{content:"\f3dc"}.ion-ios-barcode-outline:before{content:"\f3db"}.ion-ios-baseball:before{content:"\f3de"}.ion-ios-baseball-outline:before{content:"\f3dd"}.ion-ios-basketball:before{content:"\f3e0"}.ion-ios-basketball-outline:before{content:"\f3df"}.ion-ios-bell:before{content:"\f3e2"}.ion-ios-bell-outline:before{content:"\f3e1"}.ion-ios-body:before{content:"\f3e4"}.ion-ios-body-outline:before{content:"\f3e3"}.ion-ios-bolt:before{content:"\f3e6"}.ion-ios-bolt-outline:before{content:"\f3e5"}.ion-ios-book:before{content:"\f3e8"}.ion-ios-book-outline:before{content:"\f3e7"}.ion-ios-bookmarks:before{content:"\f3ea"}.ion-ios-bookmarks-outline:before{content:"\f3e9"}.ion-ios-box:before{content:"\f3ec"}.ion-ios-box-outline:before{content:"\f3eb"}.ion-ios-briefcase:before{content:"\f3ee"}.ion-ios-briefcase-outline:before{content:"\f3ed"}.ion-ios-browsers:before{content:"\f3f0"}.ion-ios-browsers-outline:before{content:"\f3ef"}.ion-ios-calculator:before{content:"\f3f2"}.ion-ios-calculator-outline:before{content:"\f3f1"}.ion-ios-calendar:before{content:"\f3f4"}.ion-ios-calendar-outline:before{content:"\f3f3"}.ion-ios-camera:before{content:"\f3f6"}.ion-ios-camera-outline:before{content:"\f3f5"}.ion-ios-cart:before{content:"\f3f8"}.ion-ios-cart-outline:before{content:"\f3f7"}.ion-ios-chatboxes:before{content:"\f3fa"}.ion-ios-chatboxes-outline:before{content:"\f3f9"}.ion-ios-chatbubble:before{content:"\f3fc"}.ion-ios-chatbubble-outline:before{content:"\f3fb"}.ion-ios-checkmark:before{content:"\f3ff"}.ion-ios-checkmark-empty:before{content:"\f3fd"}.ion-ios-checkmark-outline:before{content:"\f3fe"}.ion-ios-circle-filled:before{content:"\f400"}.ion-ios-circle-outline:before{content:"\f401"}.ion-ios-clock:before{content:"\f403"}.ion-ios-clock-outline:before{content:"\f402"}.ion-ios-close:before{content:"\f406"}.ion-ios-close-empty:before{content:"\f404"}.ion-ios-close-outline:before{content:"\f405"}.ion-ios-cloud:before{content:"\f40c"}.ion-ios-cloud-download:before{content:"\f408"}.ion-ios-cloud-download-outline:before{content:"\f407"}.ion-ios-cloud-outline:before{content:"\f409"}.ion-ios-cloud-upload:before{content:"\f40b"}.ion-ios-cloud-upload-outline:before{content:"\f40a"}.ion-ios-cloudy:before{content:"\f410"}.ion-ios-cloudy-night:before{content:"\f40e"}.ion-ios-cloudy-night-outline:before{content:"\f40d"}.ion-ios-cloudy-outline:before{content:"\f40f"}.ion-ios-cog:before{content:"\f412"}.ion-ios-cog-outline:before{content:"\f411"}.ion-ios-color-filter:before{content:"\f414"}.ion-ios-color-filter-outline:before{content:"\f413"}.ion-ios-color-wand:before{content:"\f416"}.ion-ios-color-wand-outline:before{content:"\f415"}.ion-ios-compose:before{content:"\f418"}.ion-ios-compose-outline:before{content:"\f417"}.ion-ios-contact:before{content:"\f41a"}.ion-ios-contact-outline:before{content:"\f419"}.ion-ios-copy:before{content:"\f41c"}.ion-ios-copy-outline:before{content:"\f41b"}.ion-ios-crop:before{content:"\f41e"}.ion-ios-crop-strong:before{content:"\f41d"}.ion-ios-download:before{content:"\f420"}.ion-ios-download-outline:before{content:"\f41f"}.ion-ios-drag:before{content:"\f421"}.ion-ios-email:before{content:"\f423"}.ion-ios-email-outline:before{content:"\f422"}.ion-ios-eye:before{content:"\f425"}.ion-ios-eye-outline:before{content:"\f424"}.ion-ios-fastforward:before{content:"\f427"}.ion-ios-fastforward-outline:before{content:"\f426"}.ion-ios-filing:before{content:"\f429"}.ion-ios-filing-outline:before{content:"\f428"}.ion-ios-film:before{content:"\f42b"}.ion-ios-film-outline:before{content:"\f42a"}.ion-ios-flag:before{content:"\f42d"}.ion-ios-flag-outline:before{content:"\f42c"}.ion-ios-flame:before{content:"\f42f"}.ion-ios-flame-outline:before{content:"\f42e"}.ion-ios-flask:before{content:"\f431"}.ion-ios-flask-outline:before{content:"\f430"}.ion-ios-flower:before{content:"\f433"}.ion-ios-flower-outline:before{content:"\f432"}.ion-ios-folder:before{content:"\f435"}.ion-ios-folder-outline:before{content:"\f434"}.ion-ios-football:before{content:"\f437"}.ion-ios-football-outline:before{content:"\f436"}.ion-ios-game-controller-a:before{content:"\f439"}.ion-ios-game-controller-a-outline:before{content:"\f438"}.ion-ios-game-controller-b:before{content:"\f43b"}.ion-ios-game-controller-b-outline:before{content:"\f43a"}.ion-ios-gear:before{content:"\f43d"}.ion-ios-gear-outline:before{content:"\f43c"}.ion-ios-glasses:before{content:"\f43f"}.ion-ios-glasses-outline:before{content:"\f43e"}.ion-ios-grid-view:before{content:"\f441"}.ion-ios-grid-view-outline:before{content:"\f440"}.ion-ios-heart:before{content:"\f443"}.ion-ios-heart-outline:before{content:"\f442"}.ion-ios-help:before{content:"\f446"}.ion-ios-help-empty:before{content:"\f444"}.ion-ios-help-outline:before{content:"\f445"}.ion-ios-home:before{content:"\f448"}.ion-ios-home-outline:before{content:"\f447"}.ion-ios-infinite:before{content:"\f44a"}.ion-ios-infinite-outline:before{content:"\f449"}.ion-ios-information:before{content:"\f44d"}.ion-ios-information-empty:before{content:"\f44b"}.ion-ios-information-outline:before{content:"\f44c"}.ion-ios-ionic-outline:before{content:"\f44e"}.ion-ios-keypad:before{content:"\f450"}.ion-ios-keypad-outline:before{content:"\f44f"}.ion-ios-lightbulb:before{content:"\f452"}.ion-ios-lightbulb-outline:before{content:"\f451"}.ion-ios-list:before{content:"\f454"}.ion-ios-list-outline:before{content:"\f453"}.ion-ios-location:before{content:"\f456"}.ion-ios-location-outline:before{content:"\f455"}.ion-ios-locked:before{content:"\f458"}.ion-ios-locked-outline:before{content:"\f457"}.ion-ios-loop:before{content:"\f45a"}.ion-ios-loop-strong:before{content:"\f459"}.ion-ios-medical:before{content:"\f45c"}.ion-ios-medical-outline:before{content:"\f45b"}.ion-ios-medkit:before{content:"\f45e"}.ion-ios-medkit-outline:before{content:"\f45d"}.ion-ios-mic:before{content:"\f461"}.ion-ios-mic-off:before{content:"\f45f"}.ion-ios-mic-outline:before{content:"\f460"}.ion-ios-minus:before{content:"\f464"}.ion-ios-minus-empty:before{content:"\f462"}.ion-ios-minus-outline:before{content:"\f463"}.ion-ios-monitor:before{content:"\f466"}.ion-ios-monitor-outline:before{content:"\f465"}.ion-ios-moon:before{content:"\f468"}.ion-ios-moon-outline:before{content:"\f467"}.ion-ios-more:before{content:"\f46a"}.ion-ios-more-outline:before{content:"\f469"}.ion-ios-musical-note:before{content:"\f46b"}.ion-ios-musical-notes:before{content:"\f46c"}.ion-ios-navigate:before{content:"\f46e"}.ion-ios-navigate-outline:before{content:"\f46d"}.ion-ios-nutrition:before{content:"\f470"}.ion-ios-nutrition-outline:before{content:"\f46f"}.ion-ios-paper:before{content:"\f472"}.ion-ios-paper-outline:before{content:"\f471"}.ion-ios-paperplane:before{content:"\f474"}.ion-ios-paperplane-outline:before{content:"\f473"}.ion-ios-partlysunny:before{content:"\f476"}.ion-ios-partlysunny-outline:before{content:"\f475"}.ion-ios-pause:before{content:"\f478"}.ion-ios-pause-outline:before{content:"\f477"}.ion-ios-paw:before{content:"\f47a"}.ion-ios-paw-outline:before{content:"\f479"}.ion-ios-people:before{content:"\f47c"}.ion-ios-people-outline:before{content:"\f47b"}.ion-ios-person:before{content:"\f47e"}.ion-ios-person-outline:before{content:"\f47d"}.ion-ios-personadd:before{content:"\f480"}.ion-ios-personadd-outline:before{content:"\f47f"}.ion-ios-photos:before{content:"\f482"}.ion-ios-photos-outline:before{content:"\f481"}.ion-ios-pie:before{content:"\f484"}.ion-ios-pie-outline:before{content:"\f483"}.ion-ios-pint:before{content:"\f486"}.ion-ios-pint-outline:before{content:"\f485"}.ion-ios-play:before{content:"\f488"}.ion-ios-play-outline:before{content:"\f487"}.ion-ios-plus:before{content:"\f48b"}.ion-ios-plus-empty:before{content:"\f489"}.ion-ios-plus-outline:before{content:"\f48a"}.ion-ios-pricetag:before{content:"\f48d"}.ion-ios-pricetag-outline:before{content:"\f48c"}.ion-ios-pricetags:before{content:"\f48f"}.ion-ios-pricetags-outline:before{content:"\f48e"}.ion-ios-printer:before{content:"\f491"}.ion-ios-printer-outline:before{content:"\f490"}.ion-ios-pulse:before{content:"\f493"}.ion-ios-pulse-strong:before{content:"\f492"}.ion-ios-rainy:before{content:"\f495"}.ion-ios-rainy-outline:before{content:"\f494"}.ion-ios-recording:before{content:"\f497"}.ion-ios-recording-outline:before{content:"\f496"}.ion-ios-redo:before{content:"\f499"}.ion-ios-redo-outline:before{content:"\f498"}.ion-ios-refresh:before{content:"\f49c"}.ion-ios-refresh-empty:before{content:"\f49a"}.ion-ios-refresh-outline:before{content:"\f49b"}.ion-ios-reload:before{content:"\f49d"}.ion-ios-reverse-camera:before{content:"\f49f"}.ion-ios-reverse-camera-outline:before{content:"\f49e"}.ion-ios-rewind:before{content:"\f4a1"}.ion-ios-rewind-outline:before{content:"\f4a0"}.ion-ios-rose:before{content:"\f4a3"}.ion-ios-rose-outline:before{content:"\f4a2"}.ion-ios-search:before{content:"\f4a5"}.ion-ios-search-strong:before{content:"\f4a4"}.ion-ios-settings:before{content:"\f4a7"}.ion-ios-settings-strong:before{content:"\f4a6"}.ion-ios-shuffle:before{content:"\f4a9"}.ion-ios-shuffle-strong:before{content:"\f4a8"}.ion-ios-skipbackward:before{content:"\f4ab"}.ion-ios-skipbackward-outline:before{content:"\f4aa"}.ion-ios-skipforward:before{content:"\f4ad"}.ion-ios-skipforward-outline:before{content:"\f4ac"}.ion-ios-snowy:before{content:"\f4ae"}.ion-ios-speedometer:before{content:"\f4b0"}.ion-ios-speedometer-outline:before{content:"\f4af"}.ion-ios-star:before{content:"\f4b3"}.ion-ios-star-half:before{content:"\f4b1"}.ion-ios-star-outline:before{content:"\f4b2"}.ion-ios-stopwatch:before{content:"\f4b5"}.ion-ios-stopwatch-outline:before{content:"\f4b4"}.ion-ios-sunny:before{content:"\f4b7"}.ion-ios-sunny-outline:before{content:"\f4b6"}.ion-ios-telephone:before{content:"\f4b9"}.ion-ios-telephone-outline:before{content:"\f4b8"}.ion-ios-tennisball:before{content:"\f4bb"}.ion-ios-tennisball-outline:before{content:"\f4ba"}.ion-ios-thunderstorm:before{content:"\f4bd"}.ion-ios-thunderstorm-outline:before{content:"\f4bc"}.ion-ios-time:before{content:"\f4bf"}.ion-ios-time-outline:before{content:"\f4be"}.ion-ios-timer:before{content:"\f4c1"}.ion-ios-timer-outline:before{content:"\f4c0"}.ion-ios-toggle:before{content:"\f4c3"}.ion-ios-toggle-outline:before{content:"\f4c2"}.ion-ios-trash:before{content:"\f4c5"}.ion-ios-trash-outline:before{content:"\f4c4"}.ion-ios-undo:before{content:"\f4c7"}.ion-ios-undo-outline:before{content:"\f4c6"}.ion-ios-unlocked:before{content:"\f4c9"}.ion-ios-unlocked-outline:before{content:"\f4c8"}.ion-ios-upload:before{content:"\f4cb"}.ion-ios-upload-outline:before{content:"\f4ca"}.ion-ios-videocam:before{content:"\f4cd"}.ion-ios-videocam-outline:before{content:"\f4cc"}.ion-ios-volume-high:before{content:"\f4ce"}.ion-ios-volume-low:before{content:"\f4cf"}.ion-ios-wineglass:before{content:"\f4d1"}.ion-ios-wineglass-outline:before{content:"\f4d0"}.ion-ios-world:before{content:"\f4d3"}.ion-ios-world-outline:before{content:"\f4d2"}.ion-ipad:before{content:"\f1f9"}.ion-iphone:before{content:"\f1fa"}.ion-ipod:before{content:"\f1fb"}.ion-jet:before{content:"\f295"}.ion-key:before{content:"\f296"}.ion-knife:before{content:"\f297"}.ion-laptop:before{content:"\f1fc"}.ion-leaf:before{content:"\f1fd"}.ion-levels:before{content:"\f298"}.ion-lightbulb:before{content:"\f299"}.ion-link:before{content:"\f1fe"}.ion-load-a:before{content:"\f29a"}.ion-load-b:before{content:"\f29b"}.ion-load-c:before{content:"\f29c"}.ion-load-d:before{content:"\f29d"}.ion-location:before{content:"\f1ff"}.ion-lock-combination:before{content:"\f4d4"}.ion-locked:before{content:"\f200"}.ion-log-in:before{content:"\f29e"}.ion-log-out:before{content:"\f29f"}.ion-loop:before{content:"\f201"}.ion-magnet:before{content:"\f2a0"}.ion-male:before{content:"\f2a1"}.ion-man:before{content:"\f202"}.ion-map:before{content:"\f203"}.ion-medkit:before{content:"\f2a2"}.ion-merge:before{content:"\f33f"}.ion-mic-a:before{content:"\f204"}.ion-mic-b:before{content:"\f205"}.ion-mic-c:before{content:"\f206"}.ion-minus:before{content:"\f209"}.ion-minus-circled:before{content:"\f207"}.ion-minus-round:before{content:"\f208"}.ion-model-s:before{content:"\f2c1"}.ion-monitor:before{content:"\f20a"}.ion-more:before{content:"\f20b"}.ion-mouse:before{content:"\f340"}.ion-music-note:before{content:"\f20c"}.ion-navicon:before{content:"\f20e"}.ion-navicon-round:before{content:"\f20d"}.ion-navigate:before{content:"\f2a3"}.ion-network:before{content:"\f341"}.ion-no-smoking:before{content:"\f2c2"}.ion-nuclear:before{content:"\f2a4"}.ion-outlet:before{content:"\f342"}.ion-paintbrush:before{content:"\f4d5"}.ion-paintbucket:before{content:"\f4d6"}.ion-paper-airplane:before{content:"\f2c3"}.ion-paperclip:before{content:"\f20f"}.ion-pause:before{content:"\f210"}.ion-person:before{content:"\f213"}.ion-person-add:before{content:"\f211"}.ion-person-stalker:before{content:"\f212"}.ion-pie-graph:before{content:"\f2a5"}.ion-pin:before{content:"\f2a6"}.ion-pinpoint:before{content:"\f2a7"}.ion-pizza:before{content:"\f2a8"}.ion-plane:before{content:"\f214"}.ion-planet:before{content:"\f343"}.ion-play:before{content:"\f215"}.ion-playstation:before{content:"\f30a"}.ion-plus:before{content:"\f218"}.ion-plus-circled:before{content:"\f216"}.ion-plus-round:before{content:"\f217"}.ion-podium:before{content:"\f344"}.ion-pound:before{content:"\f219"}.ion-power:before{content:"\f2a9"}.ion-pricetag:before{content:"\f2aa"}.ion-pricetags:before{content:"\f2ab"}.ion-printer:before{content:"\f21a"}.ion-pull-request:before{content:"\f345"}.ion-qr-scanner:before{content:"\f346"}.ion-quote:before{content:"\f347"}.ion-radio-waves:before{content:"\f2ac"}.ion-record:before{content:"\f21b"}.ion-refresh:before{content:"\f21c"}.ion-reply:before{content:"\f21e"}.ion-reply-all:before{content:"\f21d"}.ion-ribbon-a:before{content:"\f348"}.ion-ribbon-b:before{content:"\f349"}.ion-sad:before{content:"\f34a"}.ion-sad-outline:before{content:"\f4d7"}.ion-scissors:before{content:"\f34b"}.ion-search:before{content:"\f21f"}.ion-settings:before{content:"\f2ad"}.ion-share:before{content:"\f220"}.ion-shuffle:before{content:"\f221"}.ion-skip-backward:before{content:"\f222"}.ion-skip-forward:before{content:"\f223"}.ion-social-android:before{content:"\f225"}.ion-social-android-outline:before{content:"\f224"}.ion-social-angular:before{content:"\f4d9"}.ion-social-angular-outline:before{content:"\f4d8"}.ion-social-apple:before{content:"\f227"}.ion-social-apple-outline:before{content:"\f226"}.ion-social-bitcoin:before{content:"\f2af"}.ion-social-bitcoin-outline:before{content:"\f2ae"}.ion-social-buffer:before{content:"\f229"}.ion-social-buffer-outline:before{content:"\f228"}.ion-social-chrome:before{content:"\f4db"}.ion-social-chrome-outline:before{content:"\f4da"}.ion-social-codepen:before{content:"\f4dd"}.ion-social-codepen-outline:before{content:"\f4dc"}.ion-social-css3:before{content:"\f4df"}.ion-social-css3-outline:before{content:"\f4de"}.ion-social-designernews:before{content:"\f22b"}.ion-social-designernews-outline:before{content:"\f22a"}.ion-social-dribbble:before{content:"\f22d"}.ion-social-dribbble-outline:before{content:"\f22c"}.ion-social-dropbox:before{content:"\f22f"}.ion-social-dropbox-outline:before{content:"\f22e"}.ion-social-euro:before{content:"\f4e1"}.ion-social-euro-outline:before{content:"\f4e0"}.ion-social-facebook:before{content:"\f231"}.ion-social-facebook-outline:before{content:"\f230"}.ion-social-foursquare:before{content:"\f34d"}.ion-social-foursquare-outline:before{content:"\f34c"}.ion-social-freebsd-devil:before{content:"\f2c4"}.ion-social-github:before{content:"\f233"}.ion-social-github-outline:before{content:"\f232"}.ion-social-google:before{content:"\f34f"}.ion-social-google-outline:before{content:"\f34e"}.ion-social-googleplus:before{content:"\f235"}.ion-social-googleplus-outline:before{content:"\f234"}.ion-social-hackernews:before{content:"\f237"}.ion-social-hackernews-outline:before{content:"\f236"}.ion-social-html5:before{content:"\f4e3"}.ion-social-html5-outline:before{content:"\f4e2"}.ion-social-instagram:before{content:"\f351"}.ion-social-instagram-outline:before{content:"\f350"}.ion-social-javascript:before{content:"\f4e5"}.ion-social-javascript-outline:before{content:"\f4e4"}.ion-social-linkedin:before{content:"\f239"}.ion-social-linkedin-outline:before{content:"\f238"}.ion-social-markdown:before{content:"\f4e6"}.ion-social-nodejs:before{content:"\f4e7"}.ion-social-octocat:before{content:"\f4e8"}.ion-social-pinterest:before{content:"\f2b1"}.ion-social-pinterest-outline:before{content:"\f2b0"}.ion-social-python:before{content:"\f4e9"}.ion-social-reddit:before{content:"\f23b"}.ion-social-reddit-outline:before{content:"\f23a"}.ion-social-rss:before{content:"\f23d"}.ion-social-rss-outline:before{content:"\f23c"}.ion-social-sass:before{content:"\f4ea"}.ion-social-skype:before{content:"\f23f"}.ion-social-skype-outline:before{content:"\f23e"}.ion-social-snapchat:before{content:"\f4ec"}.ion-social-snapchat-outline:before{content:"\f4eb"}.ion-social-tumblr:before{content:"\f241"}.ion-social-tumblr-outline:before{content:"\f240"}.ion-social-tux:before{content:"\f2c5"}.ion-social-twitch:before{content:"\f4ee"}.ion-social-twitch-outline:before{content:"\f4ed"}.ion-social-twitter:before{content:"\f243"}.ion-social-twitter-outline:before{content:"\f242"}.ion-social-usd:before{content:"\f353"}.ion-social-usd-outline:before{content:"\f352"}.ion-social-vimeo:before{content:"\f245"}.ion-social-vimeo-outline:before{content:"\f244"}.ion-social-whatsapp:before{content:"\f4f0"}.ion-social-whatsapp-outline:before{content:"\f4ef"}.ion-social-windows:before{content:"\f247"}.ion-social-windows-outline:before{content:"\f246"}.ion-social-wordpress:before{content:"\f249"}.ion-social-wordpress-outline:before{content:"\f248"}.ion-social-yahoo:before{content:"\f24b"}.ion-social-yahoo-outline:before{content:"\f24a"}.ion-social-yen:before{content:"\f4f2"}.ion-social-yen-outline:before{content:"\f4f1"}.ion-social-youtube:before{content:"\f24d"}.ion-social-youtube-outline:before{content:"\f24c"}.ion-soup-can:before{content:"\f4f4"}.ion-soup-can-outline:before{content:"\f4f3"}.ion-speakerphone:before{content:"\f2b2"}.ion-speedometer:before{content:"\f2b3"}.ion-spoon:before{content:"\f2b4"}.ion-star:before{content:"\f24e"}.ion-stats-bars:before{content:"\f2b5"}.ion-steam:before{content:"\f30b"}.ion-stop:before{content:"\f24f"}.ion-thermometer:before{content:"\f2b6"}.ion-thumbsdown:before{content:"\f250"}.ion-thumbsup:before{content:"\f251"}.ion-toggle:before{content:"\f355"}.ion-toggle-filled:before{content:"\f354"}.ion-transgender:before{content:"\f4f5"}.ion-trash-a:before{content:"\f252"}.ion-trash-b:before{content:"\f253"}.ion-trophy:before{content:"\f356"}.ion-tshirt:before{content:"\f4f7"}.ion-tshirt-outline:before{content:"\f4f6"}.ion-umbrella:before{content:"\f2b7"}.ion-university:before{content:"\f357"}.ion-unlocked:before{content:"\f254"}.ion-upload:before{content:"\f255"}.ion-usb:before{content:"\f2b8"}.ion-videocamera:before{content:"\f256"}.ion-volume-high:before{content:"\f257"}.ion-volume-low:before{content:"\f258"}.ion-volume-medium:before{content:"\f259"}.ion-volume-mute:before{content:"\f25a"}.ion-wand:before{content:"\f358"}.ion-waterdrop:before{content:"\f25b"}.ion-wifi:before{content:"\f25c"}.ion-wineglass:before{content:"\f2b9"}.ion-woman:before{content:"\f25d"}.ion-wrench:before{content:"\f2ba"}.ion-xbox:before{content:"\f30c"}@font-face {
font-family: 'themify';
src:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/themify/fonts/themify.eot);
src:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/themify/fonts/themify.eot) format('embedded-opentype'),
url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/themify/fonts/themify.woff) format('woff'),
url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/themify/fonts/themify.ttf) format('truetype'),
url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/themify/fonts/themify.svg) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="ti-"], [class*=" ti-"] {
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ti-wand:before {
content: "\e600";
}
.ti-volume:before {
content: "\e601";
}
.ti-user:before {
content: "\e602";
}
.ti-unlock:before {
content: "\e603";
}
.ti-unlink:before {
content: "\e604";
}
.ti-trash:before {
content: "\e605";
}
.ti-thought:before {
content: "\e606";
}
.ti-target:before {
content: "\e607";
}
.ti-tag:before {
content: "\e608";
}
.ti-tablet:before {
content: "\e609";
}
.ti-star:before {
content: "\e60a";
}
.ti-spray:before {
content: "\e60b";
}
.ti-signal:before {
content: "\e60c";
}
.ti-shopping-cart:before {
content: "\e60d";
}
.ti-shopping-cart-full:before {
content: "\e60e";
}
.ti-settings:before {
content: "\e60f";
}
.ti-search:before {
content: "\e610";
}
.ti-zoom-in:before {
content: "\e611";
}
.ti-zoom-out:before {
content: "\e612";
}
.ti-cut:before {
content: "\e613";
}
.ti-ruler:before {
content: "\e614";
}
.ti-ruler-pencil:before {
content: "\e615";
}
.ti-ruler-alt:before {
content: "\e616";
}
.ti-bookmark:before {
content: "\e617";
}
.ti-bookmark-alt:before {
content: "\e618";
}
.ti-reload:before {
content: "\e619";
}
.ti-plus:before {
content: "\e61a";
}
.ti-pin:before {
content: "\e61b";
}
.ti-pencil:before {
content: "\e61c";
}
.ti-pencil-alt:before {
content: "\e61d";
}
.ti-paint-roller:before {
content: "\e61e";
}
.ti-paint-bucket:before {
content: "\e61f";
}
.ti-na:before {
content: "\e620";
}
.ti-mobile:before {
content: "\e621";
}
.ti-minus:before {
content: "\e622";
}
.ti-medall:before {
content: "\e623";
}
.ti-medall-alt:before {
content: "\e624";
}
.ti-marker:before {
content: "\e625";
}
.ti-marker-alt:before {
content: "\e626";
}
.ti-arrow-up:before {
content: "\e627";
}
.ti-arrow-right:before {
content: "\e628";
}
.ti-arrow-left:before {
content: "\e629";
}
.ti-arrow-down:before {
content: "\e62a";
}
.ti-lock:before {
content: "\e62b";
}
.ti-location-arrow:before {
content: "\e62c";
}
.ti-link:before {
content: "\e62d";
}
.ti-layout:before {
content: "\e62e";
}
.ti-layers:before {
content: "\e62f";
}
.ti-layers-alt:before {
content: "\e630";
}
.ti-key:before {
content: "\e631";
}
.ti-import:before {
content: "\e632";
}
.ti-image:before {
content: "\e633";
}
.ti-heart:before {
content: "\e634";
}
.ti-heart-broken:before {
content: "\e635";
}
.ti-hand-stop:before {
content: "\e636";
}
.ti-hand-open:before {
content: "\e637";
}
.ti-hand-drag:before {
content: "\e638";
}
.ti-folder:before {
content: "\e639";
}
.ti-flag:before {
content: "\e63a";
}
.ti-flag-alt:before {
content: "\e63b";
}
.ti-flag-alt-2:before {
content: "\e63c";
}
.ti-eye:before {
content: "\e63d";
}
.ti-export:before {
content: "\e63e";
}
.ti-exchange-vertical:before {
content: "\e63f";
}
.ti-desktop:before {
content: "\e640";
}
.ti-cup:before {
content: "\e641";
}
.ti-crown:before {
content: "\e642";
}
.ti-comments:before {
content: "\e643";
}
.ti-comment:before {
content: "\e644";
}
.ti-comment-alt:before {
content: "\e645";
}
.ti-close:before {
content: "\e646";
}
.ti-clip:before {
content: "\e647";
}
.ti-angle-up:before {
content: "\e648";
}
.ti-angle-right:before {
content: "\e649";
}
.ti-angle-left:before {
content: "\e64a";
}
.ti-angle-down:before {
content: "\e64b";
}
.ti-check:before {
content: "\e64c";
}
.ti-check-box:before {
content: "\e64d";
}
.ti-camera:before {
content: "\e64e";
}
.ti-announcement:before {
content: "\e64f";
}
.ti-brush:before {
content: "\e650";
}
.ti-briefcase:before {
content: "\e651";
}
.ti-bolt:before {
content: "\e652";
}
.ti-bolt-alt:before {
content: "\e653";
}
.ti-blackboard:before {
content: "\e654";
}
.ti-bag:before {
content: "\e655";
}
.ti-move:before {
content: "\e656";
}
.ti-arrows-vertical:before {
content: "\e657";
}
.ti-arrows-horizontal:before {
content: "\e658";
}
.ti-fullscreen:before {
content: "\e659";
}
.ti-arrow-top-right:before {
content: "\e65a";
}
.ti-arrow-top-left:before {
content: "\e65b";
}
.ti-arrow-circle-up:before {
content: "\e65c";
}
.ti-arrow-circle-right:before {
content: "\e65d";
}
.ti-arrow-circle-left:before {
content: "\e65e";
}
.ti-arrow-circle-down:before {
content: "\e65f";
}
.ti-angle-double-up:before {
content: "\e660";
}
.ti-angle-double-right:before {
content: "\e661";
}
.ti-angle-double-left:before {
content: "\e662";
}
.ti-angle-double-down:before {
content: "\e663";
}
.ti-zip:before {
content: "\e664";
}
.ti-world:before {
content: "\e665";
}
.ti-wheelchair:before {
content: "\e666";
}
.ti-view-list:before {
content: "\e667";
}
.ti-view-list-alt:before {
content: "\e668";
}
.ti-view-grid:before {
content: "\e669";
}
.ti-uppercase:before {
content: "\e66a";
}
.ti-upload:before {
content: "\e66b";
}
.ti-underline:before {
content: "\e66c";
}
.ti-truck:before {
content: "\e66d";
}
.ti-timer:before {
content: "\e66e";
}
.ti-ticket:before {
content: "\e66f";
}
.ti-thumb-up:before {
content: "\e670";
}
.ti-thumb-down:before {
content: "\e671";
}
.ti-text:before {
content: "\e672";
}
.ti-stats-up:before {
content: "\e673";
}
.ti-stats-down:before {
content: "\e674";
}
.ti-split-v:before {
content: "\e675";
}
.ti-split-h:before {
content: "\e676";
}
.ti-smallcap:before {
content: "\e677";
}
.ti-shine:before {
content: "\e678";
}
.ti-shift-right:before {
content: "\e679";
}
.ti-shift-left:before {
content: "\e67a";
}
.ti-shield:before {
content: "\e67b";
}
.ti-notepad:before {
content: "\e67c";
}
.ti-server:before {
content: "\e67d";
}
.ti-quote-right:before {
content: "\e67e";
}
.ti-quote-left:before {
content: "\e67f";
}
.ti-pulse:before {
content: "\e680";
}
.ti-printer:before {
content: "\e681";
}
.ti-power-off:before {
content: "\e682";
}
.ti-plug:before {
content: "\e683";
}
.ti-pie-chart:before {
content: "\e684";
}
.ti-paragraph:before {
content: "\e685";
}
.ti-panel:before {
content: "\e686";
}
.ti-package:before {
content: "\e687";
}
.ti-music:before {
content: "\e688";
}
.ti-music-alt:before {
content: "\e689";
}
.ti-mouse:before {
content: "\e68a";
}
.ti-mouse-alt:before {
content: "\e68b";
}
.ti-money:before {
content: "\e68c";
}
.ti-microphone:before {
content: "\e68d";
}
.ti-menu:before {
content: "\e68e";
}
.ti-menu-alt:before {
content: "\e68f";
}
.ti-map:before {
content: "\e690";
}
.ti-map-alt:before {
content: "\e691";
}
.ti-loop:before {
content: "\e692";
}
.ti-location-pin:before {
content: "\e693";
}
.ti-list:before {
content: "\e694";
}
.ti-light-bulb:before {
content: "\e695";
}
.ti-Italic:before {
content: "\e696";
}
.ti-info:before {
content: "\e697";
}
.ti-infinite:before {
content: "\e698";
}
.ti-id-badge:before {
content: "\e699";
}
.ti-hummer:before {
content: "\e69a";
}
.ti-home:before {
content: "\e69b";
}
.ti-help:before {
content: "\e69c";
}
.ti-headphone:before {
content: "\e69d";
}
.ti-harddrives:before {
content: "\e69e";
}
.ti-harddrive:before {
content: "\e69f";
}
.ti-gift:before {
content: "\e6a0";
}
.ti-game:before {
content: "\e6a1";
}
.ti-filter:before {
content: "\e6a2";
}
.ti-files:before {
content: "\e6a3";
}
.ti-file:before {
content: "\e6a4";
}
.ti-eraser:before {
content: "\e6a5";
}
.ti-envelope:before {
content: "\e6a6";
}
.ti-download:before {
content: "\e6a7";
}
.ti-direction:before {
content: "\e6a8";
}
.ti-direction-alt:before {
content: "\e6a9";
}
.ti-dashboard:before {
content: "\e6aa";
}
.ti-control-stop:before {
content: "\e6ab";
}
.ti-control-shuffle:before {
content: "\e6ac";
}
.ti-control-play:before {
content: "\e6ad";
}
.ti-control-pause:before {
content: "\e6ae";
}
.ti-control-forward:before {
content: "\e6af";
}
.ti-control-backward:before {
content: "\e6b0";
}
.ti-cloud:before {
content: "\e6b1";
}
.ti-cloud-up:before {
content: "\e6b2";
}
.ti-cloud-down:before {
content: "\e6b3";
}
.ti-clipboard:before {
content: "\e6b4";
}
.ti-car:before {
content: "\e6b5";
}
.ti-calendar:before {
content: "\e6b6";
}
.ti-book:before {
content: "\e6b7";
}
.ti-bell:before {
content: "\e6b8";
}
.ti-basketball:before {
content: "\e6b9";
}
.ti-bar-chart:before {
content: "\e6ba";
}
.ti-bar-chart-alt:before {
content: "\e6bb";
}
.ti-back-right:before {
content: "\e6bc";
}
.ti-back-left:before {
content: "\e6bd";
}
.ti-arrows-corner:before {
content: "\e6be";
}
.ti-archive:before {
content: "\e6bf";
}
.ti-anchor:before {
content: "\e6c0";
}
.ti-align-right:before {
content: "\e6c1";
}
.ti-align-left:before {
content: "\e6c2";
}
.ti-align-justify:before {
content: "\e6c3";
}
.ti-align-center:before {
content: "\e6c4";
}
.ti-alert:before {
content: "\e6c5";
}
.ti-alarm-clock:before {
content: "\e6c6";
}
.ti-agenda:before {
content: "\e6c7";
}
.ti-write:before {
content: "\e6c8";
}
.ti-window:before {
content: "\e6c9";
}
.ti-widgetized:before {
content: "\e6ca";
}
.ti-widget:before {
content: "\e6cb";
}
.ti-widget-alt:before {
content: "\e6cc";
}
.ti-wallet:before {
content: "\e6cd";
}
.ti-video-clapper:before {
content: "\e6ce";
}
.ti-video-camera:before {
content: "\e6cf";
}
.ti-vector:before {
content: "\e6d0";
}
.ti-themify-logo:before {
content: "\e6d1";
}
.ti-themify-favicon:before {
content: "\e6d2";
}
.ti-themify-favicon-alt:before {
content: "\e6d3";
}
.ti-support:before {
content: "\e6d4";
}
.ti-stamp:before {
content: "\e6d5";
}
.ti-split-v-alt:before {
content: "\e6d6";
}
.ti-slice:before {
content: "\e6d7";
}
.ti-shortcode:before {
content: "\e6d8";
}
.ti-shift-right-alt:before {
content: "\e6d9";
}
.ti-shift-left-alt:before {
content: "\e6da";
}
.ti-ruler-alt-2:before {
content: "\e6db";
}
.ti-receipt:before {
content: "\e6dc";
}
.ti-pin2:before {
content: "\e6dd";
}
.ti-pin-alt:before {
content: "\e6de";
}
.ti-pencil-alt2:before {
content: "\e6df";
}
.ti-palette:before {
content: "\e6e0";
}
.ti-more:before {
content: "\e6e1";
}
.ti-more-alt:before {
content: "\e6e2";
}
.ti-microphone-alt:before {
content: "\e6e3";
}
.ti-magnet:before {
content: "\e6e4";
}
.ti-line-double:before {
content: "\e6e5";
}
.ti-line-dotted:before {
content: "\e6e6";
}
.ti-line-dashed:before {
content: "\e6e7";
}
.ti-layout-width-full:before {
content: "\e6e8";
}
.ti-layout-width-default:before {
content: "\e6e9";
}
.ti-layout-width-default-alt:before {
content: "\e6ea";
}
.ti-layout-tab:before {
content: "\e6eb";
}
.ti-layout-tab-window:before {
content: "\e6ec";
}
.ti-layout-tab-v:before {
content: "\e6ed";
}
.ti-layout-tab-min:before {
content: "\e6ee";
}
.ti-layout-slider:before {
content: "\e6ef";
}
.ti-layout-slider-alt:before {
content: "\e6f0";
}
.ti-layout-sidebar-right:before {
content: "\e6f1";
}
.ti-layout-sidebar-none:before {
content: "\e6f2";
}
.ti-layout-sidebar-left:before {
content: "\e6f3";
}
.ti-layout-placeholder:before {
content: "\e6f4";
}
.ti-layout-menu:before {
content: "\e6f5";
}
.ti-layout-menu-v:before {
content: "\e6f6";
}
.ti-layout-menu-separated:before {
content: "\e6f7";
}
.ti-layout-menu-full:before {
content: "\e6f8";
}
.ti-layout-media-right-alt:before {
content: "\e6f9";
}
.ti-layout-media-right:before {
content: "\e6fa";
}
.ti-layout-media-overlay:before {
content: "\e6fb";
}
.ti-layout-media-overlay-alt:before {
content: "\e6fc";
}
.ti-layout-media-overlay-alt-2:before {
content: "\e6fd";
}
.ti-layout-media-left-alt:before {
content: "\e6fe";
}
.ti-layout-media-left:before {
content: "\e6ff";
}
.ti-layout-media-center-alt:before {
content: "\e700";
}
.ti-layout-media-center:before {
content: "\e701";
}
.ti-layout-list-thumb:before {
content: "\e702";
}
.ti-layout-list-thumb-alt:before {
content: "\e703";
}
.ti-layout-list-post:before {
content: "\e704";
}
.ti-layout-list-large-image:before {
content: "\e705";
}
.ti-layout-line-solid:before {
content: "\e706";
}
.ti-layout-grid4:before {
content: "\e707";
}
.ti-layout-grid3:before {
content: "\e708";
}
.ti-layout-grid2:before {
content: "\e709";
}
.ti-layout-grid2-thumb:before {
content: "\e70a";
}
.ti-layout-cta-right:before {
content: "\e70b";
}
.ti-layout-cta-left:before {
content: "\e70c";
}
.ti-layout-cta-center:before {
content: "\e70d";
}
.ti-layout-cta-btn-right:before {
content: "\e70e";
}
.ti-layout-cta-btn-left:before {
content: "\e70f";
}
.ti-layout-column4:before {
content: "\e710";
}
.ti-layout-column3:before {
content: "\e711";
}
.ti-layout-column2:before {
content: "\e712";
}
.ti-layout-accordion-separated:before {
content: "\e713";
}
.ti-layout-accordion-merged:before {
content: "\e714";
}
.ti-layout-accordion-list:before {
content: "\e715";
}
.ti-ink-pen:before {
content: "\e716";
}
.ti-info-alt:before {
content: "\e717";
}
.ti-help-alt:before {
content: "\e718";
}
.ti-headphone-alt:before {
content: "\e719";
}
.ti-hand-point-up:before {
content: "\e71a";
}
.ti-hand-point-right:before {
content: "\e71b";
}
.ti-hand-point-left:before {
content: "\e71c";
}
.ti-hand-point-down:before {
content: "\e71d";
}
.ti-gallery:before {
content: "\e71e";
}
.ti-face-smile:before {
content: "\e71f";
}
.ti-face-sad:before {
content: "\e720";
}
.ti-credit-card:before {
content: "\e721";
}
.ti-control-skip-forward:before {
content: "\e722";
}
.ti-control-skip-backward:before {
content: "\e723";
}
.ti-control-record:before {
content: "\e724";
}
.ti-control-eject:before {
content: "\e725";
}
.ti-comments-smiley:before {
content: "\e726";
}
.ti-brush-alt:before {
content: "\e727";
}
.ti-youtube:before {
content: "\e728";
}
.ti-vimeo:before {
content: "\e729";
}
.ti-twitter:before {
content: "\e72a";
}
.ti-time:before {
content: "\e72b";
}
.ti-tumblr:before {
content: "\e72c";
}
.ti-skype:before {
content: "\e72d";
}
.ti-share:before {
content: "\e72e";
}
.ti-share-alt:before {
content: "\e72f";
}
.ti-rocket:before {
content: "\e730";
}
.ti-pinterest:before {
content: "\e731";
}
.ti-new-window:before {
content: "\e732";
}
.ti-microsoft:before {
content: "\e733";
}
.ti-list-ol:before {
content: "\e734";
}
.ti-linkedin:before {
content: "\e735";
}
.ti-layout-sidebar-2:before {
content: "\e736";
}
.ti-layout-grid4-alt:before {
content: "\e737";
}
.ti-layout-grid3-alt:before {
content: "\e738";
}
.ti-layout-grid2-alt:before {
content: "\e739";
}
.ti-layout-column4-alt:before {
content: "\e73a";
}
.ti-layout-column3-alt:before {
content: "\e73b";
}
.ti-layout-column2-alt:before {
content: "\e73c";
}
.ti-instagram:before {
content: "\e73d";
}
.ti-google:before {
content: "\e73e";
}
.ti-github:before {
content: "\e73f";
}
.ti-flickr:before {
content: "\e740";
}
.ti-facebook:before {
content: "\e741";
}
.ti-dropbox:before {
content: "\e742";
}
.ti-dribbble:before {
content: "\e743";
}
.ti-apple:before {
content: "\e744";
}
.ti-android:before {
content: "\e745";
}
.ti-save:before {
content: "\e746";
}
.ti-save-alt:before {
content: "\e747";
}
.ti-yahoo:before {
content: "\e748";
}
.ti-wordpress:before {
content: "\e749";
}
.ti-vimeo-alt:before {
content: "\e74a";
}
.ti-twitter-alt:before {
content: "\e74b";
}
.ti-tumblr-alt:before {
content: "\e74c";
}
.ti-trello:before {
content: "\e74d";
}
.ti-stack-overflow:before {
content: "\e74e";
}
.ti-soundcloud:before {
content: "\e74f";
}
.ti-sharethis:before {
content: "\e750";
}
.ti-sharethis-alt:before {
content: "\e751";
}
.ti-reddit:before {
content: "\e752";
}
.ti-pinterest-alt:before {
content: "\e753";
}
.ti-microsoft-alt:before {
content: "\e754";
}
.ti-linux:before {
content: "\e755";
}
.ti-jsfiddle:before {
content: "\e756";
}
.ti-joomla:before {
content: "\e757";
}
.ti-html5:before {
content: "\e758";
}
.ti-flickr-alt:before {
content: "\e759";
}
.ti-email:before {
content: "\e75a";
}
.ti-drupal:before {
content: "\e75b";
}
.ti-dropbox-alt:before {
content: "\e75c";
}
.ti-css3:before {
content: "\e75d";
}
.ti-rss:before {
content: "\e75e";
}
.ti-rss-alt:before {
content: "\e75f";
}.jp-jplayer {
width: 0;
height: 0;
box-sizing: border-box;
width: 100%;
}
.jp-audio {
margin: 0 auto;
width: 100%;
max-width: 100%;
padding: 0;
color: #fff;
}
.jp-audio a {
text-decoration: none;
color: #fff;
font-size: 0px;
}
.jp-audio a i {
font-size: 18px;
}
.jp-audio a:hover {
color: #69c201;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.jp-interface {
position: relative;
height: 86px;
width: 100%;
background-color: #444;
}
.jp-details > ul {
list-style: none outside none;
margin: 0 0 0 30px;
padding: 0;
height: 40px;
line-height: 40px;
}
.jp-details > ul .jp-title {
font-size: 18px;
font-weight: 300;
} .jp-progress {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin: 0 15px 0 30px;
height: 100%;
float: left;
}
.jp-seek-bar {
position: absolute;
height: 10px;
background-color:  #fff;
margin: auto;
top:0;
bottom: 0;
}
.jp-play-bar {
height: 100%;
background: #69c201;
position: absolute;
top: 0;
left: 0;
-webkit-animation: progress 0.75s linear infinite;
-moz-animation: progress 0.75s linear infinite;
-o-animation: progress 0.75s linear infinite;
-ms-animation: progress 0.75s linear infinite;
animation: progress 0.75s linear infinite;
} .jp-controls {
float: left;
height: 86px;
line-height: 86px;
list-style-type: none;
margin: 0;
padding: 0 0px 0 30px;
z-index: 100;
}
.jp-controls > li {
display: inline;
}
.jp-controls > li > a{ }
.jp-controls > li:first-child a {
padding-left: 0px;
}
.jp-controls > li:last-child a {
padding-right: 0px;
}
.jp-volume {
position: absolute;
right: 0;
float: right;
padding: 0 15px 0 0;
}
.jp-volume > li > a {
padding: 0px;
}
.jp-volume > li > a > i {
width: 20px;
}
.jp-play-pause {
width: 46px;
} .jp-volume-bar {
z-index: 99;
width: 65px;
height: 10px;
cursor: pointer;
background: #fff;
display: inline-block;
position: relative;
}
.jp-volume-bar-value {
width: 0px;
height: 10px;
} .jp-play-bar,
.jp-volume-bar-value {
-webkit-background-size: 7px 7px;
-moz-background-size: 7px 7px;
-o-background-size: 7px 7px;
background-size: 7px 7px;
background-color: #69c201;
} .jp-time-holder {
display: none;
visibility: hidden;
} .jp-toggles {
display: none;
visibility: hidden;
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.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;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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{display:none}.owl-carousel.owl-drag .owl-item{-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 .owl-carousel{display:block}.owl-carousel .animated{animation-duration:1s;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-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.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(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/owl-carousel/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s 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-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right,div.pp_default .pp_top,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_right{height:13px}div.pp_default .pp_top .pp_left{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}div.pp_default .pp_top .pp_middle{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite_x.png) top left repeat-x}div.pp_default .pp_top .pp_right{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}div.pp_default .pp_content .ppt{color:#f8f8f8}div.pp_default .pp_content_container .pp_left{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}div.pp_default .pp_content_container .pp_right{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}div.pp_default .pp_content{background-color:#fff}div.pp_default .pp_next:hover{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}div.pp_default .pp_previous:hover{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}div.pp_default .pp_expand{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}div.pp_default .pp_expand:hover{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}div.pp_default .pp_contract{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}div.pp_default .pp_contract:hover{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}div.pp_default .pp_close{width:30px;height:30px;background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}div.pp_default #pp_full_res .pp_inline{color:#000}div.pp_default .pp_gallery ul li a{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a{border-color:#fff}div.pp_default .pp_social{margin-top:7px}div.pp_default .pp_gallery a.pp_arrow_next,div.pp_default .pp_gallery a.pp_arrow_previous{position:static;left:auto}div.pp_default .pp_nav .pp_pause,div.pp_default .pp_nav .pp_play{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}div.pp_default .pp_details{position:relative}div.pp_default a.pp_arrow_next,div.pp_default a.pp_arrow_previous{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0 0;width:20px}div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}div.pp_default .pp_content_container .pp_details{margin-top:5px}div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px}div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover,div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_nav .pp_play:hover{opacity:.7}div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}div.pp_default .pp_bottom .pp_left{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}div.pp_default .pp_bottom .pp_middle{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}div.pp_default .pp_bottom .pp_right{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}div.pp_default .pp_loaderIcon{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/default/loader.gif) center center no-repeat}div.light_rounded .pp_top .pp_left{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}div.light_rounded .pp_top .pp_middle{background:#fff}div.light_rounded .pp_top .pp_right{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}div.light_rounded .pp_content .ppt{color:#000}div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right{background:#fff}div.light_rounded .pp_content{background-color:#fff}div.light_rounded .pp_next:hover{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.light_rounded .pp_previous:hover{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_rounded .pp_expand{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_rounded .pp_expand:hover{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_rounded .pp_contract{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_rounded .pp_contract:hover{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_rounded .pp_close{width:75px;height:22px;background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}div.light_rounded .pp_details{position:relative}div.light_rounded .pp_description{margin-right:85px}div.light_rounded #pp_full_res .pp_inline{color:#000}div.light_rounded .pp_gallery a.pp_arrow_next,div.light_rounded .pp_gallery a.pp_arrow_previous{margin-top:12px!important}div.light_rounded .pp_nav .pp_play{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_nav .pp_pause{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_arrow_previous{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.light_rounded .pp_arrow_next{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}div.light_rounded .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.light_rounded .pp_bottom .pp_left{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}div.light_rounded .pp_bottom .pp_middle{background:#fff}div.light_rounded .pp_bottom .pp_right{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}div.light_rounded .pp_loaderIcon{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}div.dark_rounded .pp_top .pp_left{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}div.dark_rounded .pp_top .pp_middle{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}div.dark_rounded .pp_top .pp_right{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}div.dark_rounded .pp_content_container .pp_left{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}div.dark_rounded .pp_content_container .pp_right{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}div.dark_rounded .pp_content{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}div.dark_rounded .pp_next:hover{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.dark_rounded .pp_previous:hover{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.dark_rounded .pp_expand{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_rounded .pp_expand:hover{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_rounded .pp_contract{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_rounded .pp_contract:hover{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_rounded .pp_close{width:75px;height:22px;background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}div.dark_rounded .pp_details{position:relative}div.dark_rounded .pp_description{margin-right:85px}div.dark_rounded .currentTextHolder{color:#c4c4c4}div.dark_rounded .pp_description{color:#fff}div.dark_rounded #pp_full_res .pp_inline{color:#fff}div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous{margin-top:12px!important}div.dark_rounded .pp_nav .pp_play{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_nav .pp_pause{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_arrow_previous{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}div.dark_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.dark_rounded .pp_arrow_next{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}div.dark_rounded .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.dark_rounded .pp_bottom .pp_left{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}div.dark_rounded .pp_bottom .pp_middle{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}div.dark_rounded .pp_bottom .pp_right{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_loaderIcon{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}div.dark_square .pp_content,div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right{background:#000}div.dark_square .currentTextHolder{color:#c4c4c4}div.dark_square .pp_description{color:#fff}div.dark_square .pp_loaderIcon{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/loader.gif) center center no-repeat}div.dark_square .pp_expand{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_square .pp_expand:hover{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_square .pp_contract{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_square .pp_contract:hover{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_square .pp_close{width:75px;height:22px;background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}div.dark_square .pp_details{position:relative}div.dark_square .pp_description{margin:0 85px 0 0}div.dark_square #pp_full_res .pp_inline{color:#fff}div.dark_square .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous{margin-top:12px!important}div.dark_square .pp_nav{clear:none}div.dark_square .pp_nav .pp_play{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_nav .pp_pause{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_arrow_previous{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}div.dark_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.dark_square .pp_arrow_next{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}div.dark_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.dark_square .pp_next:hover{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}div.dark_square .pp_previous:hover{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_square .pp_content,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right{background:#fff}div.light_square .pp_content .ppt{color:#000}div.light_square .pp_expand{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_square .pp_expand:hover{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_square .pp_contract{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_square .pp_contract:hover{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_square .pp_close{width:75px;height:22px;background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}div.light_square .pp_details{position:relative}div.light_square .pp_description{margin-right:85px}div.light_square #pp_full_res .pp_inline{color:#000}div.light_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous{margin-top:12px!important}div.light_square .pp_nav .pp_play{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_square .pp_nav .pp_pause{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_square .pp_arrow_previous{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.light_square .pp_arrow_next{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.light_square .pp_next:hover{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}div.light_square .pp_previous:hover{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_square .pp_loaderIcon{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}div.facebook .pp_top .pp_left{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}div.facebook .pp_top .pp_middle{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}div.facebook .pp_top .pp_right{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}div.facebook .pp_content .ppt{color:#000}div.facebook .pp_content_container .pp_left{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}div.facebook .pp_content_container .pp_right{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}div.facebook .pp_content{background:#fff}div.facebook .pp_expand{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}div.facebook .pp_expand:hover{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}div.facebook .pp_contract{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}div.facebook .pp_contract:hover{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}div.facebook .pp_close{width:22px;height:22px;background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}div.facebook .pp_details{position:relative}div.facebook .pp_description{margin:0 37px 0 0}div.facebook #pp_full_res .pp_inline{color:#000}div.facebook .pp_loaderIcon{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/loader.gif) center center no-repeat}div.facebook .pp_arrow_previous{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}div.facebook .pp_arrow_next{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}div.facebook .pp_nav{margin-top:0}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}div.facebook .pp_nav .pp_play{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}div.facebook .pp_nav .pp_pause{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}div.facebook .pp_next:hover{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}div.facebook .pp_previous:hover{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_bottom .pp_left{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}div.facebook .pp_bottom .pp_middle{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}div.facebook .pp_bottom .pp_right{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}div.pp_pic_holder a:focus{outline:0}div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}.pp_top{height:20px;position:relative}* html .pp_top{padding:0 20px}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_top .pp_middle{left:0;position:static}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_content{height:40px;min-width:40px}* html .pp_content{width:40px}.pp_fade{display:none}.pp_content_container{position:relative;text-align:left;width:100%}.pp_content_container .pp_left{padding-left:20px}.pp_content_container .pp_right{padding-right:20px}.pp_content_container .pp_details{float:left;margin:10px 0 2px 0}.pp_description{display:none;margin:0}.pp_social{float:left;margin:0}.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}.pp_social .twitter{float:left}.pp_nav{clear:right;float:left;margin:3px 10px 0 0}.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}.pp_nav .pp_pause,.pp_nav .pp_play{float:left;margin-right:4px;text-indent:-10000px}a.pp_arrow_next,a.pp_arrow_previous{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}.pp_gallery div{float:left;overflow:hidden;position:relative}.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}.pp_gallery ul a{border:1px #000 solid;border:1px rgba(0,0,0,.5) solid;display:block;float:left;height:33px;overflow:hidden}.pp_gallery li.selected a,.pp_gallery ul a:hover{border-color:#fff}.pp_gallery ul a img{border:0}.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}.pp_gallery li.default a{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}.pp_gallery li.default a img{display:none}.pp_gallery .pp_arrow_next,.pp_gallery .pp_arrow_previous{margin-top:7px!important}a.pp_next{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}a.pp_previous{background:url(//www.alovdesigns.com/wp-content/themes/stber-3/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}a.pp_contract,a.pp_expand{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}.pp_bottom{height:20px;position:relative}* html .pp_bottom{padding:0 20px}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_bottom .pp_middle{left:0;position:static}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}#pp_full_res{line-height:1!important}#pp_full_res .pp_inline{text-align:left}#pp_full_res .pp_inline p{margin:0 0 15px 0}div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}.pp_pic_holder.is-single .pp_gallery,.pp_pic_holder.is-single .pp_hoverContainer{display:none!important}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
 .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.flipOutX,
.animated.flipOutY,
.animated.menu_bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes menu_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 menu_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);
}
}
.menu_bounce {
-webkit-animation-name: menu_bounce;
animation-name: menu_bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes menu_flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes menu_flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.menu_flash {
-webkit-animation-name: menu_flash;
animation-name: menu_flash;
} @-webkit-keyframes menu_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 menu_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);
}
}
.menu_pulse {
-webkit-animation-name: menu_pulse;
animation-name: menu_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 menu_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);
}
}
.menu_rubberBand {
-webkit-animation-name: menu_rubberBand;
animation-name: menu_rubberBand;
}
@-webkit-keyframes menu_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 menu_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);
}
}
.menu_shake {
-webkit-animation-name: menu_shake;
animation-name: menu_shake;
}
@-webkit-keyframes menu_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 menu_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);
}
}
.menu_headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: menu_headShake;
animation-name: menu_headShake;
}
@-webkit-keyframes menu_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 menu_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);
}
}
.menu_swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: menu_swing;
animation-name: menu_swing;
}
@-webkit-keyframes menu_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 menu_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);
}
}
.menu_tada {
-webkit-animation-name: menu_tada;
animation-name: menu_tada;
} @-webkit-keyframes menu_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 menu_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;
}
}
.menu_wobble {
-webkit-animation-name: menu_wobble;
animation-name: menu_wobble;
}
@-webkit-keyframes menu_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 menu_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);
}
}
.menu_jello {
-webkit-animation-name: menu_jello;
animation-name: menu_jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes menu_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 menu_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);
}
}
.menu_bounceIn {
-webkit-animation-name: menu_bounceIn;
animation-name: menu_bounceIn;
}
@-webkit-keyframes menu_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 menu_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;
}
}
.menu_bounceInDown {
-webkit-animation-name: menu_bounceInDown;
animation-name: menu_bounceInDown;
}
@-webkit-keyframes menu_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 menu_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;
}
}
.menu_bounceInLeft {
-webkit-animation-name: menu_bounceInLeft;
animation-name: menu_bounceInLeft;
}
@-webkit-keyframes menu_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(100px, 0, 0);
transform: translate3d(100px, 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 menu_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(100px, 0, 0);
transform: translate3d(100px, 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;
}
}
.menu_bounceInRight {
-webkit-animation-name: menu_bounceInRight;
animation-name: menu_bounceInRight;
}
@-webkit-keyframes menu_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 menu_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);
}
}
.menu_bounceInUp {
-webkit-animation-name: menu_bounceInUp;
animation-name: menu_bounceInUp;
}
@-webkit-keyframes menu_fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes menu_fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.menu_fadeIn {
-webkit-animation-name: menu_fadeIn;
animation-name: menu_fadeIn;
}
@-webkit-keyframes menu_fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes menu_fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.menu_fadeInDown {
-webkit-animation-name: menu_fadeInDown;
animation-name: menu_fadeInDown;
}
@-webkit-keyframes menu_fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes menu_fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.menu_fadeInLeft {
-webkit-animation-name: menu_fadeInLeft;
animation-name: menu_fadeInLeft;
}
@-webkit-keyframes menu_fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes menu_fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.menu_fadeInRight {
-webkit-animation-name: menu_fadeInRight;
animation-name: menu_fadeInRight;
}
@-webkit-keyframes menu_fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes menu_fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.menu_fadeInUp {
-webkit-animation-name: menu_fadeInUp;
animation-name: menu_fadeInUp;
}
@-webkit-keyframes menu_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 menu_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.menu_flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: menu_flip;
animation-name: menu_flip;
}
@-webkit-keyframes menu_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 menu_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);
}
}
.menu_flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: menu_flipInX;
animation-name: menu_flipInX;
}
@-webkit-keyframes menu_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 menu_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);
}
}
.menu_flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: menu_flipInY;
animation-name: menu_flipInY;
}
@-webkit-keyframes menu_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 menu_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;
}
}
.menu_lightSpeedIn {
-webkit-animation-name: menu_lightSpeedIn;
animation-name: menu_lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes menu_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;
}
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes 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;
} @keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
animation-name: slideInDown;
}
.slideInUp {
animation-name: slideInUp;
}
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}@-webkit-keyframes haru_bounce {
0%,
20%,
53%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
40%,
43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-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 haru_bounce {
0%,
20%,
53%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
40%,
43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-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);
}
}
.wpb_start_animation.wpb_bounce {
-webkit-animation-name: haru_bounce;
animation-name: haru_bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes haru_flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes haru_flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.wpb_start_animation.wpb_flash {
-webkit-animation-name: haru_flash;
animation-name: haru_flash;
}
@-webkit-keyframes haru_pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
opacity: 1;
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
@keyframes haru_pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
opacity: 1;
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
.wpb_start_animation.wpb_pulse {
-webkit-animation-name: haru_pulse;
animation-name: haru_pulse;
}
@-webkit-keyframes haru_rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
opacity: 1;
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
opacity: 1;
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
opacity: 1;
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
opacity: 1;
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
opacity: 1;
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
@keyframes haru_rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
opacity: 1;
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
opacity: 1;
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
opacity: 1;
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
opacity: 1;
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
opacity: 1;
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
.wpb_start_animation.wpb_rubberBand {
-webkit-animation-name: haru_rubberBand;
animation-name: haru_rubberBand;
}
@-webkit-keyframes haru_shake {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
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 haru_shake {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
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);
}
}
.wpb_start_animation.wpb_shake {
-webkit-animation-name: haru_shake;
animation-name: haru_shake;
}
@-webkit-keyframes haru_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);
opacity: 1;
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
opacity: 1;
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
opacity: 1;
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
opacity: 1;
}
}
@keyframes haru_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);
opacity: 1;
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
opacity: 1;
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
opacity: 1;
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
opacity: 1;
}
}
.wpb_start_animation.wpb_swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: haru_swing;
animation-name: haru_swing;
}
@-webkit-keyframes haru_tada {
0% {
-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);
opacity: 1;
}
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);
opacity: 1;
}
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);
opacity: 1;
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
@keyframes haru_tada {
0% {
-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);
opacity: 1;
}
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);
opacity: 1;
}
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);
opacity: 1;
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
.wpb_start_animation.wpb_tada {
-webkit-animation-name: haru_tada;
animation-name: haru_tada;
}
@-webkit-keyframes haru_wobble {
0% {
-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);
opacity: 1;
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
opacity: 1;
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
opacity: 1;
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
opacity: 1;
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes haru_wobble {
0% {
-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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.wpb_start_animation.wpb_wobble {
-webkit-animation-name: haru_wobble;
animation-name: haru_wobble;
}
@-webkit-keyframes haru_bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-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);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes haru_bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-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);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.wpb_start_animation.wpb_bounceIn {
-webkit-animation-name: haru_bounceIn;
animation-name: haru_bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes haru_bounceInDown {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-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);
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes haru_bounceInDown {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-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);
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.wpb_start_animation.wpb_bounceInDown {
-webkit-animation-name: haru_bounceInDown;
animation-name: haru_bounceInDown;
}
@-webkit-keyframes haru_bounceInLeft {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-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);
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes haru_bounceInLeft {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-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);
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.wpb_start_animation.wpb_bounceInLeft {
-webkit-animation-name: haru_bounceInLeft;
animation-name: haru_bounceInLeft;
}
@-webkit-keyframes haru_bounceInRight {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-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);
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes haru_bounceInRight {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-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);
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.wpb_start_animation.wpb_bounceInRight {
-webkit-animation-name: haru_bounceInRight;
animation-name: haru_bounceInRight;
}
@-webkit-keyframes haru_bounceInUp {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-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, -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);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes haru_bounceInUp {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-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, -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);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.wpb_start_animation.wpb_bounceInUp {
-webkit-animation-name: haru_bounceInUp;
animation-name: haru_bounceInUp;
}
@-webkit-keyframes haru_fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes haru_fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.wpb_start_animation.wpb_fadeIn {
-webkit-animation-name: haru_fadeIn;
animation-name: haru_fadeIn;
}
@-webkit-keyframes haru_fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes haru_fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.wpb_start_animation.wpb_fadeInDown {
-webkit-animation-name: haru_fadeInDown;
animation-name: haru_fadeInDown;
}
@-webkit-keyframes haru_fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes haru_fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.wpb_start_animation.wpb_fadeInLeft {
-webkit-animation-name: haru_fadeInLeft;
animation-name: haru_fadeInLeft;
}
@-webkit-keyframes haru_fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes haru_fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.wpb_start_animation.wpb_fadeInRight {
-webkit-animation-name: haru_fadeInRight;
animation-name: haru_fadeInRight;
}
@-webkit-keyframes haru_fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes haru_fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.wpb_start_animation.wpb_fadeInUp {
-webkit-animation-name: haru_fadeInUp;
animation-name: haru_fadeInUp;
}
@-webkit-keyframes haru_flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-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-transition-timing-function: ease-in;
transition-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);
}
100% {
opacity: 1;
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes haru_flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-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-transition-timing-function: ease-in;
transition-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);
}
100% {
opacity: 1;
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.wpb_start_animation.wpb_flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: haru_flipInX;
animation-name: haru_flipInX;
}
@-webkit-keyframes haru_flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-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-transition-timing-function: ease-in;
transition-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% {
opacity: 1;
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes haru_flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-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-transition-timing-function: ease-in;
transition-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);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
opacity: 1;
}
}
.wpb_start_animation.wpb_flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: haru_flipInY;
animation-name: haru_flipInY;
}
@-webkit-keyframes haru_zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes haru_zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
100% {
opacity: 1;
}
}
.wpb_start_animation.wpb_zoomIn {
-webkit-animation-name: haru_zoomIn;
animation-name: haru_zoomIn;
}
.wpb_start_animation.wpb_fadeIn.haru-css-animation,
.wpb_start_animation.wpb_fadeInDown.haru-css-animation,
.wpb_start_animation.wpb_fadeInUp.haru-css-animation,
.wpb_start_animation.wpb_fadeInLeft.haru-css-animation,
.wpb_start_animation.wpb_fadeInRight.haru-css-animation,
.wpb_start_animation.wpb_bounceIn.haru-css-animation,
.wpb_start_animation.wpb_bounceInDown.haru-css-animation,
.wpb_start_animation.wpb_bounceInUp.haru-css-animation,
.wpb_start_animation.wpb_bounceInLeft.haru-css-animation,
.wpb_start_animation.wpb_bounceInRight.haru-css-animation,
.wpb_start_animation.wpb_zoomIn.haru-css-animation,
.wpb_start_animation.wpb_flipInX.haru-css-animation,
.wpb_start_animation.wpb_flipInY.haru-css-animation,
.wpb_start_animation.wpb_bounce.haru-css-animation,
.wpb_start_animation.wpb_flash.haru-css-animation,
.wpb_start_animation.wpb_shake.haru-css-animation,
.wpb_start_animation.wpb_pulse.haru-css-animation,
.wpb_start_animation.wpb_swing.haru-css-animation,
.wpb_start_animation.wpb_rubberBand.haru-css-animation,
.wpb_start_animation.wpb_wobble.haru-css-animation,
.wpb_start_animation.wpb_tada.haru-css-animation {
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.haru-css-animation {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
filter: alpha(opacity=100);
}
.background-right {
background-position: right bottom !important;
background-repeat: no-repeat !important;
}
.vc_row.vc_row-o-equal-height .haru-row > .vc_column_container {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}.d-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.justify-content-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.align-items-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-self-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.mt-auto {
margin-top: auto !important;
}
@-webkit-keyframes toRightFromLeft {
49% {
-webkit-transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toRightFromLeft {
49% {
-moz-transform: translate(100%);
}
50% {
opacity: 0;
-moz-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toRightFromLeft {
49% {
transform: translate(100%);
}
50% {
opacity: 0;
transform: translate(-100%);
}
51% {
opacity: 1;
}
} @-webkit-keyframes hvr-wobble-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 hvr-wobble-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);
}
}
@-moz-keyframes spinner {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes spinner {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@-o-keyframes spinner {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@-moz-keyframes header-drop {
0% {
-webkit-transform: translateY(-90px);
-moz-transform: translateY(-90px);
-ms-transform: translateY(-90px);
-o-transform: translateY(-90px);
transform: translateY(-90px);
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes header-drop {
0% {
-webkit-transform: translateY(-90px);
-moz-transform: translateY(-90px);
-ms-transform: translateY(-90px);
-o-transform: translateY(-90px);
transform: translateY(-90px);
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-o-keyframes header-drop {
0% {
-webkit-transform: translateY(-90px);
-moz-transform: translateY(-90px);
-ms-transform: translateY(-90px);
-o-transform: translateY(-90px);
transform: translateY(-90px);
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes header-drop {
0% {
-webkit-transform: translateY(-90px);
-moz-transform: translateY(-90px);
-ms-transform: translateY(-90px);
-o-transform: translateY(-90px);
transform: translateY(-90px);
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes header-drop-out {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-90px);
-moz-transform: translateY(-90px);
-ms-transform: translateY(-90px);
-o-transform: translateY(-90px);
transform: translateY(-90px);
}
}
@-webkit-keyframes header-drop-out {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-90px);
-moz-transform: translateY(-90px);
-ms-transform: translateY(-90px);
-o-transform: translateY(-90px);
transform: translateY(-90px);
}
}
@-o-keyframes header-drop-out {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-90px);
-moz-transform: translateY(-90px);
-ms-transform: translateY(-90px);
-o-transform: translateY(-90px);
transform: translateY(-90px);
}
}
@keyframes header-drop-out {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-90px);
-moz-transform: translateY(-90px);
-ms-transform: translateY(-90px);
-o-transform: translateY(-90px);
transform: translateY(-90px);
}
} @-webkit-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #444444, 0 0 0 10px rgba(255, 255, 255, 0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #444444, 0 0 0 10px rgba(255, 255, 255, 0.5);
-webkit-transform: scale(1.5);
opacity: 0;
}
}
@-moz-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #444444, 0 0 0 10px rgba(255, 255, 255, 0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #444444, 0 0 0 10px rgba(255, 255, 255, 0.5);
-moz-transform: scale(1.5);
opacity: 0;
}
}
@keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #444444, 0 0 0 10px rgba(255, 255, 255, 0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #444444, 0 0 0 10px rgba(255, 255, 255, 0.5);
transform: scale(1.5);
opacity: 0;
}
}   .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
max-width: 96%; text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 16px;
margin: 0;
padding: 5px 4px 5px;
font-style: italic;
margin-bottom: 20px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.gallery-caption {
color: #686868;
display: block;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
.bypostauthor > article .fn:after {
content: "\f304";
left: 3px;
position: relative;
top: 5px;
}  .wp-block-cover-text {
color: #333333 !important;
}
.wp-block-search__input {
display: block;
width: calc(100% - 70px);
height: 40px;
background-color: #f2f2f2;
border: none;
outline: none;
padding-left: 15px;
padding-right: 5px;
font-weight: 400;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.wp-block-search__button {
width: 60px !important;
height: 40px;
padding: 0;
font-size: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
border: none;
background: #333333;
outline: none;
margin-left: 0 !important;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.wp-block-search__button:hover {
cursor: pointer;
background: #333333;
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.wp-block-search__button:before {
color: #fff;
content: "\f4a4";
font-family: Ionicons;
position: absolute;
font-size: 18px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .square-1 {
background-color: #bd4932;
}
.square-1 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 200px;
width: 200px;
margin-top: -100px;
margin-left: -100px;
}
.square-1 .spinner {
width: 80px;
height: 80px;
background-color: #fff;
margin-right: auto;
margin-left: auto;
margin-top: 60px;
-webkit-animation: square-1 1s infinite ease-in-out;
-o-animation: square-1 1s infinite ease-in-out;
animation: square-1 1s infinite ease-in-out;
}
@-webkit-keyframes square-1 {
0% {
-webkit-transform: perspective(160px);
}
50% {
-webkit-transform: perspective(160px) rotateY(-180deg);
}
100% {
-webkit-transform: perspective(160px) rotateY(-180deg) rotateX(-180deg);
}
}
@keyframes square-1 {
0% {
transform: perspective(160px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(160px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(160px) rotateX(-180deg) rotateY(0deg);
-webkit-transform: perspective(160px) rotateX(-180deg) rotateY(0deg);
}
100% {
transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);
-webkit-transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);
}
}
.square-2 {
background-color: #db9e36;
}
.square-2 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 150px;
width: 150px;
margin-top: -75px;
margin-left: -75px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.square-2 .spinner {
width: 20px;
height: 20px;
background-color: #fff;
position: absolute;
left: 65px;
top: 65px;
}
.square-2 .spinner:nth-child(2n+0) {
margin-right: 0;
}
.square-2 #spinner_one {
-webkit-animation: square-2-one 2s infinite;
-o-animation: square-2-one 2s infinite;
animation: square-2-one 2s infinite;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.square-2 #spinner_two {
-webkit-animation: square-2-two 2s infinite;
-o-animation: square-2-two 2s infinite;
animation: square-2-two 2s infinite;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.square-2 #spinner_three {
-webkit-animation: square-2-three 2s infinite;
-o-animation: square-2-three 2s infinite;
animation: square-2-three 2s infinite;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.square-2 #spinner_four {
-webkit-animation: square-2-four 2s infinite;
-o-animation: square-2-four 2s infinite;
animation: square-2-four 2s infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.square-2 #spinner_five {
-webkit-animation: square-2-five 2s infinite;
-o-animation: square-2-five 2s infinite;
animation: square-2-five 2s infinite;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.square-2 #spinner_six {
-webkit-animation: square-2-six 2s infinite;
-o-animation: square-2-six 2s infinite;
animation: square-2-six 2s infinite;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.square-2 #spinner_seven {
-webkit-animation: square-2-seven 2s infinite;
-o-animation: square-2-seven 2s infinite;
animation: square-2-seven 2s infinite;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.square-2 #spinner_eight {
-webkit-animation: square-2-eight 2s infinite;
-o-animation: square-2-eight 2s infinite;
animation: square-2-eight 2s infinite;
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.square-2 #spinner_big {
position: absolute;
width: 50px;
height: 50px;
left: 50px;
top: 50px;
-webkit-animation: square-2-big 2s infinite;
-o-animation: square-2-big 2s infinite;
animation: square-2-big 2s infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
@-webkit-keyframes square-2-one {
50% {
-webkit-transform: translate(-65px, -65px);
}
}
@keyframes square-2-one {
50% {
transform: translate(-65px, -65px);
-webkit-transform: translate(-65px, -65px);
}
}
@-webkit-keyframes square-2-two {
50% {
-webkit-transform: translate(0, -65px);
}
}
@keyframes square-2-two {
50% {
transform: translate(0, -65px);
-webkit-transform: translate(0, -65px);
}
}
@-webkit-keyframes square-2-three {
50% {
-webkit-transform: translate(65px, -65px);
}
}
@keyframes square-2-three {
50% {
transform: translate(65px, -65px);
-webkit-transform: translate(65px, -65px);
}
}
@-webkit-keyframes square-2-four {
50% {
-webkit-transform: translate(65px, 0);
}
}
@keyframes square-2-four {
50% {
transform: translate(65px, 0);
-webkit-transform: translate(65px, 0);
}
}
@-webkit-keyframes square-2-five {
50% {
-webkit-transform: translate(65px, 65px);
}
}
@keyframes square-2-five {
50% {
transform: translate(65px, 65px);
-webkit-transform: translate(65px, 65px);
}
}
@-webkit-keyframes square-2-six {
50% {
-webkit-transform: translate(0, 65px);
}
}
@keyframes square-2-six {
50% {
transform: translate(0, 65px);
-webkit-transform: translate(0, 65px);
}
}
@-webkit-keyframes square-2-seven {
50% {
-webkit-transform: translate(-65px, 65px);
}
}
@keyframes square-2-seven {
50% {
transform: translate(-65px, 65px);
-webkit-transform: translate(-65px, 65px);
}
}
@-webkit-keyframes square-2-eight {
50% {
-webkit-transform: translate(-65px, 0);
}
}
@keyframes square-2-eight {
50% {
transform: translate(-65px, 0);
-webkit-transform: translate(-65px, 0);
}
}
@-webkit-keyframes square-2-big {
50% {
-webkit-transform: scale(0.5);
}
}
@keyframes square-2-big {
50% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
}
.square-3 {
background-color: #ffd34e;
}
.square-3 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 200px;
width: 200px;
margin-top: -100px;
margin-left: -100px;
}
.square-3 .spinner {
width: 50px;
height: 50px;
background-color: rgba(255, 255, 255, 0);
margin-right: auto;
margin-left: auto;
border: 4px solid #fff;
left: 73px;
top: 73px;
position: absolute;
}
.square-3 #first_spinner {
-webkit-animation: square-3-first-animate 1s infinite ease-in-out;
-o-animation: square-3-first-animate 1s infinite ease-in-out;
animation: square-3-first-animate 1s infinite ease-in-out;
}
.square-3 #second_spinner {
-webkit-animation: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out;
-moz-animation: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out;
-o-animation: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out;
-ms-transition: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out;
animation: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out;
}
.square-3 #third_spinner {
-webkit-animation: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out;
-moz-animation: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out;
-o-animation: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out;
-ms-transition: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out;
animation: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out;
}
@-webkit-keyframes square-3-first-animate {
0% {
-webkit-transform: perspective(100px);
}
50% {
-webkit-transform: perspective(100px) rotateY(-180deg);
}
100% {
-webkit-transform: perspective(100px) rotateY(-180deg) rotateX(-180deg);
}
}
@keyframes square-3-first-animate {
0% {
transform: perspective(100px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(100px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(100px) rotateX(-180deg) rotateY(0deg);
-webkit-transform: perspective(100px) rotateX(-180deg) rotateY(0deg);
}
100% {
transform: perspective(100px) rotateX(-180deg) rotateY(-180deg);
-webkit-transform: perspective(100px) rotateX(-180deg) rotateY(-180deg);
}
}
@-webkit-keyframes square-3-second {
100% {
width: 100px;
height: 100px;
left: 48px;
top: 48px;
}
}
@keyframes square-3-second {
100% {
width: 100px;
height: 100px;
left: 48px;
top: 48px;
}
}
@-webkit-keyframes square-3-second-animate {
0% {
-webkit-transform: perspective(200px);
}
50% {
-webkit-transform: perspective(200px) rotateY(180deg);
}
100% {
-webkit-transform: perspective(200px) rotateY(180deg) rotateX(180deg);
}
}
@keyframes square-3-second-animate {
0% {
transform: perspective(200px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(200px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(200px) rotateX(180deg) rotateY(0deg);
-webkit-transform: perspective(200px) rotateX(180deg) rotateY(0deg);
}
100% {
transform: perspective(200px) rotateX(180deg) rotateY(180deg);
-webkit-transform: perspective(200px) rotateX(180deg) rotateY(180deg);
}
}
@-webkit-keyframes square-3-third {
100% {
width: 150px;
height: 150px;
left: 23px;
top: 23px;
}
}
@keyframes square-3-third {
100% {
width: 150px;
height: 150px;
left: 23px;
top: 23px;
}
}
@-webkit-keyframes square-3-third-animate {
0% {
-webkit-transform: perspective(300px);
}
50% {
-webkit-transform: perspective(300px) rotateY(-180deg);
}
100% {
-webkit-transform: perspective(300px) rotateY(-180deg) rotateX(-180deg);
}
}
@keyframes square-3-third-animate {
0% {
transform: perspective(300px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(300px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(300px) rotateX(-180deg) rotateY(0deg);
-webkit-transform: perspective(300px) rotateX(-180deg) rotateY(0deg);
}
100% {
transform: perspective(300px) rotateX(-180deg) rotateY(-180deg);
-webkit-transform: perspective(300px) rotateX(-180deg) rotateY(-180deg);
}
}
.square-4 {
background-color: white;
}
.square-4 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 100px;
width: 100px;
margin-top: -50px;
margin-left: -50px;
}
.square-4 .spinner {
width: 25px;
height: 25px;
background-color: rgba(255, 255, 255, 0);
margin-right: auto;
margin-left: auto;
border: 4px solid #ef4a4a;
left: 37px;
top: 37px;
position: absolute;
}
.square-4 #first_spinner {
-webkit-animation: square-4-first 1s infinite;
-o-animation: square-4-first 1s infinite;
animation: square-4-first 1s infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.square-4 #second_spinner {
-webkit-animation: square-4-second 1s infinite;
-o-animation: square-4-second 1s infinite;
animation: square-4-second 1s infinite;
}
.square-4 #third_spinner {
-webkit-animation: square-4-third 1s infinite;
-o-animation: square-4-third 1s infinite;
animation: square-4-third 1s infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.square-4 #forth_spinner {
-webkit-animation: square-4-forth 1s infinite;
-o-animation: square-4-forth 1s infinite;
animation: square-4-forth 1s infinite;
}
@-webkit-keyframes square-4-first {
0% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
50% {
-ms-transform: translate(150%, 150%) scale(2, 2);
-webkit-transform: translate(150%, 150%) scale(2, 2);
transform: translate(150%, 150%) scale(2, 2);
}
100% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
}
@keyframes square-4-first {
0% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
50% {
-ms-transform: translate(150%, 150%) scale(2, 2);
-webkit-transform: translate(150%, 150%) scale(2, 2);
transform: translate(150%, 150%) scale(2, 2);
}
100% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
}
@-webkit-keyframes square-4-second {
0% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
50% {
-ms-transform: translate(-150%, 150%) scale(2, 2);
-webkit-transform: translate(-150%, 150%) scale(2, 2);
transform: translate(-150%, 150%) scale(2, 2);
}
100% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
}
@keyframes square-4-second {
0% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
50% {
-ms-transform: translate(-150%, 150%) scale(2, 2);
-webkit-transform: translate(-150%, 150%) scale(2, 2);
transform: translate(-150%, 150%) scale(2, 2);
}
100% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
}
@-webkit-keyframes square-4-third {
0% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
50% {
-ms-transform: translate(-150%, -150%) scale(2, 2);
-webkit-transform: translate(-150%, -150%) scale(2, 2);
transform: translate(-150%, -150%) scale(2, 2);
}
100% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
}
@keyframes square-4-third {
0% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
50% {
-ms-transform: translate(-150%, -150%) scale(2, 2);
-webkit-transform: translate(-150%, -150%) scale(2, 2);
transform: translate(-150%, -150%) scale(2, 2);
}
100% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
}
@-webkit-keyframes square-4-forth {
0% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
50% {
-ms-transform: translate(150%, -150%) scale(2, 2);
-webkit-transform: translate(150%, -150%) scale(2, 2);
transform: translate(150%, -150%) scale(2, 2);
}
100% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
}
@keyframes square-4-forth {
0% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
50% {
-ms-transform: translate(150%, -150%) scale(2, 2);
-webkit-transform: translate(150%, -150%) scale(2, 2);
transform: translate(150%, -150%) scale(2, 2);
}
100% {
-ms-transform: translate(1, 1) scale(1, 1);
-webkit-transform: translate(1, 1) scale(1, 1);
transform: translate(1, 1) scale(1, 1);
}
}
.square-5 {
background-color: #2980b9;
}
.square-5 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 118px;
width: 118px;
margin-top: -59px;
margin-left: -59px;
}
.square-5 .spinner {
width: 20px;
height: 20px;
background-color: #fff;
margin-right: 20px;
float: left;
margin-bottom: 20px;
}
.square-5 .spinner:nth-child(3n+0) {
margin-right: 0px;
}
.square-5 #spinner_one {
-webkit-animation: square-5 1s -0.9s ease-in-out infinite;
-o-animation: square-5 1s -0.9s ease-in-out infinite;
animation: square-5 1s -0.9s ease-in-out infinite;
}
.square-5 #spinner_two {
-webkit-animation: square-5 1s -0.8s ease-in-out infinite;
-o-animation: square-5 1s -0.8s ease-in-out infinite;
animation: square-5 1s -0.8s ease-in-out infinite;
}
.square-5 #spinner_three {
-webkit-animation: square-5 1s -0.7s ease-in-out infinite;
-o-animation: square-5 1s -0.7s ease-in-out infinite;
animation: square-5 1s -0.7s ease-in-out infinite;
}
.square-5 #spinner_four {
-webkit-animation: square-5 1s -0.6s ease-in-out infinite;
-o-animation: square-5 1s -0.6s ease-in-out infinite;
animation: square-5 1s -0.6s ease-in-out infinite;
}
.square-5 #spinner_five {
-webkit-animation: square-5 1s -0.5s ease-in-out infinite;
-o-animation: square-5 1s -0.5s ease-in-out infinite;
animation: square-5 1s -0.5s ease-in-out infinite;
}
.square-5 #spinner_six {
-webkit-animation: square-5 1s -0.4s ease-in-out infinite;
-o-animation: square-5 1s -0.4s ease-in-out infinite;
animation: square-5 1s -0.4s ease-in-out infinite;
}
.square-5 #spinner_seven {
-webkit-animation: square-5 1s -0.3s ease-in-out infinite;
-o-animation: square-5 1s -0.3s ease-in-out infinite;
animation: square-5 1s -0.3s ease-in-out infinite;
}
.square-5 #spinner_eight {
-webkit-animation: square-5 1s -0.2s ease-in-out infinite;
-o-animation: square-5 1s -0.2s ease-in-out infinite;
animation: square-5 1s -0.2s ease-in-out infinite;
}
.square-5 #spinner_nine {
-webkit-animation: square-5 1s -0.1s ease-in-out infinite;
-o-animation: square-5 1s -0.1s ease-in-out infinite;
animation: square-5 1s -0.1s ease-in-out infinite;
}
@-webkit-keyframes square-5 {
50% {
-ms-transform: scale(1.5, 1.5);
-webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
}
100% {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@keyframes square-5 {
50% {
-ms-transform: scale(1.5, 1.5);
-webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
}
100% {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
.square-6 {
background-color: #3498db;
}
.square-6 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 118px;
width: 72px;
margin-top: -59px;
margin-left: -36px;
}
.square-6 .spinner {
width: 26px;
height: 26px;
background-color: #fff;
margin-right: 20px;
float: left;
margin-bottom: 20px;
}
.square-6 .spinner:nth-child(2n+0) {
margin-right: 0;
}
.square-6 #spinner_one {
-webkit-animation: square-6-one 1s infinite;
-o-animation: square-6-one 1s infinite;
animation: square-6-one 1s infinite;
}
.square-6 #spinner_two {
-webkit-animation: square-6-two 1s infinite;
-o-animation: square-6-two 1s infinite;
animation: square-6-two 1s infinite;
}
.square-6 #spinner_three {
-webkit-animation: square-6-three 1s infinite;
-o-animation: square-6-three 1s infinite;
animation: square-6-three 1s infinite;
}
.square-6 #spinner_four {
-webkit-animation: square-6-four 1s infinite;
-o-animation: square-6-four 1s infinite;
animation: square-6-four 1s infinite;
}
.square-6 #spinner_five {
-webkit-animation: square-6-five 1s infinite;
-o-animation: square-6-five 1s infinite;
animation: square-6-five 1s infinite;
}
.square-6 #spinner_six {
-webkit-animation: square-6-six 1s infinite;
-o-animation: square-6-six 1s infinite;
animation: square-6-six 1s infinite;
}
@-webkit-keyframes square-6-one {
50% {
-ms-transform: translate(-100px, 46px) rotate(-179deg);
-webkit-transform: translate(-100px, 46px) rotate(-179deg);
transform: translate(-100px, 46px) rotate(-179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes square-6-one {
50% {
-ms-transform: translate(-100px, 46px) rotate(-179deg);
-webkit-transform: translate(-100px, 46px) rotate(-179deg);
transform: translate(-100px, 46px) rotate(-179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes square-6-two {
50% {
-ms-transform: translate(100px, 46px) rotate(179deg);
-webkit-transform: translate(100px, 46px) rotate(179deg);
transform: translate(100px, 46px) rotate(179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes square-6-two {
50% {
-ms-transform: translate(100px, 46px) rotate(179deg);
-webkit-transform: translate(100px, 46px) rotate(179deg);
transform: translate(100px, 46px) rotate(179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes square-6-three {
50% {
-ms-transform: translate(-100px, 0) rotate(-179deg);
-webkit-transform: translate(-100px, 0) rotate(-179deg);
transform: translate(-100px, 0) rotate(-179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes square-6-three {
50% {
-ms-transform: translate(-100px, 0) rotate(-179deg);
-webkit-transform: translate(-100px, 0) rotate(-179deg);
transform: translate(-100px, 0) rotate(-179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes square-6-four {
50% {
-ms-transform: translate(100px, 0) rotate(179deg);
-webkit-transform: translate(100px, 0) rotate(179deg);
transform: translate(100px, 0) rotate(179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes square-6-four {
50% {
-ms-transform: translate(100px, 0) rotate(179deg);
-webkit-transform: translate(100px, 0) rotate(179deg);
transform: translate(100px, 0) rotate(179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes square-6-five {
50% {
-ms-transform: translate(-100px, -46px) rotate(-179deg);
-webkit-transform: translate(-100px, -46px) rotate(-179deg);
transform: translate(-100px, -46px) rotate(-179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes square-6-five {
50% {
-ms-transform: translate(-100px, -46px) rotate(-179deg);
-webkit-transform: translate(-100px, -46px) rotate(-179deg);
transform: translate(-100px, -46px) rotate(-179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes square-6-six {
50% {
-ms-transform: translate(100px, -46px) rotate(179deg);
-webkit-transform: translate(100px, -46px) rotate(179deg);
transform: translate(100px, -46px) rotate(179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes square-6-six {
50% {
-ms-transform: translate(100px, -46px) rotate(179deg);
-webkit-transform: translate(100px, -46px) rotate(179deg);
transform: translate(100px, -46px) rotate(179deg);
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.square-7 {
background-color: #e74c3c;
}
.square-7 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 100px;
width: 100px;
margin-top: -50px;
margin-left: -50px;
}
.square-7 .spinner {
width: 25px;
height: 25px;
background-color: #fff;
margin-right: 50px;
float: left;
margin-bottom: 50px;
}
.square-7 .spinner:nth-child(2n+0) {
margin-right: 0;
}
.square-7 #spinner_one {
-webkit-animation: square-7-one 2s infinite;
-o-animation: square-7-one 2s infinite;
animation: square-7-one 2s infinite;
}
.square-7 #spinner_two {
-webkit-animation: square-7-two 2s infinite;
-o-animation: square-7-two 2s infinite;
animation: square-7-two 2s infinite;
}
.square-7 #spinner_three {
-webkit-animation: square-7-three 2s infinite;
-o-animation: square-7-three 2s infinite;
animation: square-7-three 2s infinite;
}
.square-7 #spinner_four {
-webkit-animation: square-7-four 2s infinite;
-o-animation: square-7-four 2s infinite;
animation: square-7-four 2s infinite;
}
@-webkit-keyframes square-7-one {
25% {
-webkit-transform: translate(75px, 0) rotate(-90deg) scale(0.5);
}
50% {
-webkit-transform: translate(75px, 75px) rotate(-180deg);
}
75% {
-webkit-transform: translate(0, 75px) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes square-7-one {
25% {
transform: translate(75px, 0) rotate(-90deg) scale(0.5);
-webkit-transform: translate(75px, 0) rotate(-90deg) scale(0.5);
}
50% {
transform: translate(75px, 75px) rotate(-180deg);
-webkit-transform: translate(75px, 75px) rotate(-180deg);
}
75% {
transform: translate(0, 75px) rotate(-270deg) scale(0.5);
-webkit-transform: translate(0, 75px) rotate(-270deg) scale(0.5);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
@-webkit-keyframes square-7-two {
25% {
-webkit-transform: translate(0, 75px) rotate(-90deg) scale(0.5);
}
50% {
-webkit-transform: translate(-75px, 75px) rotate(-180deg);
}
75% {
-webkit-transform: translate(-75px, 0) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes square-7-two {
25% {
transform: translate(0, 75px) rotate(-90deg) scale(0.5);
-webkit-transform: translate(0, 75px) rotate(-90deg) scale(0.5);
}
50% {
transform: translate(-75px, 75px) rotate(-180deg);
-webkit-transform: translate(-75px, 75px) rotate(-180deg);
}
75% {
transform: translate(-75px, 0) rotate(-270deg) scale(0.5);
-webkit-transform: translate(-75px, 0) rotate(-270deg) scale(0.5);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
@-webkit-keyframes square-7-three {
25% {
-webkit-transform: translate(0, -75px) rotate(-90deg) scale(0.5);
}
50% {
-webkit-transform: translate(75px, -75px) rotate(-180deg);
}
75% {
-webkit-transform: translate(75px, 0) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes square-7-three {
25% {
transform: translate(0, -75px) rotate(-90deg) scale(0.5);
-webkit-transform: translate(0, -75px) rotate(-90deg) scale(0.5);
}
50% {
transform: translate(75px, -75px) rotate(-180deg);
-webkit-transform: translate(75px, -75px) rotate(-180deg);
}
75% {
transform: translate(75px, 0) rotate(-270deg) scale(0.5);
-webkit-transform: translate(75px, 0) rotate(-270deg) scale(0.5);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
@-webkit-keyframes square-7-four {
25% {
-webkit-transform: translate(-75px, 0) rotate(-90deg) scale(0.5);
}
50% {
-webkit-transform: translate(-75px, -75px) rotate(-180deg);
}
75% {
-webkit-transform: translate(0, -75px) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes square-7-four {
25% {
transform: translate(-75px, 0) rotate(-90deg) scale(0.5);
-webkit-transform: translate(-75px, 0) rotate(-90deg) scale(0.5);
}
50% {
transform: translate(-75px, -75px) rotate(-180deg);
-webkit-transform: translate(-75px, -75px) rotate(-180deg);
}
75% {
transform: translate(0, -75px) rotate(-270deg) scale(0.5);
-webkit-transform: translate(0, -75px) rotate(-270deg) scale(0.5);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
.square-8 {
background-color: #2c3e50;
}
.square-8 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 50px;
width: 50px;
margin-top: -25px;
margin-left: -25px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation: square-8-loading-center-absolute 1.5s infinite;
-o-animation: square-8-loading-center-absolute 1.5s infinite;
animation: square-8-loading-center-absolute 1.5s infinite;
}
.square-8 .spinner {
width: 25px;
height: 25px;
background-color: #fff;
float: left;
}
.square-8 #spinner_one {
-webkit-animation: square-8-one 1.5s infinite;
-o-animation: square-8-one 1.5s infinite;
animation: square-8-one 1.5s infinite;
}
.square-8 #spinner_two {
-webkit-animation: square-8-two 1.5s infinite;
-o-animation: square-8-two 1.5s infinite;
animation: square-8-two 1.5s infinite;
}
.square-8 #spinner_three {
-webkit-animation: square-8-three 1.5s infinite;
-o-animation: square-8-three 1.5s infinite;
animation: square-8-three 1.5s infinite;
}
.square-8 #spinner_four {
-webkit-animation: square-8-four 1.5s infinite;
-o-animation: square-8-four 1.5s infinite;
animation: square-8-four 1.5s infinite;
}
@-webkit-keyframes square-8-loading-center-absolute {
100% {
-webkit-transform: rotate(-45deg);
}
}
@keyframes square-8-loading-center-absolute {
100% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
}
@-webkit-keyframes square-8-one {
25% {
-webkit-transform: translate(0, -50px) rotate(-180deg);
}
100% {
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
@keyframes square-8-one {
25% {
transform: translate(0, -50px) rotate(-180deg);
-webkit-transform: translate(0, -50px) rotate(-180deg);
}
100% {
transform: translate(0, 0) rotate(-180deg);
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
@-webkit-keyframes square-8-two {
25% {
-webkit-transform: translate(50px, 0) rotate(-180deg);
}
100% {
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
@keyframes square-8-two {
25% {
transform: translate(50px, 0) rotate(-180deg);
-webkit-transform: translate(50px, 0) rotate(-180deg);
}
100% {
transform: translate(0, 0) rotate(-180deg);
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
@-webkit-keyframes square-8-three {
25% {
-webkit-transform: translate(-50px, 0) rotate(-180deg);
}
100% {
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
@keyframes square-8-three {
25% {
transform: translate(-50px, 0) rotate(-180deg);
-webkit-transform: translate(-50px, 0) rotate(-180deg);
}
100% {
transform: translate(0, 0) rotate(-180deg);
-webkit-transform: rtranslate(0, 0) rotate(-180deg);
}
}
@-webkit-keyframes square-8-four {
25% {
-webkit-transform: translate(0, 50px) rotate(-180deg);
}
100% {
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
@keyframes square-8-four {
25% {
transform: translate(0, 50px) rotate(-180deg);
-webkit-transform: translate(0, 50px) rotate(-180deg);
}
100% {
transform: translate(0, 0) rotate(-180deg);
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
.square-9 {
background-color: #1e1e20;
}
.square-9 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 150px;
width: 150px;
margin-top: -75px;
margin-left: -75px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.square-9 .spinner {
width: 20px;
height: 20px;
background-color: #fff;
margin-right: 110px;
float: left;
margin-bottom: 110px;
}
.square-9 .spinner:nth-child(2n+0) {
margin-right: 0;
}
.square-9 #spinner_one {
-webkit-animation: square-9-one 2s infinite;
-o-animation: square-9-one 2s infinite;
animation: square-9-one 2s infinite;
}
.square-9 #spinner_two {
-webkit-animation: square-9-two 2s infinite;
-o-animation: square-9-two 2s infinite;
animation: square-9-two 2s infinite;
}
.square-9 #spinner_three {
-webkit-animation: square-9-three 2s infinite;
-o-animation: square-9-three 2s infinite;
animation: square-9-three 2s infinite;
}
.square-9 #spinner_four {
-webkit-animation: square-9-four 2s infinite;
-o-animation: square-9-four 2s infinite;
animation: square-9-four 2s infinite;
}
.square-9 #spinner_big {
-webkit-animation: square-9-big 0.5s infinite;
-o-animation: square-9-big 0.5s infinite;
animation: square-9-big 0.5s infinite;
position: absolute;
width: 50px;
height: 50px;
left: 50px;
top: 50px;
}
@-webkit-keyframes square-9-big {
25% {
-webkit-transform: scale(0.5);
}
}
@keyframes square-9-big {
25% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
}
@-webkit-keyframes square-9-one {
25% {
-webkit-transform: translate(130px, 0) rotate(-90deg);
}
50% {
-webkit-transform: translate(130px, 130px) rotate(-180deg);
}
75% {
-webkit-transform: translate(0, 130px) rotate(-270deg);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes square-9-one {
25% {
transform: translate(130px, 0) rotate(-90deg);
-webkit-transform: translate(130px, 0) rotate(-90deg);
}
50% {
transform: translate(130px, 130px) rotate(-180deg);
-webkit-transform: translate(130px, 130px) rotate(-180deg);
}
75% {
transform: translate(0, 130px) rotate(-270deg);
-webkit-transform: translate(0, 130px) rotate(-270deg);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
@-webkit-keyframes square-9-two {
25% {
-webkit-transform: translate(0, 130px) rotate(-90deg);
}
50% {
-webkit-transform: translate(-130px, 130px) rotate(-180deg);
}
75% {
-webkit-transform: translate(-130px, 0) rotate(-270deg);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes square-9-two {
25% {
transform: translate(0, 130px) rotate(-90deg);
-webkit-transform: translate(0, 130px) rotate(-90deg);
}
50% {
transform: translate(-130px, 130px) rotate(-180deg);
-webkit-transform: translate(-130px, 130px) rotate(-180deg);
}
75% {
transform: translate(-130px, 0) rotate(-270deg);
-webkit-transform: translate(-130px, 0) rotate(-270deg);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
@-webkit-keyframes square-9-three {
25% {
-webkit-transform: translate(0, -130px) rotate(-90deg);
}
50% {
-webkit-transform: translate(130px, -130px) rotate(-180deg);
}
75% {
-webkit-transform: translate(130px, 0) rotate(-270deg);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes square-9-three {
25% {
transform: translate(0, -130px) rotate(-90deg);
-webkit-transform: translate(0, -130px) rotate(-90deg);
}
50% {
transform: translate(130px, -130px) rotate(-180deg);
-webkit-transform: translate(130px, -130px) rotate(-180deg);
}
75% {
transform: translate(130px, 0) rotate(-270deg);
-webkit-transform: translate(130px, 0) rotate(-270deg);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
@-webkit-keyframes square-9-four {
25% {
-webkit-transform: translate(-130px, 0) rotate(-90deg);
}
50% {
-webkit-transform: translate(-130px, -130px) rotate(-180deg);
}
75% {
-webkit-transform: translate(0, -130px) rotate(-270deg);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes square-9-four {
25% {
transform: translate(-130px, 0) rotate(-90deg);
-webkit-transform: translate(-130px, 0) rotate(-90deg);
}
50% {
transform: translate(-130px, -130px) rotate(-180deg);
-webkit-transform: translate(-130px, -130px) rotate(-180deg);
}
75% {
transform: translate(0, -130px) rotate(-270deg);
-webkit-transform: translate(0, -130px) rotate(-270deg);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
.round-1 {
background-color: #374140;
}
.round-1 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 150px;
width: 150px;
margin-top: -75px;
margin-left: -75px;
}
.round-1 .spinner {
width: 20px;
height: 20px;
background-color: #FFF;
float: left;
margin-right: 20px;
margin-top: 65px;
border-radius: 100%;
}
.round-1 #spinner_one {
-webkit-animation: round-1-one 1.5s infinite;
-o-animation: round-1-one 1.5s infinite;
animation: round-1-one 1.5s infinite;
}
.round-1 #spinner_two {
-webkit-animation: round-1-two 1.5s infinite;
-o-animation: round-1-two 1.5s infinite;
animation: round-1-two 1.5s infinite;
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.round-1 #spinner_three {
-webkit-animation: round-1-three 1.5s infinite;
-o-animation: round-1-three 1.5s infinite;
animation: round-1-three 1.5s infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
@-webkit-keyframes round-1-one {
75% {
-webkit-transform: scale(0);
}
}
@keyframes round-1-one {
75% {
transform: scale(0);
-webkit-transform: scale(0);
}
}
@-webkit-keyframes round-1-two {
75% {
-webkit-transform: scale(0);
}
}
@keyframes round-1-two {
75% {
transform: scale(0);
-webkit-transform: scale(0);
}
}
@-webkit-keyframes round-1-three {
75% {
-webkit-transform: scale(0);
}
}
@keyframes round-1-three {
75% {
transform: scale(0);
-webkit-transform: scale(0);
}
}
.round-2 {
background-color: #dc3522;
}
.round-2 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 150px;
width: 150px;
margin-top: -75px;
margin-left: -75px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.round-2 .spinner {
width: 20px;
height: 20px;
background-color: #FFF;
position: absolute;
left: 65px;
top: 65px;
border-radius: 50%;
}
.round-2 .spinner:nth-child(2n+0) {
margin-right: 0;
}
.round-2 #spinner_one {
-webkit-animation: round-2-one 2s infinite;
-o-animation: round-2-one 2s infinite;
animation: round-2-one 2s infinite;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.round-2 #spinner_two {
-webkit-animation: round-2-two 2s infinite;
-o-animation: round-2-two 2s infinite;
animation: round-2-two 2s infinite;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.round-2 #spinner_three {
-webkit-animation: round-2-three 2s infinite;
-o-animation: round-2-three 2s infinite;
animation: round-2-three 2s infinite;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.round-2 #spinner_four {
-webkit-animation: round-2-four 2s infinite;
-o-animation: round-2-four 2s infinite;
animation: round-2-four 2s infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.round-2 #spinner_five {
-webkit-animation: round-2-five 2s infinite;
-o-animation: round-2-five 2s infinite;
animation: round-2-five 2s infinite;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.round-2 #spinner_six {
-webkit-animation: round-2-six 2s infinite;
-o-animation: round-2-six 2s infinite;
animation: round-2-six 2s infinite;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.round-2 #spinner_seven {
-webkit-animation: round-2-seven 2s infinite;
-o-animation: round-2-seven 2s infinite;
animation: round-2-seven 2s infinite;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.round-2 #spinner_eight {
-webkit-animation: round-2-eight 2s infinite;
-o-animation: round-2-eight 2s infinite;
animation: round-2-eight 2s infinite;
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.round-2 #spinner_big {
position: absolute;
width: 50px;
height: 50px;
left: 50px;
top: 50px;
-webkit-animation: round-2-big 2s infinite;
-o-animation: round-2-big 2s infinite;
animation: round-2-big 2s infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
@-webkit-keyframes round-2-big {
50% {
-webkit-transform: scale(0.5);
}
}
@keyframes round-2-big {
50% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
}
@-webkit-keyframes round-2-one {
50% {
-webkit-transform: translate(-65px, -65px);
}
}
@keyframes round-2-one {
50% {
transform: translate(-65px, -65px);
-webkit-transform: translate(-65px, -65px);
}
}
@-webkit-keyframes round-2-two {
50% {
-webkit-transform: translate(0, -65px);
}
}
@keyframes round-2-two {
50% {
transform: translate(0, -65px);
-webkit-transform: translate(0, -65px);
}
}
@-webkit-keyframes round-2-three {
50% {
-webkit-transform: translate(65px, -65px);
}
}
@keyframes round-2-three {
50% {
transform: translate(65px, -65px);
-webkit-transform: translate(65px, -65px);
}
}
@-webkit-keyframes round-2-four {
50% {
-webkit-transform: translate(65px, 0);
}
}
@keyframes round-2-four {
50% {
transform: translate(65px, 0);
-webkit-transform: translate(65px, 0);
}
}
@-webkit-keyframes round-2-five {
50% {
-webkit-transform: translate(65px, 65px);
}
}
@keyframes round-2-five {
50% {
transform: translate(65px, 65px);
-webkit-transform: translate(65px, 65px);
}
}
@-webkit-keyframes round-2-six {
50% {
-webkit-transform: translate(0, 65px);
}
}
@keyframes round-2-six {
50% {
transform: translate(0, 65px);
-webkit-transform: translate(0, 65px);
}
}
@-webkit-keyframes round-2-seven {
50% {
-webkit-transform: translate(-65px, 65px);
}
}
@keyframes round-2-seven {
50% {
transform: translate(-65px, 65px);
-webkit-transform: translate(-65px, 65px);
}
}
@-webkit-keyframes round-2-eight {
50% {
-webkit-transform: translate(-65px, 0);
}
}
@keyframes round-2-eight {
50% {
transform: translate(-65px, 0);
-webkit-transform: translate(-65px, 0);
}
}
.round-3 {
background-color: #88a825;
}
.round-3 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 50px;
width: 200px;
margin-top: -25px;
margin-left: -100px;
}
.round-3 .spinner {
width: 20px;
height: 20px;
background-color: #fff;
float: left;
margin-top: 15px;
border-radius: 100%;
}
.round-3 #first_spinner {
-webkit-animation: round-3-first 2s infinite;
-o-animation: round-3-first 2s infinite;
animation: round-3-first 2s infinite;
}
.round-3 #second_spinner {
-webkit-animation: round-3-second 2s infinite;
-o-animation: round-3-second 2s infinite;
animation: round-3-second 2s infinite;
}
@-webkit-keyframes round-3-first {
25% {
-ms-transform: translate(90px, 0) scale(2);
-webkit-transform: translate(90px, 0) scale(2);
transform: translate(90px, 0) scale(2);
}
50% {
-ms-transform: translate(180px, 0) scale(1);
-webkit-transform: translate(180px, 0) scale(1);
transform: translate(180px, 0) scale(1);
}
75% {
-ms-transform: translate(90px, 0) scale(2);
-webkit-transform: translate(90px, 0) scale(2);
transform: translate(90px, 0) scale(2);
}
}
@keyframes round-3-first {
25% {
-ms-transform: translate(90px, 0) scale(2);
-webkit-transform: translate(90px, 0) scale(2);
transform: translate(90px, 0) scale(2);
}
50% {
-ms-transform: translate(180px, 0) scale(1);
-webkit-transform: translate(180px, 0) scale(1);
transform: translate(180px, 0) scale(1);
}
75% {
-ms-transform: translate(90px, 0) scale(2);
-webkit-transform: translate(90px, 0) scale(2);
transform: translate(90px, 0) scale(2);
}
}
@-webkit-keyframes round-3-second {
25% {
-ms-transform: translate(-90px, 0) scale(2);
-webkit-transform: translate(-90px, 0) scale(2);
transform: translate(-90px, 0) scale(2);
}
50% {
-ms-transform: translate(-180px, 0) scale(1);
-webkit-transform: translate(-180px, 0) scale(1);
transform: translate(-180px, 0) scale(1);
}
75% {
-ms-transform: translate(-90px, 0) scale(2);
-webkit-transform: translate(-90px, 0) scale(2);
transform: translate(-90px, 0) scale(2);
}
}
@keyframes round-3-second {
25% {
-ms-transform: translate(-90px, 0) scale(2);
-webkit-transform: translate(-90px, 0) scale(2);
transform: translate(-90px, 0) scale(2);
}
50% {
-ms-transform: translate(-180px, 0) scale(1);
-webkit-transform: translate(-180px, 0) scale(1);
transform: translate(-180px, 0) scale(1);
}
75% {
-ms-transform: translate(-90px, 0) scale(2);
-webkit-transform: translate(-90px, 0) scale(2);
transform: translate(-90px, 0) scale(2);
}
}
.round-4 {
background-color: #35203b;
}
.round-4 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 50px;
width: 300px;
margin-top: -25px;
margin-left: -150px;
}
.round-4 .spinner {
width: 18px;
height: 18px;
background-color: #fff;
float: left;
margin-top: 15px;
margin-right: 15px;
border-radius: 100%;
-webkit-animation: round-4 1s infinite;
-o-animation: round-4 1s infinite;
animation: round-4 1s infinite;
}
.round-4 .spinner:last-child {
margin-right: 0px;
}
.round-4 .spinner:nth-child(9) {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.round-4 .spinner:nth-child(8) {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.round-4 .spinner:nth-child(7) {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.round-4 .spinner:nth-child(6) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.round-4 .spinner:nth-child(5) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.round-4 .spinner:nth-child(4) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.round-4 .spinner:nth-child(3) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.round-4 .spinner:nth-child(2) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
@-webkit-keyframes round-4 {
50% {
-ms-transform: translate(0, -50px);
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px);
}
}
@keyframes round-4 {
50% {
-ms-transform: translate(0, -50px);
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px);
}
}
.round-5 {
background-color: #cf4a30;
}
.round-5 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 60px;
width: 60px;
margin-top: -30px;
margin-left: -30px;
-webkit-animation: round-5-loading-center-absolute 1s infinite;
-o-animation: round-5-loading-center-absolute 1s infinite;
animation: round-5-loading-center-absolute 1s infinite;
}
.round-5 .spinner {
width: 20px;
height: 20px;
background-color: #fff;
float: left;
border-radius: 50%;
margin-right: 20px;
margin-bottom: 20px;
}
.round-5 .spinner:nth-child(2n+0) {
margin-right: 0;
}
.round-5 #spinner_one {
-webkit-animation: round-5-one 1s infinite;
-o-animation: round-5-one 1s infinite;
animation: round-5-one 1s infinite;
}
.round-5 #spinner_two {
-webkit-animation: round-5-two 1s infinite;
-o-animation: round-5-two 1s infinite;
animation: round-5-two 1s infinite;
}
.round-5 #spinner_three {
-webkit-animation: round-5-three 1s infinite;
-o-animation: round-5-three 1s infinite;
animation: round-5-three 1s infinite;
}
.round-5 #spinner_four {
-webkit-animation: round-5-four 1s infinite;
-o-animation: round-5-four 1s infinite;
animation: round-5-four 1s infinite;
}
@-webkit-keyframes round-5-loading-center-absolute {
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes round-5-loading-center-absolute {
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes round-5-one {
50% {
-ms-transform: translate(20px, 20px);
-webkit-transform: translate(20px, 20px);
transform: translate(20px, 20px);
}
}
@keyframes round-5-one {
50% {
-ms-transform: translate(20px, 20px);
-webkit-transform: translate(20px, 20px);
transform: translate(20px, 20px);
}
}
@-webkit-keyframes round-5-two {
50% {
-ms-transform: translate(-20px, 20px);
-webkit-transform: translate(-20px, 20px);
transform: translate(-20px, 20px);
}
}
@keyframes round-5-two {
50% {
-ms-transform: translate(-20px, 20px);
-webkit-transform: translate(-20px, 20px);
transform: translate(-20px, 20px);
}
}
@-webkit-keyframes round-5-three {
50% {
-ms-transform: translate(20px, -20px);
-webkit-transform: translate(20px, -20px);
transform: translate(20px, -20px);
}
}
@keyframes round-5-three {
50% {
-ms-transform: translate(20px, -20px);
-webkit-transform: translate(20px, -20px);
transform: translate(20px, -20px);
}
}
@-webkit-keyframes round-5-four {
50% {
-ms-transform: translate(-20px, -20px);
-webkit-transform: translate(-20px, -20px);
transform: translate(-20px, -20px);
}
}
@keyframes round-5-four {
50% {
-ms-transform: translate(-20px, -20px);
-webkit-transform: translate(-20px, -20px);
transform: translate(-20px, -20px);
}
}
.round-6 {
background-color: #ed8c2b;
}
.round-6 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 20px;
width: 140px;
margin-top: -10px;
margin-left: -70px;
-webkit-animation: round-6-loading-center-absolute 1s infinite;
-o-animation: round-6-loading-center-absolute 1s infinite;
animation: round-6-loading-center-absolute 1s infinite;
}
.round-6 .spinner {
width: 20px;
height: 20px;
background-color: #fff;
float: left;
border-radius: 100%;
margin-right: 20px;
margin-bottom: 20px;
}
.round-6 .spinner:last-child {
margin-right: 0;
}
.round-6 #spinner_one {
-webkit-animation: round-6-one 1s infinite;
-o-animation: round-6-one 1s infinite;
animation: round-6-one 1s infinite;
}
.round-6 #spinner_two {
-webkit-animation: round-6-two 1s infinite;
-o-animation: round-6-two 1s infinite;
animation: round-6-two 1s infinite;
}
.round-6 #spinner_three {
-webkit-animation: round-6-three 1s infinite;
-o-animation: round-6-three 1s infinite;
animation: round-6-three 1s infinite;
}
.round-6 #spinner_four {
-webkit-animation: round-6-four 1s infinite;
-o-animation: round-6-four 1s infinite;
animation: round-6-four 1s infinite;
}
@-webkit-keyframes round-6-loading-center-absolute {
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes round-6-loading-center-absolute {
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes round-6-one {
50% {
-ms-transform: translate(20px, 20px);
-webkit-transform: translate(20px, 20px);
transform: translate(20px, 20px);
}
}
@keyframes round-6-one {
50% {
-ms-transform: translate(20px, 20px);
-webkit-transform: translate(20px, 20px);
transform: translate(20px, 20px);
}
}
@-webkit-keyframes round-6-two {
50% {
-ms-transform: translate(-20px, 20px);
-webkit-transform: translate(-20px, 20px);
transform: translate(-20px, 20px);
}
}
@keyframes round-6-two {
50% {
-ms-transform: translate(-20px, 20px);
-webkit-transform: translate(-20px, 20px);
transform: translate(-20px, 20px);
}
}
@-webkit-keyframes round-6-three {
50% {
-ms-transform: translate(20px, -20px);
-webkit-transform: translate(20px, -20px);
transform: translate(20px, -20px);
}
}
@keyframes round-6-three {
50% {
-ms-transform: translate(20px, -20px);
-webkit-transform: translate(20px, -20px);
transform: translate(20px, -20px);
}
}
@-webkit-keyframes round-6-four {
50% {
-ms-transform: translate(-20px, -20px);
-webkit-transform: translate(-20px, -20px);
transform: translate(-20px, -20px);
}
}
@keyframes round-6-four {
50% {
-ms-transform: translate(-20px, -20px);
-webkit-transform: translate(-20px, -20px);
transform: translate(-20px, -20px);
}
}
.round-7 {
background-color: #db5800;
}
.round-7 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 20px;
width: 100px;
margin-top: -10px;
margin-left: -50px;
}
.round-7 .spinner {
width: 20px;
height: 20px;
background-color: #fff;
border-radius: 100%;
margin-right: 20px;
margin-bottom: 20px;
position: absolute;
}
.round-7 #spinner_one {
-webkit-animation: round-7 2s linear infinite;
-o-animation: round-7 2s linear infinite;
animation: round-7 2s linear infinite;
}
.round-7 #spinner_two {
-webkit-animation: round-7 2s linear infinite -0.4s;
-o-animation: round-7 2s linear infinite -0.4s;
animation: round-7 2s linear infinite -0.4s;
}
.round-7 #spinner_three {
-webkit-animation: round-7 2s linear infinite -0.8s;
-o-animation: round-7 2s linear infinite -0.8s;
animation: round-7 2s linear infinite -0.8s;
}
.round-7 #spinner_four {
-webkit-animation: round-7 2s linear infinite -1.2s;
-o-animation: round-7 2s linear infinite -1.2s;
animation: round-7 2s linear infinite -1.2s;
}
.round-7 #spinner_five {
-webkit-animation: round-7 2s linear infinite -1.6s;
-o-animation: round-7 2s linear infinite -1.6s;
animation: round-7 2s linear infinite -1.6s;
}
@-webkit-keyframes round-7 {
0% {
left: 100px;
top: 0;
}
80% {
left: 0;
top: 0;
}
85% {
left: 0;
top: -20px;
width: 20px;
height: 20px;
}
90% {
width: 40px;
height: 15px;
}
95% {
left: 100px;
top: -20px;
width: 20px;
height: 20px;
}
100% {
left: 100px;
top: 0;
}
}
@keyframes round-7 {
0% {
left: 100px;
top: 0;
}
80% {
left: 0;
top: 0;
}
85% {
left: 0;
top: -20px;
width: 20px;
height: 20px;
}
90% {
width: 40px;
height: 15px;
}
95% {
left: 100px;
top: -20px;
width: 20px;
height: 20px;
}
100% {
left: 100px;
top: 0;
}
}
.round-8 {
background-color: #ff9000;
}
.round-8 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 118px;
width: 118px;
margin-top: -59px;
margin-left: -59px;
}
.round-8 .spinner {
width: 20px;
height: 20px;
background-color: #fff;
margin-right: 20px;
float: left;
margin-bottom: 20px;
border-radius: 50%;
}
.round-8 .spinner:nth-child(3n+0) {
margin-right: 0px;
}
.round-8 #spinner_one {
-webkit-animation: round-8 1s -0.9s ease-in-out infinite;
-o-animation: round-8 1s -0.9s ease-in-out infinite;
animation: round-8 1s -0.9s ease-in-out infinite;
}
.round-8 #spinner_two {
-webkit-animation: round-8 1s -0.8s ease-in-out infinite;
-o-animation: round-8 1s -0.8s ease-in-out infinite;
animation: round-8 1s -0.8s ease-in-out infinite;
}
.round-8 #spinner_three {
-webkit-animation: round-8 1s -0.7s ease-in-out infinite;
-o-animation: round-8 1s -0.7s ease-in-out infinite;
animation: round-8 1s -0.7s ease-in-out infinite;
}
.round-8 #spinner_four {
-webkit-animation: round-8 1s -0.6s ease-in-out infinite;
-o-animation: round-8 1s -0.6s ease-in-out infinite;
animation: round-8 1s -0.6s ease-in-out infinite;
}
.round-8 #spinner_five {
-webkit-animation: round-8 1s -0.5s ease-in-out infinite;
-o-animation: round-8 1s -0.5s ease-in-out infinite;
animation: round-8 1s -0.5s ease-in-out infinite;
}
.round-8 #spinner_six {
-webkit-animation: round-8 1s -0.4s ease-in-out infinite;
-o-animation: round-8 1s -0.4s ease-in-out infinite;
animation: round-8 1s -0.4s ease-in-out infinite;
}
.round-8 #spinner_seven {
-webkit-animation: round-8 1s -0.3s ease-in-out infinite;
-o-animation: round-8 1s -0.3s ease-in-out infinite;
animation: round-8 1s -0.3s ease-in-out infinite;
}
.round-8 #spinner_eight {
-webkit-animation: round-8 1s -0.2s ease-in-out infinite;
-o-animation: round-8 1s -0.2s ease-in-out infinite;
animation: round-8 1s -0.2s ease-in-out infinite;
}
.round-8 #spinner_nine {
-webkit-animation: round-8 1s -0.1s ease-in-out infinite;
-o-animation: round-8 1s -0.1s ease-in-out infinite;
animation: round-8 1s -0.1s ease-in-out infinite;
}
@-webkit-keyframes round-8 {
50% {
-ms-transform: scale(1.5, 1.5);
-webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
}
100% {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@keyframes round-8 {
50% {
-ms-transform: scale(1.5, 1.5);
-webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
}
100% {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
.round-9 {
background-color: #f0c600;
}
.round-9 .haru-loading-site-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 150px;
width: 150px;
margin-top: -75px;
margin-left: -75px;
border-radius: 50%;
}
.round-9 .spinner {
width: 20px;
height: 20px;
background-color: #fff;
position: absolute;
border-radius: 50%;
-webkit-animation: round-9 0.8s infinite;
-o-animation: round-9 0.8s infinite;
animation: round-9 0.8s infinite;
}
.round-9 #spinner_one {
top: 19px;
left: 19px;
}
.round-9 #spinner_two {
top: 0px;
left: 65px;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.round-9 #spinner_three {
top: 19px;
left: 111px;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.round-9 #spinner_four {
top: 65px;
left: 130px;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.round-9 #spinner_five {
top: 111px;
left: 111px;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.round-9 #spinner_six {
top: 130px;
left: 65px;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.round-9 #spinner_seven {
top: 111px;
left: 19px;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.round-9 #spinner_eight {
top: 65px;
left: 0px;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
@-webkit-keyframes round-9 {
25% {
-ms-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
75% {
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
}
}
@keyframes round-9 {
50% {
-ms-transform: scale(1.5, 1.5);
-webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
}
100% {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
#haru-site-preloader {
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999;
}
#haru-site-preloader .haru-loading-site {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .animated {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.dialog {
position: fixed;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
pointer-events: none;
z-index: 9999;
visibility: hidden;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.85);
top: 0px;
left: 0px;
}
.dialog.dialog--open {
visibility: visible;
}
.dialog__content {
width: 100%;
height: 100%;
padding: 20px;
text-align: center;
position: relative;
z-index: 5;
opacity: 0;
}
.dialog--open .dialog__content {
pointer-events: auto;
}
.dialog--open .dialog__overlay {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.dialog--close .dialog__overlay {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dialog__content {
padding: 0;
}
.dialog.dialog--open .dialog__content {
opacity: 1;
}
.morph-shape {
position: absolute;
width: calc(100% + 2px);
height: calc(100% + 2px);
top: -2px;
left: -2px;
z-index: -1;
}
.morph-shape svg rect {
stroke: #fff;
stroke-width: 2px;
stroke-dasharray: 1680;
}
.dialog--open .morph-shape svg rect {
-webkit-animation: anim-dash 0.6s forwards;
-o-animation: anim-dash 0.6s forwards;
animation: anim-dash 0.6s forwards;
}
.dialog-inner {
opacity: 0;
}
.dialog-inner div button {
background-color: transparent;
}
.dialog-inner div button i {
font-size: 20px;
}
.dialog--open .dialog-inner {
padding: 30px;
opacity: 1;
-webkit-transition: opacity 0.85s 0.35s;
-o-transition: opacity 0.85s 0.35s;
transition: opacity 0.85s 0.35s;
}
.dialog.dialog--open h2 {
-webkit-animation: anim-elem-1 0.7s ease-out both;
-o-animation: anim-elem-1 0.7s ease-out both;
animation: anim-elem-1 0.7s ease-out both;
}
.dialog.dialog--open button[data-dialog-close] {
position: absolute;
border: none;
outline: none;
top: 10%;
right: 5%;
width: 50px;
height: 50px;
line-height: 1;
color: #fff;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.dialog.dialog--open button[data-dialog-close]:hover {
color: #333333;
}
.dialog.dialog--open p {
line-height: 1.5;
font-size: 18px;
}
@keyframes anim-dash {
0% {
stroke-dashoffset: 1680;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes anim-dash {
0% {
stroke-dashoffset: 1680;
}
100% {
stroke-dashoffset: 0;
}
} @-webkit-keyframes anim-elem-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes anim-elem-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} @-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;
}
}
.dialog--open {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
} #haru-popup {
background-color: #fff;
box-sizing: border-box;
margin: 40px auto;
max-width: 95%;
position: relative;
text-align: left;
background-repeat: no-repeat !important;
background-size: cover !important;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 767px) {
#haru-popup {
max-height: 400px !important;
}
}
#haru-popup .newsletter-title {
color: #333333;
font-size: 28px;
}
@media screen and (max-width: 991px) {
#haru-popup .newsletter-title {
font-size: 24px;
}
}
#haru-popup .newsletter-description {
font-size: 17px;
font-weight: 600;
line-height: 1.8;
}
@media screen and (max-width: 991px) {
#haru-popup .newsletter-description {
font-size: 15px;
}
}
#haru-popup .popup-left {
width: 50%;
float: left;
height: 100%;
}
@media screen and (max-width: 767px) {
#haru-popup .popup-left {
width: 100%;
clear: both;
}
}
#haru-popup .popup-right {
width: 50%;
float: right;
height: 100%;
position: relative;
text-align: center;
}
@media screen and (max-width: 767px) {
#haru-popup .popup-right {
width: 100%;
background-color: #fff;
clear: both;
position: absolute;
}
}
#haru-popup .popup-right .popup-right-content {
position: absolute;
width: 100%;
top: 50%;
padding: 0 40px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
#haru-popup .popup-right .popup-right-content {
padding: 0 40px;
}
}
#haru-popup .subscribe-default {
position: relative;
padding-bottom: 5px;
}
#haru-popup .subscribe-default .subscribe-email {
width: 100%;
padding: 0;
border: none;
margin-top: 30px;
}
#haru-popup .subscribe-default .subscribe-email input[type="email"] {
border: 1px solid #ededed;
font-style: italic;
width: 100%;
padding: 9px 0 9px 9px;
background: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#haru-popup .subscribe-default .subscribe-email input[type="email"]::-moz-placeholder {
color: #fff;
opacity: 1;
}
#haru-popup .subscribe-default .subscribe-email input[type="email"]:-ms-input-placeholder {
color: #fff;
}
#haru-popup .subscribe-default .subscribe-email input[type="email"]::-webkit-input-placeholder {
color: #fff;
}
#haru-popup .subscribe-default .subscribe-email input[type="email"]:focus {
outline: none;
border: 1px solid #333333;
}
#haru-popup .subscribe-default .subscribe-submit input[type="submit"] {
border: 1px solid #333333;
background: none;
text-transform: uppercase;
padding: 10px 0;
color: #fff;
background: #333333;
}
#haru-popup .subscribe-default .subscribe-submit input[type="submit"]:hover {
background: #fff;
color: #333333;
}
#haru-popup .subscribe-default .subscribe-submit input[type="submit"]:focus {
outline: none;
}
#haru-popup .checkbox-label {
margin-top: 15px;
}
#haru-popup .checkbox-label .showagain {
margin-right: 3px;
}
#haru-popup .checkbox-label label {
font-weight: normal;
}
@media (max-width: 480px) {
#haru-popup .checkbox-label {
margin-left: 15px;
}
}  .mfp-zoom-in {   }
.mfp-zoom-in .mfp-with-anim {
opacity: 0;
transition: all 0.5s ease-in-out;
transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
transition: all 0.5s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
transform: scale(0.8);
opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-newspaper {   }
.mfp-newspaper .mfp-with-anim {
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s;
transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg {
opacity: 0;
transition: all 0.5s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-newspaper.mfp-removing .mfp-with-anim {
transform: scale(0) rotate(500deg);
opacity: 0;
}
.mfp-newspaper.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-move-horizontal {   }
.mfp-move-horizontal .mfp-with-anim {
opacity: 0;
transition: all 0.3s;
transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-bg {
opacity: 0;
transition: all 0.3s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
opacity: 1;
transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
transform: translateX(50px);
opacity: 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-move-from-top {   }
.mfp-move-from-top .mfp-content {
vertical-align: top;
}
.mfp-move-from-top .mfp-with-anim {
opacity: 0;
transition: all 0.2s;
transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
opacity: 0;
transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
opacity: 1;
transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
transform: translateY(-50px);
opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-3d-unfold {   }
.mfp-3d-unfold .mfp-content {
perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
opacity: 0;
transition: all 0.3s ease-in-out;
transform-style: preserve-3d;
transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
opacity: 0;
transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
opacity: 1;
transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
transform: rotateY(60deg);
opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-zoom-out {   }
.mfp-zoom-out .mfp-with-anim {
opacity: 0;
transition: all 0.3s ease-in-out;
transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
transform: scale(1.3);
opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
opacity: 0;
} @keyframes hinge {
0% {
transform: rotate(0);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%,
60% {
transform: rotate(80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40% {
transform: rotate(60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
80% {
transform: rotate(60deg) translateY(0);
opacity: 1;
transform-origin: top left;
animation-timing-function: ease-in-out;
}
100% {
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
animation-duration: 1s;
animation-name: hinge;
}
.mfp-with-fade .mfp-content,
.mfp-with-fade.mfp-bg {
opacity: 0;
transition: opacity 0.5s ease-out;
}
.mfp-with-fade.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-with-fade.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-with-fade.mfp-removing.mfp-bg {
opacity: 0;
}  body {
color: #696969;
line-height: 1.8;
overflow-x: hidden;
font-family: "Muli";
}
a {
text-decoration: none;
color: #696969;
}
a:hover {
color: #333333;
text-decoration: none;
}
a:active {
color: #333333;
text-decoration: none;
}
a:focus {
color: #333333;
outline: none;
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
color: #333333;
font-family: "Muli";
}
img {
max-width: 100%;
height: auto;
}
p {
line-height: 1.8;
} body.layout-boxed #haru-main {
max-width: 1200px;
margin: auto;
overflow: hidden;
}
body.layout-float .vc_row:not(.vc_inner) {
padding: 0;
}
@media screen and (max-width: 1399px) {
body.layout-float .vc_row:not(.vc_inner) {
padding: 0 25px;
}
}
@media screen and (max-width: 1199px) {
body.layout-float .vc_row:not(.vc_inner) {
padding: 0;
}
}
body.layout-float .vc_row[data-vc-full-width] {
padding: 0 85px;
}
body.layout-float .vc_row[data-vc-full-width].vc_row-no-padding {
padding: 0 100px;
}
@media screen and (max-width: 1399px) {
body.layout-float .vc_row[data-vc-full-width].vc_row-no-padding {
padding: 0 50px;
}
}
@media screen and (max-width: 1199px) {
body.layout-float .vc_row[data-vc-full-width].vc_row-no-padding {
padding: 0 50px;
}
}
@media screen and (max-width: 991px) {
body.layout-float .vc_row[data-vc-full-width].vc_row-no-padding {
padding: 0 15px;
}
}
@media screen and (max-width: 1399px) {
body.layout-float .vc_row[data-vc-full-width] {
padding: 0 35px;
}
}
@media screen and (max-width: 1199px) {
body.layout-float .vc_row[data-vc-full-width] {
padding: 0 35px;
}
}
@media screen and (max-width: 991px) {
body.layout-float .vc_row[data-vc-full-width] {
padding: 0;
}
}
body.layout-float .header-1 .haru-header-nav-wrap {
padding: 0;
} .back-to-top {
display: block;
position: fixed;
right: 30px;
bottom: -45px;
background: rgba(0, 0, 0, 0.3);
padding: 10px 15px;
z-index: 99;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.back-to-top.in {
bottom: 30px;
}
.back-to-top:hover {
background: rgba(0, 0, 0, 0.5);
}
.back-to-top i {
color: #fff;
font-size: 18px;
} .haru-page-title-section {
background-size: cover;
background-color: #f4f4f4;
margin-bottom: 80px;
position: relative;
min-height: 170px;
}
@media screen and (max-width: 991px) {
.haru-page-title-section {
margin-bottom: 30px;
min-height: 90px;
}
}
@media screen and (max-width: 767px) {
.haru-page-title-section {
min-height: 58px;
}
}
.haru-page-title-section .haru-page-title-wrapper {
padding-top: 10%;
}
.haru-page-title-section .haru-page-title-wrapper.no-breadcrumbs {
padding-bottom: 8%;
}
.haru-page-title-section .haru-page-title-wrapper .page-title-inner .block-center-inner h2 {
font-size: 48px;
font-weight: 600;
margin-bottom: 0;
position: relative;
text-align: center;
}
@media screen and (max-width: 991px) {
.haru-page-title-section .haru-page-title-wrapper .page-title-inner .block-center-inner h2 {
font-size: 30px;
}
}
@media screen and (max-width: 767px) {
.haru-page-title-section .haru-page-title-wrapper .page-title-inner .block-center-inner h2 {
font-size: 18px;
}
}
.haru-page-title-section .haru-page-title-wrapper .page-title-inner .block-center-inner .page-sub-title {
display: block;
position: relative;
padding-top: 15px;
color: #333333;
}
.haru-page-title-section .haru-breadcrumb-wrapper {
padding-bottom: 6%;
}
.haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs {
list-style-type: none;
list-style: none;
padding: 0;
text-align: center;
}
.haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li {
position: relative;
display: inline-block;
padding-right: 30px;
padding-top: 20px;
padding-bottom: 20px;
font-style: italic;
}
.haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li:last-child {
padding-right: 0;
}
.haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li span {
color: #333333;
font-weight: 700;
}
.haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li a {
color: #ababab;
}
.haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li a:hover {
color: #333333;
}
.haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li:first-child:before {
display: none;
}
.haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li:before {
content: "\f105";
color: #ababab;
font-family: fontAwesome;
left: -18px;
position: absolute;
}
@media screen and (max-width: 991px) {
.haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media screen and (max-width: 767px) {
.haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li {
padding-top: 5px;
padding-bottom: 5px;
}
}
.hide-page-title .haru-single-blog,
.hide-page-title .haru-archive-blog,
.hide-page-title .haru-archive-product,
.hide-page-title .haru-single-product {
margin-top: 80px;
}
@media screen and (max-width: 991px) {
.hide-page-title .haru-single-blog,
.hide-page-title .haru-archive-blog,
.hide-page-title .haru-archive-product,
.hide-page-title .haru-single-product {
margin-top: 40px;
}
} .overlay-bg-vc-wapper {
position: relative;
}
.overlay-bg-vc {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
} .contact-form .contact-name {
padding-right: 15px;
width: 50%;
float: left;
}
@media screen and (max-width: 767px) {
.contact-form .contact-name {
width: 100%;
padding-right: 0;
}
}
.contact-form .contact-email {
padding-left: 15px;
width: 50%;
float: left;
}
@media screen and (max-width: 767px) {
.contact-form .contact-email {
width: 100%;
padding-left: 0;
}
}
.contact-form .contact-subject {
clear: both;
}
.contact-form .contact-submit {
text-align: center;
}
.contact-form .contact-submit input {
border: 1px solid #333333;
background: #333333;
color: #fff;
font-weight: 700;
letter-spacing: 2px;
padding: 10px 20px;
text-align: center;
text-transform: uppercase;
margin-top: 5px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 767px) {
.contact-form .contact-submit input {
margin-top: 10px;
}
}
.contact-form .contact-submit input:hover {
background: transparent;
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.contact-form .contact-submit input:focus {
outline: none;
}
.contact-form .contact-label {
padding: 10px 0;
text-transform: uppercase;
}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
border: 1px solid #ededed;
margin-bottom: 30px;
padding: 10px 15px;
width: 100%;
}
.contact-form input[type="text"]::-moz-placeholder, .contact-form input[type="email"]::-moz-placeholder, .contact-form textarea::-moz-placeholder {
color: #ababab;
opacity: 1;
}
.contact-form input[type="text"]:-ms-input-placeholder, .contact-form input[type="email"]:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder {
color: #ababab;
}
.contact-form input[type="text"]::-webkit-input-placeholder, .contact-form input[type="email"]::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder {
color: #ababab;
}
.contact-form input[type="text"]:focus, .contact-form input[type="text"]:hover, .contact-form input[type="email"]:focus, .contact-form input[type="email"]:hover, .contact-form textarea:focus, .contact-form textarea:hover {
outline: none;
border: 1px solid #333333;
}
@media screen and (max-width: 991px) {
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
margin-bottom: 20px;
}
}
.vc_custom_heading.heading_style_1 {
font-size: 48px;
font-weight: 600;
line-height: 1.4;
}
@media screen and (max-width: 991px) {
.vc_custom_heading.heading_style_1 {
font-size: 22px !important;
}
}
@media screen and (max-width: 767px) {
.vc_custom_heading.heading_style_1 {
font-size: 20px !important;
word-wrap: break-word;
}
}
.vc_custom_heading.heading_style_2 {
font-size: 40px;
font-weight: 700;
line-height: 1.4;
}
@media screen and (max-width: 991px) {
.vc_custom_heading.heading_style_2 {
font-size: 28px !important;
}
}
@media screen and (max-width: 767px) {
.vc_custom_heading.heading_style_2 {
font-size: 22px !important;
word-wrap: break-word;
}
}
.vc_custom_heading.heading_style_3 {
font-size: 16px;
}
@media screen and (max-width: 991px) {
.vc_custom_heading.heading_style_3 {
font-size: 14px;
}
}
.vc_custom_heading.sub_heading_style_1 {
color: #696969;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
.vc_custom_heading.sub_heading_style_1 {
font-size: 14px;
}
}
.vc_custom_heading.sub_heading_style_2 {
color: #ababab;
font-style: italic;
}
.vc_custom_heading.sub_heading_style_3 {
font-size: 15px;
letter-spacing: 2px;
text-transform: uppercase;
}
.vc_custom_heading.footer_style_1 {
font-size: 18px;
}
@media screen and (max-width: 767px) {
.button_style_1 {
text-align: center !important;
}
}
.button_style_1 button, .button_style_1 a {
background-color: transparent !important;
background-image: none !important;
border: 1px solid #333333 !important;
color: #333333 !important;
font-weight: 700 !important;
padding: 10px 20px !important;
min-width: 150px;
text-transform: uppercase;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.button_style_1 button:hover, .button_style_1 a:hover {
background-color: #333333 !important;
color: #fff !important;
}
@media screen and (max-width: 767px) {
.button_style_2 {
text-align: center !important;
}
}
.button_style_2 button, .button_style_2 a {
background-image: none !important;
border: 2px solid #ededed !important;
background-color: transparent !important;
color: #333333 !important;
font-weight: 700 !important;
padding: 10px 30px !important;
min-width: 135px;
-webkit-border-radius: 30px !important;
-moz-border-radius: 30px !important;
border-radius: 30px !important;
}
.button_style_2 button:hover, .button_style_2 a:hover {
background-color: #333333 !important;
border: 2px solid #333333 !important;
color: #fff !important;
}
@media screen and (max-width: 767px) {
.button_style_3 {
text-align: center !important;
}
}
.button_style_3 button, .button_style_3 a {
background-image: none !important;
border: none !important;
background-color: transparent !important;
color: #333333 !important;
font-weight: 700 !important;
font-size: 14px;
padding: 0 !important;
position: relative;
min-width: 0;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.button_style_3 button:hover:after, .button_style_3 a:hover:after {
background-color: #333333;
}
.button_style_3 button:after, .button_style_3 a:after {
content: "";
position: absolute;
background-color: rgba(51, 51, 51, 0.3);
bottom: 0;
left: 0;
height: 1px;
width: 100%;
}
.button_style_4 button, .button_style_4 a {
background-image: none !important;
border: 2px solid #ededed !important;
background-color: transparent !important;
color: #333333 !important;
font-weight: 600 !important;
font-size: 15px !important;
padding: 0 !important;
position: relative;
min-width: 0;
width: 140px;
height: 140px;
line-height: 140px !important;
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
border-radius: 50% !important;
}
.button_style_4 button:hover, .button_style_4 a:hover {
border: 2px solid #333333 !important;
}
@media screen and (max-width: 991px) {
.button_style_4 button, .button_style_4 a {
width: 100px;
height: 100px;
line-height: 100px !important;
}
} body.parallax-disable {
overflow-x: hidden;
}
body.parallax-disable .vc_row[data-vc-full-width] {
overflow: inherit;
} .haru-ajax-overflow {
display: none;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-ajax-overflow.active {
display: table;
z-index: 99999999;
}
.haru-ajax-overflow .haru-ajax-loading {
width: 60px;
height: 50px;
background-color: #fff;
display: inline-block;
left: 0;
right: 0;
margin: auto;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
}
.haru-ajax-overflow .haru-ajax-loading .loading-wrapper {
width: 38px;
height: 38px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.haru-ajax-overflow .spinner {
width: 5px;
height: 5px;
background-color: #333333;
position: absolute;
border-radius: 50%;
-webkit-animation: round-9 0.8s infinite;
-o-animation: round-9 0.8s infinite;
animation: round-9 0.8s infinite;
}
.haru-ajax-overflow #spinner_one {
top: 5px;
left: 5px;
}
.haru-ajax-overflow #spinner_two {
top: 0px;
left: 16px;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.haru-ajax-overflow #spinner_three {
top: 5px;
left: 27px;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.haru-ajax-overflow #spinner_four {
top: 16px;
left: 31px;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.haru-ajax-overflow #spinner_five {
top: 27px;
left: 27px;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.haru-ajax-overflow #spinner_six {
top: 31px;
left: 16px;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.haru-ajax-overflow #spinner_seven {
top: 27px;
left: 5px;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.haru-ajax-overflow #spinner_eight {
top: 16px;
left: 0px;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.haru-introduce-widget {
text-align: center;
}
.haru-introduce-widget .intro-description {
font-style: italic;
margin-top: 20px;
}
.haru-content-404 .page-content {
text-align: center;
margin-bottom: 80px;
}
.haru-content-404 .page-content .haru-title-404 {
line-height: 1;
font-size: 250px;
color: #333333;
}
@media screen and (max-width: 991px) {
.haru-content-404 .page-content .haru-title-404 {
font-size: 200px;
}
}
@media screen and (max-width: 767px) {
.haru-content-404 .page-content .haru-title-404 {
font-size: 120px;
}
}
.haru-content-404 .page-content p.txt2 {
color: #333333;
font-size: 36px;
letter-spacing: 0px;
margin-top: 30px;
}
@media screen and (max-width: 991px) {
.haru-content-404 .page-content p.txt2 {
font-size: 35px;
line-height: 35px;
}
}
@media screen and (max-width: 767px) {
.haru-content-404 .page-content p.txt2 {
font-size: 18px;
line-height: 18px;
}
}
.haru-content-404 .page-content p.txt3 {
color: #696969;
padding-bottom: 30px;
}
.haru-content-404 .page-content a {
background-color: #333333;
border: 1px solid #333333;
color: #fff;
font-weight: 700;
padding: 10px 30px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-content-404 .page-content a:hover {
border: 1px solid #333333;
background-color: transparent;
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-content-404 .page-content a i {
margin-right: 5px;
}
body.header-over-slideshow .haru-content-404 .page-content {
padding-top: 100px;
}
@media screen and (max-width: 991px) {
body.header-over-slideshow .haru-content-404 .page-content {
padding-top: 20px;
}
}
.maintenance-mode {
background-size: cover;
text-align: center;
}
.maintenance-mode .maintanence-page {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.maintenance-mode .maintanence-page .maintenance-title {
font-size: 40px;
font-weight: 300;
}
@media screen and (max-width: 767px) {
.maintenance-mode .maintanence-page .maintenance-title {
font-size: 20px;
}
}
.maintenance-mode .maintanence-page .countdown-wrapper {
padding: 50px 15%;
}
@media screen and (max-width: 767px) {
.maintenance-mode .maintanence-page .countdown-wrapper {
padding: 50px 5%;
}
}
.maintenance-mode .maintanence-page .maintenance-social ul {
list-style: none;
padding: 0;
margin: 0;
}
.maintenance-mode .maintanence-page .maintenance-social li {
display: inline-block;
font-size: 20px;
padding: 0 10px;
}
@media screen and (max-width: 767px) {
.maintenance-mode .maintanence-page .maintenance-social li {
font-size: 16px;
}
}   .haru-top-header {
background-color: #f4f6f7;
border-bottom: 1px solid #ededed;
font-size: 13px;
}
.haru-top-header .top-sidebar {
line-height: 40px;
font-size: 12px;
}
.haru-top-header .top-sidebar.top-header-left {
text-align: left;
}
@media screen and (max-width: 991px) {
.haru-top-header .top-sidebar.top-header-left {
text-align: center;
}
}
.haru-top-header .top-sidebar.top-header-left .topheader-info-left {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.haru-top-header .top-sidebar.top-header-left .topheader-info-left li {
display: inline-block;
margin-right: 20px;
position: relative;
}
.haru-top-header .top-sidebar.top-header-left .topheader-info-left li:last-child {
margin-right: 0;
}
.haru-top-header .top-sidebar.top-header-left .topheader-info-left li:last-child:after {
background-color: transparent;
}
.haru-top-header .top-sidebar.top-header-left .topheader-info-left li:after {
content: "";
position: absolute;
right: -10px;
width: 1px;
height: 50%;
background-color: #ededed;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.haru-top-header .top-sidebar.top-header-left .topheader-info-left li i {
margin-right: 6px;
}
.haru-top-header .top-sidebar.top-header-left .topheader-info-left li .info-label {
margin-right: 5px;
}
.haru-top-header .top-sidebar.top-header-right {
text-align: right;
}
@media screen and (max-width: 991px) {
.haru-top-header .top-sidebar.top-header-right {
text-align: center;
}
}
.haru-top-header .top-sidebar.top-header-right .topheader-info-right {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.haru-top-header .top-sidebar.top-header-right .topheader-info-right li {
display: inline-block;
margin-right: 15px;
}
.haru-top-header .top-sidebar.top-header-right .topheader-info-right li:last-child {
margin-right: 0;
}
.haru-top-header .top-sidebar.top-header-right .topheader-info-right li.book-appointment {
background-color: #333333;
font-weight: 500;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-top-header .top-sidebar.top-header-right .topheader-info-right li.book-appointment:hover {
background-color: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-top-header .top-sidebar.top-header-right .topheader-info-right li.book-appointment i {
color: #fff;
}
.haru-top-header .top-sidebar.top-header-right .topheader-info-right li.book-appointment a {
color: #fff;
display: inline-block;
padding: 0 20px;
}
.haru-top-header .top-sidebar.top-header-right .topheader-info-right li i {
margin-right: 6px;
}
.haru-top-header .top-sidebar.top-header-right .topheader-info-right li .info-label {
margin-right: 5px;
}
@media screen and (max-width: 767px) {
.haru-top-header.mobile-top-header-hide {
display: none;
}
}
@media screen and (max-width: 767px) {
.haru-top-header {
height: auto;
}
}
.header-1 .haru-header-nav-wrap {
padding: 0 3%;
}
.header-1 .haru-header-nav-wrap .header-nav-above {
height: 105px;
}
.header-1 .haru-header-nav-wrap .header-nav-above .header-left {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.header-1 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu {
float: none;
text-align: center;
}
.header-1 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu > li {
display: inline-block;
float: none;
}
.header-1 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu > li > a {
line-height: 105px;
padding-top: 0;
padding-bottom: 0;
}
.header-1 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu li {
text-align: left;
}
.header-1 .haru-header-nav-wrap .header-nav-above .header-right {
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.header-1.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"] {
color: #fff;
letter-spacing: 1px;
}
.header-1.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
.header-1.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.header-1.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.header-1.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap .search-box button:hover {
color: #fff;
}
.header-1.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon {
position: relative;
}
.header-1.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total {
background: #333333;
color: #fff;
}
.header-1.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item .my-wishlist-wrap .haru-wishlist span.total {
background-color: #333333;
color: #fff;
}
.header-1.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap {
background-color: transparent;
}
.header-1.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap .header-nav-above {
height: 60px;
}
.header-1.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap .header-nav-above .header-center .header-logo {
line-height: 60px;
}
.header-1.headroom--unpinned .haru-header-nav-wrap {
background-color: transparent;
}
.header-1.headroom--unpinned .haru-header-nav-wrap .header-nav-above {
height: 60px;
}
.header-1.headroom--unpinned .haru-header-nav-wrap .header-nav-above .header-center .header-logo {
line-height: 60px;
}
.header-2 .haru-header-nav-wrap {
padding: 0 3%;
}
@media screen and (max-width: 1199px) {
.header-2 .haru-header-nav-wrap {
padding: 0 1%;
}
}
.header-2 .haru-header-nav-wrap .header-nav-above {
height: 105px;
}
.header-2 .haru-header-nav-wrap .header-nav-above .header-left {
text-align: left;
}
.header-2 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu > li > a {
line-height: 105px;
padding-top: 0;
padding-bottom: 0;
}
@media screen and (max-width: 1199px) {
.header-2 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu > li > a {
font-size: 12px;
}
}
.header-2 .haru-header-nav-wrap .header-nav-above .header-center .menu-left {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.header-2 .haru-header-nav-wrap .header-nav-above .header-center .menu-left .navbar-nav {
float: right;
}
.header-2 .haru-header-nav-wrap .header-nav-above .header-center .menu-right {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.header-2 .haru-header-nav-wrap .header-nav-above .header-center .header-logo {
line-height: 105px;
text-align: center;
padding: 0 30px;
}
.header-2 .haru-header-nav-wrap .header-nav-above .header-right {
text-align: right;
}
.header-2 .haru-header-nav-wrap .header-nav-above .header-right .header-elements-item {
text-align: left;
}
.header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item {
color: #fff;
}
.header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"] {
color: #fff;
letter-spacing: 1px;
}
.header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
.header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap .search-box button:hover {
color: #fff;
}
.header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon {
position: relative;
}
.header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total {
background: #fff;
color: #333333;
}
.header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item .my-wishlist-wrap .haru-wishlist span.total {
background-color: #fff;
color: #333333;
}
.header-2.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap .header-nav-above {
height: 60px;
}
.header-2.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap .header-nav-above .header-center .header-logo {
line-height: 60px;
}
.header-2.headroom--unpinned .haru-header-nav-wrap .header-nav-above {
height: 60px;
}
.header-2.headroom--unpinned .haru-header-nav-wrap .header-nav-above .header-center .header-logo {
line-height: 60px;
}
.header-3 .haru-header-nav-above-wrap .header-nav-above {
height: 80px;
padding-top: 45px;
}
.header-3 .haru-header-nav-above-wrap .header-nav-above .header-left {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.header-3 .haru-header-nav-above-wrap .header-nav-above .header-right {
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.header-3 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li.current-menu-item > a {
color: #696969;
}
.header-3 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li > a {
line-height: 100px;
padding: 0 20px;
text-transform: uppercase;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item {
color: #fff;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"] {
color: #fff;
letter-spacing: 1px;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-box-wrap .search-box button:hover {
color: #fff;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon {
position: relative;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total {
background: #fff;
color: #333333;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon > i:hover {
color: #fff;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item .my-wishlist-wrap .haru-wishlist i {
color: #fff;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item .my-wishlist-wrap .haru-wishlist span.total {
background-color: #fff;
color: #333333;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.user-account-wrap .user-account-content.logged-out a {
color: #fff;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-button-wrap a:hover {
color: #fff;
}
.header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-button-wrap a i {
color: #fff;
}
.header-3.header-over-slideshow .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li.current-menu-item > a {
color: #fff;
}
.header-3.header-over-slideshow .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li.current-menu-item > a:before {
background-color: #fff;
}
.header-3.header-over-slideshow .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a {
color: rgba(255, 255, 255, 0.6);
}
.header-3.header-over-slideshow .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a:before {
background-color: #fff;
}
.header-3.header-over-slideshow .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li:hover > a {
color: #fff;
}
.header-4 .haru-header-nav-wrap .header-nav-above {
height: 105px;
}
.header-4 .haru-header-nav-wrap .header-nav-above .header-left {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.header-4 .haru-header-nav-wrap .header-nav-above .header-left #popup-menu-button {
margin-right: 15px;
}
.header-4 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu > li > a {
line-height: 105px;
padding-top: 0;
padding-bottom: 0;
}
.header-4 .haru-header-nav-wrap .header-nav-above .header-center .menu-left .navbar-nav {
float: right;
}
.header-4 .haru-header-nav-wrap .header-nav-above .header-center .header-logo {
line-height: 105px;
text-align: center;
}
.header-4 .haru-header-nav-wrap .header-nav-above .header-right {
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item {
color: #fff;
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"] {
color: #fff;
letter-spacing: 1px;
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap .search-box button:hover {
color: #fff;
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon {
position: relative;
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total {
background: #fff;
color: #333333;
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon > i:hover {
color: #fff;
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item .my-wishlist-wrap .haru-wishlist i {
color: #fff;
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item .my-wishlist-wrap .haru-wishlist span.total {
background-color: #fff;
color: #333333;
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.user-account-wrap .user-account-content.logged-out a {
color: #fff;
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-button-wrap a:hover {
color: #fff;
}
.header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-button-wrap a i {
color: #fff;
}
.header-4.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap .header-nav-above {
height: 60px;
}
.header-4.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap .header-nav-above .header-center .header-logo {
line-height: 60px;
}
.header-4.headroom--unpinned .haru-header-nav-wrap .header-nav-above {
height: 60px;
}
.header-4.headroom--unpinned .haru-header-nav-wrap .header-nav-above .header-center .header-logo {
line-height: 60px;
}
.header-5 .haru-header-nav-wrap .header-nav-above {
height: 105px;
}
.header-5 .haru-header-nav-wrap .header-nav-above .header-left {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.header-5 .haru-header-nav-wrap .header-nav-above .header-center {
text-align: center;
}
.header-5 .haru-header-nav-wrap .header-nav-above .header-right {
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.header-5.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"] {
color: #fff;
letter-spacing: 1px;
}
.header-5.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
.header-5.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.header-5.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.header-5.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap .search-box button:hover {
color: #fff;
}
.header-5.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon {
position: relative;
}
.header-5.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total {
background: #333333;
color: #fff;
}
.header-5.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item .my-wishlist-wrap .haru-wishlist span.total {
background-color: #333333;
color: #fff;
}
.header-5.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap {
background-color: transparent;
}
.header-5.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap .header-nav-above {
height: 60px;
}
.header-5.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap .header-nav-above .header-center .header-logo {
line-height: 60px;
}
.header-5.headroom--unpinned .haru-header-nav-wrap {
background-color: transparent;
}
.header-5.headroom--unpinned .haru-header-nav-wrap .header-nav-above {
height: 60px;
}
.header-5.headroom--unpinned .haru-header-nav-wrap .header-nav-above .header-center .header-logo {
line-height: 60px;
}
header.header-6 .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a {
line-height: 105px;
}
header.header-6 .haru-header-nav-wrap .header-navigation .header-right .header-elements {
margin-left: 5px;
}
header.header-6 .haru-header-nav-wrap .header-navigation .header-right .header-elements .header-elements-item {
margin-left: 25px;
}
.header-7 .haru-header-nav-above-wrap .header-nav-above {
height: 105px;
}
.header-7 .haru-header-nav-above-wrap .header-nav-above .header-right .header-elements-item.search-product-category {
margin-right: 20px;
}
.header-7 .haru-header-nav-wrap {
background-color: #333333;
}
.header-7 .haru-header-nav-wrap .header-navigation .header-elements-nav.left {
width: calc(25% - 22px);
}
.header-7 .haru-header-nav-wrap .header-navigation .header-primary-menu {
margin-left: 29px;
}
.header-7 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li.current-menu-item > a, .header-7 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li:hover > a {
background-color: #444444;
color: #444444;
}
.header-7 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li > a {
color: #fff;
font-weight: normal;
line-height: 50px;
padding: 0 20px;
text-transform: capitalize;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.header-7 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li > a:hover {
color: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.header-7 .haru-header-nav-wrap .header-navigation .header-elements-nav.right .header-elements .header-elements-item a.header-icon,
.header-7 .haru-header-nav-wrap .header-navigation .header-elements-nav.right .header-elements .header-elements-item i.header-icon {
font-size: 14px;
}
.header-7 .haru-header-nav-wrap .header-navigation .header-elements-nav.right .header-elements .header-social-network-wrap li {
line-height: 50px;
}
.header-7 .haru-header-nav-wrap .header-navigation .header-elements-nav.right .header-elements .header-social-network-wrap li a {
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.header-7 .haru-header-nav-wrap .header-navigation .header-elements-nav.right .header-elements .header-social-network-wrap li a:hover {
color: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.header-7 .haru-header-nav-wrap .header-navigation .header-elements-nav.right .header-elements .haru-canvas-sidebar-toggle-wrap a {
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.header-7 .haru-header-nav-wrap .header-navigation .header-elements-nav.right .header-elements .haru-canvas-sidebar-toggle-wrap a:hover {
color: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.header-7.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap {
background-color: transparent;
}
.header-7.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap .header-navigation .header-elements-nav .vertical-menu-wrap .vertical-menu-toggle {
line-height: 60px;
}
.header-7.headroom--pinned:not(.headroom--top) .haru-header-nav-wrap .header-navigation .header-elements-nav .header-social-network-wrap li {
line-height: 60px;
}
.header-7.headroom--unpinned .haru-header-nav-wrap {
background-color: transparent;
} #haru-header.header-sidebar {
background-color: #fff;
height: 100%;
position: fixed;
width: 300px;
z-index: 1000;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 0;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 0;
box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 0;
}
#haru-header.header-sidebar .vertical-header-wrap {
height: 100%;
}
#haru-header.header-sidebar .vertical-header-wrap .header-top {
text-align: center;
}
#haru-header.header-sidebar .vertical-header-wrap .header-top .header-logo {
padding: 40px 0;
}
#haru-header.header-sidebar .vertical-header-wrap .header-top .header-elements-top .header-elements-left .header-elements-item:first-child {
margin-right: 25px;
}
#haru-header.header-sidebar .vertical-header-wrap .header-top .header-elements-top .user-account-wrap .user-account-content .user-account-menu {
left: 0;
right: auto;
text-align: left;
}
#haru-header.header-sidebar .vertical-header-wrap .header-top .header-elements-top .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap {
left: 0;
right: auto;
}
#haru-header.header-sidebar .vertical-header-wrap .header-top .header-elements-top .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap {
left: auto;
right: -300px;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom {
padding-top: 20px;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap {
width: 100%;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu {
padding: 0;
width: 100%;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu li.current-menu-item > a {
color: #333333;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li {
font-size: 14px;
float: none;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li > a {
display: block;
padding: 15px 30px 15px 30px;
font-style: italic;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li > a:after {
position: absolute;
right: 30px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li:hover > a:after {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li.menu_style_dropdown:hover > ul {
left: 100%;
top: 0;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li.menu_style_column > ul {
background: #fff;
left: 100%;
min-width: 970px;
top: 0;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li.menu_style_tab > ul {
background: #fff;
left: 100%;
min-width: 970px;
top: 0;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li.mega-fullwidth > ul {
max-width: calc(100vw - 330px);
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item {
margin: 0;
padding: 10px 30px;
width: 100%;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.header-social-network-wrap {
margin-top: 60px;
text-align: center;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.header-social-network-wrap li {
padding: 0 5px;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.header-social-network-wrap li:first-child {
padding-left: 0;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.header-social-network-wrap li a {
color: #ababab;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.header-social-network-wrap li a:hover {
color: #333333;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.custom-text-wrap {
color: #ababab;
font-family: "Muli";
font-style: italic;
text-align: center;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.custom-text-wrap span {
color: #ababab;
}
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item a.header-icon,
#haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item i.header-icon {
font-size: 14px;
}
#haru-header.header-sidebar.header-dark {
background-color: #262626;
}
#haru-header.header-sidebar.header-dark .vertical-header-wrap .header-bottom .menu-wrap {
width: 100%;
}
#haru-header.header-sidebar.header-dark .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li > a {
color: #ababab;
}
#haru-header.header-sidebar.header-dark .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li:hover > a {
color: #333333;
}
#haru-header.header-sidebar.header-dark .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.custom-text-wrap {
color: #696969;
}
body.header-sidebar .haru-archive-blog,
body.header-sidebar .haru-single-blog {
padding: 0 15px;
}
body.header-sidebar .haru-archive-product,
body.header-sidebar .haru-single-product {
padding: 0 15px;
}
.header-sidebar .haru-top-header {
padding-left: 300px;
position: fixed;
width: 100%;
z-index: 1000;
}
.header-sidebar #haru-content-main {
padding-left: 300px !important;
}
@media screen and (max-width: 991px) {
.header-sidebar #haru-content-main {
padding-left: 0 !important;
}
}
.header-sidebar footer {
margin-left: 300px !important;
}
@media screen and (max-width: 991px) {
.header-sidebar footer {
margin-left: 0 !important;
}
}    .navbar {
border: none;
margin: 0;
padding: 0;
}
@media (min-width: 768px) {
.navbar .navbar-nav {
padding: 0;
}
}
.navbar .navbar-nav a, .navbar .navbar-nav ul, .navbar .navbar-nav li, .navbar .navbar-nav div, .navbar .navbar-nav form, .navbar .navbar-nav input {
margin: 0;
padding: 0;
font-family: "Muli";
}
.navbar .navbar-nav a {
position: relative;
text-decoration: none;
}
.navbar .navbar-nav li {
list-style: none;
}
.navbar .navbar-nav > li > a {
display: block;
padding: 15px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.navbar .navbar-nav > li > a span.haru_sub_label {
color: #fff;
font-size: 9px;
margin-left: 5px;
padding: 0 5px;
position: absolute;
right: -2px;
height: 15px;
line-height: 14px;
top: 50%;
text-transform: capitalize;
-webkit-transform: translateY(calc(-50% - 15px));
-ms-transform: translateY(calc(-50% - 15px));
-o-transform: translateY(calc(-50% - 15px));
transform: translateY(calc(-50% - 15px));
}
.navbar .navbar-nav > li a i {
line-height: 20px;
}
.navbar .navbar-nav > li a i.left {
padding-right: 5px;
float: left;
}
.navbar .navbar-nav > li a i.center {
padding-left: 5px;
}
.navbar .navbar-nav > li a i.right {
padding-left: 5px;
}
.navbar .navbar-nav > li a span.haru_sub_label {
color: #fff;
font-size: 10px;
margin-left: 5px;
padding: 1px 3px;
}
.navbar .navbar-nav > li a:after {
content: '\f107';
font-family: FontAwesome;
padding-left: 5px;
}
.navbar .navbar-nav > li a:only-child:after {
content: '';
}
.navbar .navbar-nav > li.menu_style_dropdown:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
.navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > a:after {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul {
display: block;
left: 100%;
opacity: 1;
overflow: visible;
position: absolute;
top: 0;
visibility: visible;
}
.navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > a:after {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul {
display: block;
left: 100%;
opacity: 1;
overflow: visible;
position: absolute;
top: 0;
visibility: visible;
}
.navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul > li:hover > a:after {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul {
display: block;
left: 100%;
opacity: 1;
overflow: visible;
position: absolute;
top: 0;
visibility: visible;
}
.navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > a:after {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul {
display: block;
left: 100%;
opacity: 1;
overflow: visible;
position: absolute;
top: 0;
visibility: visible;
}
.navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > a:after {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul {
display: block;
left: 100%;
opacity: 1;
overflow: visible;
position: absolute;
top: 0;
visibility: visible;
}
.navbar .navbar-nav > li.menu_style_dropdown ul {
background-color: #fff;
display: none;
opacity: 0;
overflow: hidden;
position: absolute;
visibility: hidden;
-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.navbar .navbar-nav > li.menu_style_dropdown ul li {
display: block;
float: none;
min-width: 250px;
position: relative;
}
.navbar .navbar-nav > li.menu_style_dropdown ul li a {
display: block;
line-height: 20px;
padding: 10px 20px;
}
.navbar .navbar-nav > li.menu_style_dropdown ul li a:after {
position: absolute;
right: 15px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.navbar .navbar-nav > li.menu_style_column.mega-col-columns-2 > ul > li {
float: left;
width: 50%;
}
.navbar .navbar-nav > li.menu_style_column.mega-col-columns-3 > ul > li {
float: left;
width: 33.3333333%;
}
.navbar .navbar-nav > li.menu_style_column.mega-col-columns-4 > ul > li {
float: left;
width: 25%;
}
.navbar .navbar-nav > li.menu_style_column.mega-col-columns-5 > ul > li {
float: left;
width: 20%;
}
.navbar .navbar-nav > li.menu_style_column.mega-col-columns-6 > ul > li {
float: left;
width: 16.6666666%;
}
.navbar .navbar-nav > li.menu_style_column:hover > ul {
display: block;
opacity: 1;
overflow: visible;
visibility: visible;
}
.navbar .navbar-nav > li.menu_style_column > ul {
display: none;
left: 0;
opacity: 0;
overflow: hidden;
padding: 30px 0px;
position: absolute;
top: 100%;
visibility: hidden;
width: 100%;
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.navbar .navbar-nav > li.menu_style_column > ul > li {
border-left: 1px solid #ededed;
}
.navbar .navbar-nav > li.menu_style_column > ul > li:first-child {
border: none;
padding-left: 2px;
}
.navbar .navbar-nav > li.menu_style_column > ul > li > a {
position: relative;
display: block;
padding: 0 20px 15px 20px;
font-weight: 600;
text-transform: uppercase;
}
.navbar .navbar-nav > li.menu_style_column > ul > li > a:hover {
color: #333333;
}
.navbar .navbar-nav > li.menu_style_column > ul > li > a:after {
display: none;
}
.navbar .navbar-nav > li.menu_style_column > ul > li ul li a {
display: block;
padding: 10px 20px;
position: relative;
}
.navbar .navbar-nav > li.menu_style_tab > ul {
display: none;
left: 0;
opacity: 0;
overflow: hidden;
position: absolute;
top: 99%;
visibility: hidden;
width: 100%;
-webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1);
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.navbar .navbar-nav > li.menu_style_tab > ul:before {
background: #fafafa;
border-right: 1px solid #ededed;
bottom: 0;
content: '';
position: absolute;
top: 0;
width: 25%;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li {
clear: none;
display: block;
position: static;
text-align: right;
width: 25%;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li:first-child {
margin-top: 20px;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li:hover a:before, .navbar .navbar-nav > li.menu_style_tab > ul > li.active a:before {
height: 100%;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li > a {
display: block;
font-weight: 600;
padding: 10px 20px;
position: relative;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li > a:after {
content: '';
}
.navbar .navbar-nav > li.menu_style_tab > ul > li > a:before {
content: '';
height: 0;
left: 0;
position: absolute;
top: 0;
width: 2px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li.active > a {
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
color: #333333;
background: #fff;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li > .haru_megamenu_widget_area, .navbar .navbar-nav > li.menu_style_tab > ul > li > ul {
background: #fff;
height: auto;
left: 25%;
opacity: 0;
padding: 20px 20px;
position: absolute;
right: 0;
top: 10px;
text-align: left;
visibility: hidden;
width: auto;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li > .haru_megamenu_widget_area.columns-1 section, .navbar .navbar-nav > li.menu_style_tab > ul > li > ul.columns-1 section {
width: 100%;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li > .haru_megamenu_widget_area.columns-2 section, .navbar .navbar-nav > li.menu_style_tab > ul > li > ul.columns-2 section {
width: 50%;
float: left;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li > .haru_megamenu_widget_area.columns-3 section, .navbar .navbar-nav > li.menu_style_tab > ul > li > ul.columns-3 section {
width: 33.3333%;
float: left;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li > .haru_megamenu_widget_area.columns-4 section, .navbar .navbar-nav > li.menu_style_tab > ul > li > ul.columns-4 section {
width: 25%;
float: left;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li > .haru_megamenu_widget_area .widget-title-wrapper a, .navbar .navbar-nav > li.menu_style_tab > ul > li > ul .widget-title-wrapper a {
display: none;
}
.navbar .navbar-nav > li.menu_style_tab > ul > li.active .haru_megamenu_widget_area, .navbar .navbar-nav > li.menu_style_tab > ul > li.active ul {
opacity: 1;
visibility: visible;
top: 0;
z-index: 999;
}
.navbar .navbar-nav > li.menu_style_tab:hover ul {
display: block;
opacity: 1;
visibility: visible;
}
.navbar .navbar-nav > li.menu_style_tab.mega-col-columns-2 > ul > li > ul > li {
float: left;
width: 50%;
padding: 10px 0;
}
.navbar .navbar-nav > li.menu_style_tab.mega-col-columns-3 > ul > li > ul > li {
float: left;
width: 33.3333333%;
padding: 10px 0;
}
.navbar .navbar-nav > li.menu_style_tab.mega-col-columns-4 > ul > li > ul > li {
float: left;
width: 25%;
padding: 10px 0;
}
.navbar .navbar-nav > li.menu_style_tab.mega-col-columns-5 > ul > li > ul > li {
float: left;
width: 20%;
padding: 10px 0;
}
.navbar .navbar-nav > li.menu_style_tab.mega-col-columns-6 > ul > li > ul > li {
float: left;
width: 16.6666666%;
padding: 10px 0;
}
.navbar .navbar-nav > li.mega-fullwidth > ul {
width: 1170px;
}
@media screen and (max-width: 1199px) {
.navbar .navbar-nav > li.mega-fullwidth > ul {
width: 970px;
}
}
.haru_widget_area > .haru_megamenu_widget_area section {
position: relative;
margin-top: 0;
margin-bottom: 0;
}
.haru_widget_area > .haru_megamenu_widget_area section .widget-title-wrapper h3 {
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
margin: 0;
padding-top: 10px;
padding-bottom: 20px;
color: #696969;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.haru_widget_area > .haru_megamenu_widget_area section .product_list_widget {
left: 0;
padding: 0;
position: relative;
width: 100%;
}
.haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li:hover {
-webkit-transform: translate3d(0, -3px, 0);
transform: translate3d(0, -3px, 0);
}
.haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li a {
font-weight: 700;
padding-bottom: 0 !important;
}
.haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li a img {
border: 1px solid #ededed;
float: left;
margin: 0;
margin-right: 10px;
padding: 5px;
width: 33.33%;
}
.haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li a:after {
content: '';
}
.haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li .star-rating {
font-family: star;
margin: 10px 0;
text-align: left;
}
.haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li .star-rating:before {
content: "\f3ae \f3ae \f3ae \f3ae \f3ae";
color: #f7bb2a;
font-family: Ionicons;
letter-spacing: 2px;
}
.haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li .star-rating span:before {
content: "\f2fc \f2fc \f2fc \f2fc \f2fc";
color: #f7bb2a;
font-family: Ionicons;
letter-spacing: 2px;
}
.haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li ins {
margin-right: 8px;
}
.haru_widget_area > .haru_megamenu_widget_area section .widget_product_tag_cloud .tagcloud a {
display: inline-block;
font-size: 14px !important;
padding: 5px 10px;
margin-right: 10px;
margin-top: 10px;
color: #ababab;
border-top: solid 1px #ababab;
border-left: solid 1px #ababab;
border-right: solid 1px #ababab;
border-bottom: solid 1px #ababab;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.haru_widget_area > .haru_megamenu_widget_area section .widget_product_tag_cloud .tagcloud a:hover {
color: #fff;
background: #333333;
border-top: solid 1px #333333;
border-left: solid 1px #333333;
border-right: solid 1px #333333;
border-bottom: solid 1px #333333;
}
.haru_megamenu_widget_area ul.instagram-pics {
list-style: none;
margin: 0;
padding: 0;
font-size: 0;
}
.haru_megamenu_widget_area ul.instagram-pics li {
display: inline-block;
padding: 0;
margin: 0;
}
.haru_megamenu_widget_area ul.instagram-pics a {
display: block;
position: relative;
overflow: hidden;
}
.haru_megamenu_widget_area ul.instagram-pics a:before {
content: "";
position: absolute;
width: 101%;
height: 101%;
background-color: rgba(51, 51, 51, 0.5);
opacity: 0;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.haru_megamenu_widget_area ul.instagram-pics a:after {
display: none;
}
.haru_megamenu_widget_area ul.instagram-pics a:hover:before {
opacity: 1;
}
.haru_megamenu_widget_area ul.instagram-pics a img {
padding: 5px;
border: 1px solid #ededed;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru_megamenu_widget_area ul.instagram-pics + p {
margin: 0;
font-size: 13px;
font-style: italic;
letter-spacing: 0.02em;
}
.haru_megamenu_widget_area .null-instagram-feed.columns-4 .instagram-pics {
list-style: none;
list-style-type: none;
padding: 0;
margin-left: -5px;
margin-right: -5px;
margin-top: -5px;
}
.haru_megamenu_widget_area .null-instagram-feed.columns-4 .instagram-pics li {
width: 25%;
display: inline-block;
padding: 5px;
}
.haru_megamenu_widget_area .null-instagram-feed.columns-4 .instagram-pics li a {
display: block;
position: relative;
overflow: hidden;
}
.haru_megamenu_widget_area .null-instagram-feed .clear {
display: block;
}  header.haru-mobile-header {
display: none;    }
@media screen and (max-width: 991px) {
header.haru-mobile-header {
display: block;
}
}
header.haru-mobile-header .haru-mobile-header-wrap {
border-bottom: solid 1px #ededed;
z-index: 1000;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container {
background-color: #fff;
position: relative;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner {
height: 60px;
position: relative;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-logo-mobile {
line-height: 60px;
vertical-align: middle;
text-align: center;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-logo-mobile img {
max-height: 50px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements {
display: block;
font-size: 0;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 0;
color: #000;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item {
display: inline-block;
vertical-align: middle;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item i {
font-size: 24px;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav {
background: #fff;
display: none;
margin-bottom: 15px;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav.menu-mobile-fly {
display: block;
position: fixed;
margin: 0;
top: 0;
bottom: 0;
overflow: auto;
overflow-x: hidden;
width: 300px;
left: -300px;
border-right: solid 1px #333333;
z-index: 300;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav.menu-mobile-fly.in {
left: 0;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav.menu-mobile-fly ul.haru-nav-mobile-menu {
padding: 20px 0;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav.menu-mobile-dropdown .mobile-menu-header .mobile-menu-close {
display: none;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav.menu-mobile-dropdown ul.haru-nav-mobile-menu {
padding: 10px 0 0 0;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements {
text-align: center;
padding-top: 30px;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements .header-elements-item {
padding: 0 8px;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements .header-elements-item.my-wishlist span.total {
display: none;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements .header-elements-item.user-account-wrap {
text-align: left;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements .header-elements-item.user-account-wrap .user-account-content .user-account-menu {
right: 50%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%);
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements .header-elements-item.search-button-wrap {
font-size: 20px;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements .header-elements-item.search-button-wrap i {
margin-left: 0;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-social {
padding: 0;
padding: 20px 0;
margin: 0;
text-align: center;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-social .header-elements-item i {
font-size: 14px;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header {
background-color: #000;
color: #fff;
font-weight: 700;
padding: 10px 0;
text-align: center;
text-transform: uppercase;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close {
position: absolute;
height: 45px;
width: 45px;
right: 0;
top: 0;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:hover {
cursor: pointer;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:hover:before, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:hover:after {
background-color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:before, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:after {
content: '';
position: absolute;
height: 2px;
width: 20px;
top: 50%;
left: 13px;
margin-top: -1px;
background-color: #fff;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu {
padding: 0;
margin-bottom: 0;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item {
color: #696969;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > a {
color: #696969;
display: block;
font-size: 14px;
padding: 10px 15px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret {
color: #696969;
float: right;
font-size: 18px;
font-weight: 400;
height: 45px;
position: absolute;
right: 0;
top: 0;
width: 45px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret:before, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret:after {
display: block;
content: "";
position: absolute;
right: 16px;
width: 13px;
height: 13px;
z-index: 10;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret:before {
top: 22px;
height: 1px;
border-top: 1px solid;
border-left: 1px solid;
border-top-color: inherit;
border-left-color: inherit;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret:after {
top: 16px;
right: 22px;
border-top: 1px solid;
border-left: 1px solid;
width: 1px;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret:hover {
cursor: pointer;
color: #333333;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret.active:before {
opacity: 0;
visibility: hidden;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.current-menu-ancestor > a,
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.current-menu-parent > a,
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.current-menu-item > a,
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-current > a,
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li > a:hover,
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li:hover > a,
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li ul.sub-menu li:hover > a {
color: #333333;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .haru-nav-mobile-menu li {
list-style: none;
list-style-type: none;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .haru-nav-mobile-menu li > ul.sub-menu {
position: relative;
list-style: none;
padding: 0;
margin: 0;
padding-left: 15px;
display: none;
}
header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-menu-overlay {
opacity: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: -1;
pointer-events: none;
overflow: hidden;
-webkit-backface-visibility: hidden;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
header.haru-mobile-header.header-mobile-1 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.search-button-wrap {
border-left: none;
}
header.haru-mobile-header.header-mobile-1 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.search-button-wrap a i {
margin-left: 10px;
margin-right: 10px;
}
header.haru-mobile-header.header-mobile-1 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.mini-cart-wrap.no-price .widget_shopping_cart_content .widget_shopping_cart_icon i {
padding: 0 5px;
}
header.haru-mobile-header.header-mobile-1 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.mini-cart-wrap.no-price .widget_shopping_cart_content .widget_shopping_cart_icon .total {
right: 0px;
}
header.haru-mobile-header.header-mobile-1 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-logo-mobile {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
header.haru-mobile-header.header-mobile-2 .header-mobile-above {
text-align: center;
}
header.haru-mobile-header.header-mobile-2 .header-mobile-above img {
max-height: 50px;
padding: 5px 0;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap {
background-color: #8e8e8e;
border-bottom: none;
}
header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container {
background-color: transparent;
}
header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner {
position: relative;
}
header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .toggle-icon-wrap.in .toggle-icon span {
background: transparent;
}
header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .toggle-icon-wrap .toggle-icon:after, header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .toggle-icon-wrap .toggle-icon:before {
background: none repeat scroll 0 0 #fff;
}
header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .toggle-icon-wrap .toggle-icon span {
background: none repeat scroll 0 0 #fff;
}
header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.search-button-wrap {
border-left: none;
}
header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.search-button-wrap a i {
margin-left: 10px;
margin-right: 10px;
color: #fff;
}
header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.mini-cart-wrap.no-price .widget_shopping_cart_content .widget_shopping_cart_icon i {
padding: 0 5px;
color: #fff;
}
header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.mini-cart-wrap.no-price .widget_shopping_cart_content .widget_shopping_cart_icon .total {
right: 0px;
}
header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-logo-mobile {
position: absolute;
}
header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements {
right: 50px;
left: auto;
}
header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.search-button-wrap {
border-left: none;
}
header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.search-button-wrap a i {
margin-left: 10px;
height: 24px;
}
header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.mini-cart-wrap.no-price .widget_shopping_cart_content .widget_shopping_cart_icon i {
padding: 0 5px;
height: 24px;
}
header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.mini-cart-wrap.no-price .widget_shopping_cart_content .widget_shopping_cart_icon .total {
right: 0px;
}
header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .toggle-icon-wrap {
right: 0;
left: auto;
}
header.haru-mobile-header.header-mobile-3 .mini-cart-wrap {
position: static;
}
header.haru-mobile-header.header-mobile-3 .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap {
left: -200px;
right: auto;
}
@media screen and (max-width: 320px) {
header.haru-mobile-header.header-mobile-3 .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap {
left: -175px;
}
}
header.haru-mobile-header .haru-sticky-wrapper.is-sticky > .haru-mobile-header-wrap {
z-index: 997;
left: 0;
right: 0;
}
header.haru-mobile-header .haru-sticky-wrapper:not(.is-sticky) {
height: auto !important;
position: relative !important;
}
body {
left: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
body.menu-mobile-in {
left: 280px;
overflow: hidden;
}
body.menu-mobile-in header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-menu-overlay {
opacity: 1;
z-index: 299;
pointer-events: auto;
cursor: crosshair;
color: #fff;
}
body.menu-mobile-in .haru-sticky-wrapper.is-sticky > .haru-mobile-header-wrap .menu-mobile-fly {
left: 280px;
right: -280px;
}
body.admin-bar header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav.menu-mobile-fly {
top: 46px;
}
form.haru-search-form-mobile-menu {
display: none;
} .toggle-icon-wrap {
display: inline-block;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
top: 0;
vertical-align: middle;
}
.toggle-icon-wrap:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.toggle-icon-wrap .toggle-icon {
display: inline-block;
height: 30px;
position: relative;
vertical-align: middle;
width: 30px;
}
.toggle-icon-wrap .toggle-icon > span {
background: none repeat scroll 0 0 #000;
bottom: 0;
display: block;
height: 2px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 80%;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.toggle-icon-wrap .toggle-icon:after, .toggle-icon-wrap .toggle-icon:before {
background: none repeat scroll 0 0 #000;
content: "";
height: 2px;
left: 0;
margin: auto;
position: absolute;
right: 0;
width: 80%;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.toggle-icon-wrap .toggle-icon:before {
top: 20%;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
.toggle-icon-wrap .toggle-icon:after {
bottom: 20%;
-webkit-transform-origin: bottom left;
-moz-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
}
.toggle-icon-wrap.in .toggle-icon span {
background: transparent;
}
.toggle-icon-wrap.in .toggle-icon:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.toggle-icon-wrap.in .toggle-icon:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
} .header-elements-left .header-elements-item {
margin-right: 25px;
}
@media screen and (max-width: 1199px) {
.header-elements-left .header-elements-item {
margin-right: 20px;
}
}
@media screen and (max-width: 767px) {
.header-elements-left .header-elements-item {
margin-right: 5px;
}
}
.header-elements-left .header-elements-item:first-child {
margin-right: 0;
}
.header-elements-right .header-elements-item {
margin-left: 25px;
}
@media screen and (max-width: 1199px) {
.header-elements-right .header-elements-item {
margin-left: 20px;
}
}
@media screen and (max-width: 767px) {
.header-elements-right .header-elements-item {
margin-left: 5px;
}
}
.header-elements-right .header-elements-item:first-child {
margin-left: 0;
}
.header-elements-item {
position: relative;
display: inline-block;
font-size: 14px;
vertical-align: middle;
}
.header-elements-item a.header-icon,
.header-elements-item i.header-icon {
color: #696969;
font-size: 18px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.header-elements-item a.header-icon:hover,
.header-elements-item i.header-icon:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 1199px) {
.header-elements-item a.header-icon,
.header-elements-item i.header-icon {
font-size: 18px;
}
} .header-elements-item.search-button-wrap a {
display: inline-block;
}
.header-elements-item.search-button-wrap a i {
display: block;
margin-left: 10px;
}
.mfp-bg.search-popup {
background: #000;
opacity: .9;
}
.mfp-wrap.search-popup .mfp-content {
height: 100%;
}
#haru-search-popup .haru-search-wrap {
max-width: 550px;
position: absolute;
top: calc(50% - 100px);
left: 50%;
width: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
#haru-search-popup .haru-search-wrap .search-popup-form {
font-size: 18px;
position: relative;
height: 40px;
}
#haru-search-popup .haru-search-wrap .search-popup-form input[type="search"] {
background: none;
border: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;
font-family: "Muli";
letter-spacing: 2px;
height: 100%;
padding: 0;
position: absolute;
width: 100%;
}
#haru-search-popup .haru-search-wrap .search-popup-form input[type="search"]::-moz-placeholder {
color: rgba(255, 255, 255, 0.8);
opacity: 1;
}
#haru-search-popup .haru-search-wrap .search-popup-form input[type="search"]:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.8);
}
#haru-search-popup .haru-search-wrap .search-popup-form input[type="search"]::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 767px) {
#haru-search-popup .haru-search-wrap .search-popup-form input[type="search"] {
font-size: 16px;
}
}
#haru-search-popup .haru-search-wrap .search-popup-form input[type="search"]:focus {
outline: none;
}
#haru-search-popup .haru-search-wrap .search-popup-form button {
background: none;
border: none;
color: #fff;
position: absolute;
right: 0;
height: 100%;
width: 45px;
}
#haru-search-popup .haru-search-wrap .search-popup-form button:focus {
outline: none;
}
#haru-search-popup .haru-search-wrap .ajax-search-result {
background-color: #fff;
}
#haru-search-popup .haru-search-wrap .ajax-search-result ul {
list-style: none;
margin: 0;
padding: 0;
}
#haru-search-popup .haru-search-wrap .ajax-search-result ul li {
border-bottom: 1px solid rgba(238, 238, 238, 0.8);
padding: 10px;
}
#haru-search-popup .haru-search-wrap .ajax-search-result ul li.view-more {
border: none;
text-align: center;
}
#haru-search-popup .haru-search-wrap .ajax-search-result ul li.selected, #haru-search-popup .haru-search-wrap .ajax-search-result ul li:hover {
background-color: rgba(238, 238, 238, 0.5);
}
#haru-search-popup .haru-search-wrap .ajax-search-result ul li .item-thumbnail {
margin-right: 10px;
}
#haru-search-popup .haru-search-wrap .ajax-search-result ul li .item-thumbnail img {
max-height: 60px;
width: auto;
}
#haru-search-popup .haru-search-wrap .ajax-search-result ul li .item-meta .publish-date {
font-size: 12px;
font-style: italic;
margin-bottom: 0;
}
#haru-search-popup .mfp-close {
color: #fff;
font-size: 50px;
line-height: 50px;
height: 50px;
position: absolute;
right: 20px;
top: 50px;
width: 50px;
} .search-product-category .search-product-category-wrap {
height: 40px;
border: 1px solid #ededed;
}
.search-product-category .search-product-category-wrap .select-category {
border-right: solid 1px #ededed;
line-height: 38px;
min-width: 120px;
position: relative;
height: 100%;
}
.search-product-category .search-product-category-wrap .select-category > span {
cursor: pointer;
padding: 0 15px;
position: absolute;
width: 100%;
height: 33px;
top: 0;
left: 0;
}
.search-product-category .search-product-category-wrap .select-category > span:after {
content: '\f0d7';
font-family: 'Fontawesome';
position: absolute;
right: 10px;
font-size: 14px;
}
.search-product-category .search-product-category-wrap .select-category .product-category-toggle {
display: none;
position: absolute;
top: 100%;
left: -1px;
overflow: auto;
overflow-y: scroll;
padding: 5px 0;
list-style: none;
margin: 0;
background-color: #fff;
line-height: 36px;
z-index: 10;
max-height: 300px;
border: 1px solid rgba(0, 0, 0, 0.1);
width: calc(100% + 2px);
}
.search-product-category .search-product-category-wrap .select-category .product-category-toggle::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #f5f5f5;
}
.search-product-category .search-product-category-wrap .select-category .product-category-toggle::-moz-scrollbar-track {
border-radius: 10px;
background-color: #f5f5f5;
}
.search-product-category .search-product-category-wrap .select-category .product-category-toggle::-webkit-scrollbar {
width: 5px;
background-color: #f5f5f5;
}
.search-product-category .search-product-category-wrap .select-category .product-category-toggle::-moz-scrollbar {
width: 5px;
background-color: #f5f5f5;
}
.search-product-category .search-product-category-wrap .select-category .product-category-toggle::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #333333;
}
.search-product-category .search-product-category-wrap .select-category .product-category-toggle::-moz-scrollbar-thumb {
border-radius: 10px;
background-color: #333333;
}
.search-product-category .search-product-category-wrap .select-category .product-category-toggle li span {
display: block;
padding: 0 15px;
cursor: pointer;
}
.search-product-category .search-product-category-wrap .select-category .product-category-toggle li span:hover {
color: #333333;
}
.search-product-category .search-product-category-wrap .select-category .product-category-toggle li ul {
list-style: none;
padding-left: 15px;
}
.search-product-category .search-product-category-wrap .ajax-search-form input[type="text"] {
border: none;
min-width: 325px;
padding: 0;
padding-left: 10px;
line-height: 33px;
}
.search-product-category .search-product-category-wrap .ajax-search-form input[type="text"]:focus {
outline: none;
}
.search-product-category .search-product-category-wrap .ajax-search-form button {
background: none;
border: none;
color: #696969;
line-height: 33px;
padding: 0 15px;
}
.search-product-category .search-product-category-wrap .ajax-search-form button:focus {
outline: none;
}
.search-product-category .ajax-search-result {
background-color: #fff;
width: calc(100% - 120px);
position: absolute;
right: 0;
top: 100%;
z-index: 6;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.search-product-category .ajax-search-result ul {
list-style: none;
margin: 0;
padding: 0;
}
.search-product-category .ajax-search-result ul li {
border-bottom: 1px solid rgba(238, 238, 238, 0.8);
padding: 10px;
}
.search-product-category .ajax-search-result ul li.view-more {
border: none;
text-align: center;
}
.search-product-category .ajax-search-result ul li.selected, .search-product-category .ajax-search-result ul li:hover {
background-color: rgba(238, 238, 238, 0.5);
}
.search-product-category .ajax-search-result ul li .item-thumbnail {
margin-right: 10px;
}
.search-product-category .ajax-search-result ul li .item-thumbnail img {
max-height: 60px;
width: auto;
}
.search-product-category .ajax-search-result ul li .item-meta .publish-date {
font-size: 12px;
font-style: italic;
margin-bottom: 0;
} .search-box-wrap .haru-search-box-wrap .search-box {
position: relative;
border-radius: 30px;
min-width: 250px;
}
.search-box-wrap .haru-search-box-wrap .search-box input[type="text"] {
width: 100%;
height: 35px;
background-color: transparent;
border: none;
outline: none;
padding-left: 40px;
padding-right: 5px;
font-weight: 300;
font-size: 13px;
letter-spacing: 1px;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 30px;
-webkit-border-top-left-radius: 30px;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 30px;
-moz-border-radius-topleft: 30px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 30px;
border-top-left-radius: 30px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.search-box-wrap .haru-search-box-wrap .search-box button {
width: 40px;
padding: 0;
position: absolute;
left: 0;
top: 0;
bottom: 0;
overflow: hidden;
border: none;
background: none;
outline: none;
line-height: 40px;
font-size: 18px;
margin-top: 2px;
}
.search-box-wrap .haru-search-box-wrap .search-box button:hover {
color: #333333;
cursor: pointer;
}
@media screen and (max-width: 1199px) {
.search-box-wrap .haru-search-box-wrap .search-box {
min-width: 200px;
}
}
.search-box-wrap .haru-search-box-wrap .ajax-search-result {
background-color: #fff;
position: absolute;
left: 0;
max-width: 100%;
width: 100%;
top: 100%;
z-index: 6;
-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
}
.search-box-wrap .haru-search-box-wrap .ajax-search-result ul {
list-style: none;
margin: 0;
padding: 0;
}
.search-box-wrap .haru-search-box-wrap .ajax-search-result ul li {
border-bottom: 1px solid rgba(238, 238, 238, 0.8);
padding: 10px;
}
.search-box-wrap .haru-search-box-wrap .ajax-search-result ul li.view-more {
border: none;
text-align: center;
}
.search-box-wrap .haru-search-box-wrap .ajax-search-result ul li.selected, .search-box-wrap .haru-search-box-wrap .ajax-search-result ul li:hover {
background-color: rgba(238, 238, 238, 0.5);
}
.search-box-wrap .haru-search-box-wrap .ajax-search-result ul li .item-thumbnail {
margin-right: 10px;
}
.search-box-wrap .haru-search-box-wrap .ajax-search-result ul li .item-thumbnail img {
max-height: 60px;
width: auto;
}
.search-box-wrap .haru-search-box-wrap .ajax-search-result ul li .item-meta .publish-date {
font-size: 12px;
font-style: italic;
margin-bottom: 0;
} .header-social-network-wrap {
display: inline-block;
padding: 0;
margin: 0;
list-style: none;
}
.header-social-network-wrap li {
display: inline-block;
font-size: 14px;
}
.header-social-network-wrap li a {
padding: 0 10px;
} .my-wishlist-wrap {
position: relative;
}
.my-wishlist-wrap .haru-wishlist i {
cursor: pointer;
text-align: left;
}
.my-wishlist-wrap .haru-wishlist span.total {
background-color: #333333;
bottom: 68%;
color: #fff;
position: absolute;
left: 80%;
right: 0px;
width: 18px;
height: 18px;
font-size: 10px;
text-align: center;
line-height: 19px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
} .mini-cart-wrap.no-price .sub-total-text {
display: none;
}
.mini-cart-wrap.with-price .sub-total-text {
position: absolute;
top: 30px;
right: 0px;
}
.mini-cart-wrap.with-price .sub-total-text span.amount {
font-size: 13px;
}
.mini-cart-wrap.with-price .widget_shopping_cart_content .widget_shopping_cart_icon > i.wicon {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: transparent;
}
.mini-cart-wrap .widget_shopping_cart_content {
display: block;
text-align: left;
}
.mini-cart-wrap .widget_shopping_cart_content:hover .cart_list_wrap {
top: 100%;
visibility: visible;
opacity: 1;
-webkit-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
-moz-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
-ms-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
-o-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
}
@media screen and (max-width: 991px) {
.mini-cart-wrap .widget_shopping_cart_content:hover .cart_list_wrap {
margin-top: 0;
}
}
.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon {
position: relative;
}
.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total {
position: absolute;
bottom: 62%;
left: 66%;
background: #333333;
color: #fff;
width: 18px;
height: 18px;
text-align: center;
font-size: 10px;
line-height: 19px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon > i {
cursor: pointer;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap {
display: block;
visibility: hidden;
opacity: 0;
position: absolute;
top: 150%;
right: 0;
left: auto;
min-width: 300px;
background-color: #fff;
border: solid 1px #ededed;
z-index: 999;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header {
display: none;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li.empty {
padding: 15px;
text-align: center;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li.empty h4 {
text-transform: uppercase;
padding: 0 0 15px;
margin: 0;
font-size: 16px;
word-spacing: 0.2em;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li.empty p {
color: #696969;
padding: 0;
margin: 0;
font-size: 14px;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li {
padding: 15px 0;
margin: 0;
position: relative;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li:first-child {
padding-top: 0;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li + li {
border-top: solid 1px #ededed;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-left {
float: left;
font-size: 0;
overflow: hidden;
margin-right: 10px;
border: solid 1px #eee;
background: #fff;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-left > a > img {
height: auto;
width: 58px;
margin: 0;
display: block;
min-width: 0 !important;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-right {
overflow: hidden;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-right > a {
text-transform: uppercase;
word-spacing: 1px;
font-size: 12px;
font-weight: 700;
display: block;
padding-right: 15px;
color: #333333;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-right > a:hover {
color: #333333;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-right > span.quantity {
font-size: 12px;
display: block;
text-align: left;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-right > a.remove {
position: absolute;
right: 0;
top: 15px;
padding-right: 0;
font-size: 18px;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li:after {
content: "";
display: block;
clear: both;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap .cart-total {
padding: 0 15px 15px;
position: relative;
color: #333333;
font-weight: 700;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.total {
padding: 0;
font-size: 13px;
font-weight: bold;
margin: 0;
border-top: solid 1px #eee;
border-bottom: solid 1px #eee;
line-height: 43px;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.total strong {
text-transform: uppercase;
font-weight: 400;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.total > span.amount {
font-weight: 700;
float: right;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons {
text-align: center;
margin: 0;
padding: 15px 0 0;
font-size: 0;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button {
color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
line-height: 20px;
padding: 10px;
font-size: 12px;
min-width: 115px;
width: 48%;
display: inline-block;
text-transform: uppercase;
background-color: #333;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button:hover {
background-color: #333333;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button > i.fa {
margin-right: 5px;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button.checkout {
background-color: #333333;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button.checkout:hover {
background-color: black;
}
@media (max-width: 480px) {
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button {
min-width: 100px;
}
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button + .button {
margin-left: 4%;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap dl {
border: none;
margin: 0;
padding: 0;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap dl dt {
float: left;
margin: 0 10px 0 0;
padding: 0;
line-height: 20px;
font-size: 12px;
font-weight: 400;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap dl dd {
padding: 0;
line-height: 20px;
display: block;
float: none;
margin: 0;
font-size: 12px;
}
.mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap dl p {
margin: 0;
padding: 0;
}
.mini-cart-wrap .widget_shopping_cart_content ul.cart_list, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget {
position: relative;
margin: 0;
list-style: none;
padding: 15px 15px 0;
max-height: 350px;
overflow-y: auto;
}
.mini-cart-wrap .widget_shopping_cart_content ul.cart_list::-webkit-scrollbar-track, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #F5F5F5;
}
.mini-cart-wrap .widget_shopping_cart_content ul.cart_list::-moz-scrollbar-track, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget::-moz-scrollbar-track {
border-radius: 10px;
background-color: #F5F5F5;
}
.mini-cart-wrap .widget_shopping_cart_content ul.cart_list::-webkit-scrollbar, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget::-webkit-scrollbar {
width: 5px;
background-color: #F5F5F5;
}
.mini-cart-wrap .widget_shopping_cart_content ul.cart_list::-moz-scrollbar, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget::-moz-scrollbar {
width: 5px;
background-color: #F5F5F5;
}
.mini-cart-wrap .widget_shopping_cart_content ul.cart_list::-webkit-scrollbar-thumb, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #333333;
}
.mini-cart-wrap .widget_shopping_cart_content ul.cart_list::-moz-scrollbar-thumb, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget::-moz-scrollbar-thumb {
border-radius: 10px;
background-color: #333333;
}
.mini-cart-wrap.cart-sidebar .sub-total-text {
display: none;
}
.mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap {
background-color: #fff;
border: none;
position: fixed;
z-index: 9999;
top: 0;
left: 100%;
bottom: 0;
height: 100%;
width: 300px;
overflow: hidden;
padding: 0;
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap.in {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header {
display: block;
background-color: #000;
color: #fff;
display: block;
font-weight: 700;
padding: 10px 15px;
position: relative;
text-transform: uppercase;
}
.mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close {
position: absolute;
height: 45px;
width: 45px;
right: 0;
top: 0;
}
.mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:hover {
cursor: pointer;
}
.mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:hover:before, .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:hover:after {
background-color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:before, .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:after {
content: '';
position: absolute;
height: 2px;
width: 20px;
top: 50%;
left: 13px;
margin-top: -1px;
background-color: #fff;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .ul.cart_list, .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap ul.product_list_widget {
padding: 20px 15px 0 15px;
max-height: calc(100% - 195px);
}
.mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .ul.cart_list li, .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap ul.product_list_widget li {
border-top: 1px solid rgba(237, 237, 237, 0.3);
}
.mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .ul.cart_list li:first-child, .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap ul.product_list_widget li:first-child {
border-top: none;
}
.cart-mask-overlay {
display: block;
position: fixed;
background: rgba(0, 0, 0, 0.8);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9998;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.cart-mask-overlay.in {
opacity: 1;
visibility: visible;
cursor: crosshair;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
body.admin-bar .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap {
top: 32px;
}
.canvas-mask-overlay {
display: block;
position: fixed;
background: rgba(0, 0, 0, 0.9);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9998;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.canvas-mask-overlay.in {
opacity: 1;
visibility: visible;
cursor: crosshair;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
body.admin-bar .haru-canvas-sidebar-wrap {
top: 32px;
}
.haru-canvas-sidebar-wrap {
background-color: #fff;
position: fixed;
z-index: 9999;
top: 0;
left: 100%;
bottom: 0;
width: 300px;
overflow: hidden;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.haru-canvas-sidebar-wrap.in {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.haru-canvas-sidebar-wrap .canvas-sidebar-header {
background-color: #000;
color: #fff;
display: block;
font-weight: 700;
padding: 10px 15px;
position: relative;
text-transform: uppercase;
}
.haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close {
position: absolute;
height: 45px;
width: 45px;
right: 0;
top: 0;
}
.haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:hover {
cursor: pointer;
}
.haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:hover:before, .haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:hover:after {
background-color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:before, .haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:after {
content: '';
position: absolute;
height: 2px;
width: 20px;
top: 50%;
left: 13px;
margin-top: -1px;
background-color: #fff;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.haru-canvas-sidebar-wrap .canvas-sidebar-inner {
padding: 15px;
} .vertical-menu-wrap {
width: 100%;
background-color: #444;
margin-left: 0;
}
.vertical-menu-wrap .vertical-menu-toggle {
color: #fff;
display: block;
padding: 0 15px;
line-height: 50px;
}
.vertical-menu-wrap .vertical-menu-toggle i {
padding-right: 10px;
}
.vertical-menu-wrap .menu-wrap {
background-color: #f5f9fa;
border: 1px solid rgba(51, 51, 51, 0.2);
position: absolute;
width: 100%;
display: none;
}
.vertical-menu-wrap .menu-wrap.show-view-all .vertical-view-cate {
display: block;
}
.vertical-menu-wrap .menu-wrap .vertical-view-cate {
border-top: 1px solid rgba(51, 51, 51, 0.2);
display: none;
padding: 15px 15px 15px 41px;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.vertical-menu-wrap .menu-wrap .vertical-view-cate:hover {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.vertical-menu-wrap .menu-wrap .vertical-view-cate:after {
content: "\f0a3";
color: #333333;
font-family: IcoFont;
font-size: 16px;
position: absolute;
left: 15px;
top: 13px;
}
.vertical-menu-wrap .menu-wrap .vertical-view-cate.show-category:after {
content: "\f072";
}
.vertical-menu-wrap .menu-wrap .menu-item-toggle {
clear: both;
}
.vertical-menu-wrap .menu-wrap .menu-item-toggle:hover {
background-color: #fff;
}
.vertical-menu-wrap .menu-wrap .menu-item-toggle:hover a:before {
height: 100%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.vertical-menu-wrap .menu-wrap .menu-item-toggle a:before {
content: "";
background-color: #333333;
position: absolute;
width: 2px;
height: 0;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu {
padding: 0;
width: 100%;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu li.current-menu-item > a {
color: #333333;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li {
border-top: 1px solid rgba(51, 51, 51, 0.2);
font-size: 14px;
float: none;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li:first-child {
border-top: none;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.menu-item-more {
display: none;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.menu-item-more.show {
display: block;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li > a {
display: block;
font-weight: normal !important;
padding: 14px 15px 14px 15px;
text-transform: none;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li > a:before {
content: "";
background-color: #333333;
position: absolute;
width: 2px;
height: 0;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li > a:after {
display: block !important;
position: absolute;
right: 15px;
top: 15px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li > a i {
color: #333333;
font-size: 16px !important;
line-height: 20px;
margin-right: 8px;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.current-menu-item {
background-color: #fff;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.current-menu-item > a:before {
height: 100%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li:hover {
background-color: #fff;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li:hover > a:before {
height: 100%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li:hover > a:after {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.menu_style_dropdown:hover > ul {
left: 100%;
top: 0;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.menu_style_column > ul {
background: #fff;
left: 100%;
min-width: 875px;
top: 0;
}
.vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.menu_style_tab > ul {
background: #fff;
left: 100%;
min-width: 875px;
top: 0;
} .user-account-wrap .user-account-content {
position: relative;
}
.user-account-wrap .user-account-content:hover .user-account-menu {
opacity: 1;
visibility: visible;
top: 110%;
z-index: 999;
-webkit-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
-moz-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
-ms-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
-o-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
}
.user-account-wrap .user-account-content.logged-in {
top: -5px;
}
.user-account-wrap .user-account-content .user-account-menu {
list-style: none;
padding: 0;
margin: 0;
position: absolute;
right: 0;
left: auto;
border: solid 1px #ededed;
top: 125%;
width: auto;
min-width: 180px;
background-color: #fff;
padding: 15px 30px;
opacity: 0;
visibility: hidden;
z-index: -1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.user-account-wrap .user-account-content li {
padding: 5px 0;
}
.user-account-wrap .user-account-content .avatar {
max-width: 18px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
@media screen and (max-width: 1199px) {
.user-account-wrap .user-account-content .avatar {
max-width: 18px;
}
}
.user-account-wrap .user-account-content.logged-out i {
font-size: 18px;
}
#popup-menu-button {
font-size: 24px;
}
.mfp-bg.menu-popup-bg {
background: #fff;
opacity: 0.9 !important;
}
.menu-popup-bg .mfp-content {
height: 100%;
}
#haru-menu-popup {
position: absolute;
width: 100%;
height: 100%;
}
#haru-menu-popup .menu-wrapper {
display: block;
clear: both;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu {
padding: 0;
text-align: center;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-item {
font-size: 14px;
color: #696969;
letter-spacing: 0.5px;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-item > a {
padding: 15px;
display: inline-block;
color: #696969;
line-height: 1.2;
font-size: 24px;
font-weight: 500;
text-transform: uppercase;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-item > a:hover {
color: #444444;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-item > b.menu-caret {
color: #696969;
float: right;
font-size: 21px;
font-weight: 400;
right: 0;
position: absolute;
top: 10px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-item > b.menu-caret:before {
content: "\f489";
display: inline-block;
font-family: Ionicons;
text-align: center;
width: 45px;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-item > b.menu-caret:hover {
cursor: pointer;
color: #444444;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-item > b.menu-caret.active:before {
content: "\f462";
display: inline-block;
font-family: Ionicons;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-item.sub-menu-open {
border-bottom-width: 0px;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.current-menu-ancestor > a,
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.current-menu-parent > a,
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.current-menu-item > a,
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-current > a,
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li > a:hover,
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li:hover > a,
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li ul.sub-menu li:hover > a {
color: #444444;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.current-menu-ancestor > a > b.caret:before,
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.current-menu-parent > a > b.caret:before,
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.current-menu-item > a > b.caret:before,
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-current > a > b.caret:before,
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li > a:hover > b.caret:before,
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li:hover > a > b.caret:before,
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li ul.sub-menu li:hover > a > b.caret:before {
color: #444444;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu ul.sub-menu {
background-color: #1a1a1a;
padding-left: 0;
position: relative;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu ul.sub-menu > li.menu-item > a {
font-size: 16px;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li {
list-style: none;
list-style-type: none;
}
#haru-menu-popup .menu-wrapper .haru-nav-popup-menu li > ul.sub-menu {
position: relative;
list-style: none;
padding: 0;
margin: 0;
display: none;
background: transparent;
}
#haru-menu-popup .mfp-close {
color: #696969;
position: absolute;
top: 6%;
right: 5%;
opacity: 1;
}
body.disable-transition {
-webkit-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
body.admin-bar header.haru-main-header.header-under-slideshow {
top: calc(100% + 32px);
}
body.admin-bar header.haru-main-header.headroom--pinned:not(.headroom--top) {
top: 32px;
}
body.layout-float header.haru-main-header {
padding: 0 100px;
}
@media screen and (max-width: 1399px) {
body.layout-float header.haru-main-header {
padding: 0 50px;
}
}
header.haru-main-header {
background-color: #fff;
position: relative;
z-index: 1000;
}
@media screen and (max-width: 991px) {
header.haru-main-header {
display: none;
}
}
header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li.current-menu-item > a:before {
content: "";
position: absolute;
width: calc(100% - 40px);
height: 1px;
left: 20px;
top: 63px;
background-color: #333333;
}
header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a {
color: #696969;
font-size: 13px;
font-weight: 700;
padding: 0 20px;
letter-spacing: .5px;
}
header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a:before {
content: "";
position: absolute;
width: 0;
height: 1px;
left: 20px;
top: 63px;
background-color: #333333;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a:after {
display: none;
}
header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li:hover > a {
color: #333333;
}
header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li:hover > a:before {
width: calc(100% - 40px);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > ul {
background: #fff;
}
header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu li.current-menu-item > a {
color: #333333;
}
header.haru-main-header .header-logo a.logo-retina {
display: none;
}
header.haru-main-header .header-logo a.logo-sticky {
display: none;
}
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
header.haru-main-header .header-logo a.logo-default {
display: none;
}
header.haru-main-header .header-logo a.logo-retina {
display: block;
}
}
header.haru-main-header.header-over-slideshow {
background-color: transparent;
position: absolute;
left: 0;
right: 0;
}
header.haru-main-header.header-over-slideshow.navigation_dark {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-main-header.header-over-slideshow.navigation_dark.header-hover-on:hover {
background-color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-main-header.header-over-slideshow.navigation_light {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover {
background-color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li.current-menu-item > a {
color: #333333;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li.current-menu-item > a:before {
background-color: #333333;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li > a {
color: #696969;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li > a:hover {
color: #333333;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .header-elements-item a.header-icon,
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .header-elements-item i.header-icon {
color: #696969;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .header-elements-item a.header-icon:hover,
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .header-elements-item i.header-icon:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .header-elements-item.search-box-wrap input[type="text"] {
color: #696969;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .header-elements-item.search-box-wrap input[type="text"]::-moz-placeholder {
color: rgba(0, 0, 0, 0.5);
opacity: 1;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .header-elements-item.search-box-wrap input[type="text"]:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.5);
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .header-elements-item.search-box-wrap input[type="text"]::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.5);
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .header-elements-item.my-wishlist .my-wishlist-wrap .haru-wishlist span.total {
background-color: #333333;
color: #fff;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on:hover .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total {
background-color: #333333;
color: #fff;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on .header-logo a.logo-default, header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on .header-logo a.logo-retina {
display: none;
}
header.haru-main-header.header-over-slideshow.navigation_light.header-hover-on .header-logo a.logo-sticky {
display: block;
}
header.haru-main-header.header-over-slideshow.navigation_light .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li.current-menu-item > a {
color: #fff;
}
header.haru-main-header.header-over-slideshow.navigation_light .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li.current-menu-item > a:before {
background-color: #fff;
}
header.haru-main-header.header-over-slideshow.navigation_light .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a {
color: #fff;
}
header.haru-main-header.header-over-slideshow.navigation_light .header-elements-item a.header-icon,
header.haru-main-header.header-over-slideshow.navigation_light .header-elements-item i.header-icon {
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-main-header.header-over-slideshow.navigation_light .header-elements-item a.header-icon:hover,
header.haru-main-header.header-over-slideshow.navigation_light .header-elements-item i.header-icon:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-main-header.header-under-slideshow {
border-bottom: 1px solid #ededed;
position: absolute !important;
width: 100%;
left: 0;
right: 0;
top: 100%;
}
header.haru-main-header.headroom--pinned.headroom--top {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
header.haru-main-header.headroom--pinned:not(.headroom--top) {
position: fixed;
right: 0;
left: 0;
top: 0;
height: 60px;
-webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
header.haru-main-header.headroom--pinned:not(.headroom--top) .menu-wrap .haru-main-menu > li.current-menu-item > a:before {
top: 40px;
}
header.haru-main-header.headroom--pinned:not(.headroom--top) .menu-wrap .haru-main-menu > li > a {
padding: 0 20px !important;
line-height: 60px !important;
}
header.haru-main-header.headroom--pinned:not(.headroom--top) .menu-wrap .haru-main-menu > li > a:before {
top: 40px;
}
header.haru-main-header.headroom--pinned:not(.headroom--top) .haru-header-nav-above-wrap {
height: 0;
visibility: hidden;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_dark {
background-color: #333;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_dark .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li > a {
color: #fff;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_dark .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li > a:hover {
color: #fff;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_dark .header-elements-item a.header-icon,
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_dark .header-elements-item i.header-icon {
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_dark .header-elements-item a.header-icon:hover,
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_dark .header-elements-item i.header-icon:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light {
background-color: #fff;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li.current-menu-item > a {
color: #333333;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li.current-menu-item > a:before {
background-color: #333333;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li > a {
color: #696969;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li > a:hover {
color: #333333;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .header-elements-item a.header-icon,
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .header-elements-item i.header-icon {
color: #696969;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .header-elements-item a.header-icon:hover,
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .header-elements-item i.header-icon:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .header-elements-item.search-box-wrap input[type="text"] {
color: #696969;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .header-elements-item.search-box-wrap input[type="text"]::-moz-placeholder {
color: rgba(0, 0, 0, 0.5);
opacity: 1;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .header-elements-item.search-box-wrap input[type="text"]:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.5);
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .header-elements-item.search-box-wrap input[type="text"]::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.5);
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .header-elements-item.my-wishlist .my-wishlist-wrap .haru-wishlist span.total {
background-color: #333333;
color: #fff;
}
header.haru-main-header.headroom--pinned:not(.headroom--top).sticky_light .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total {
background-color: #333333;
color: #fff;
}
header.haru-main-header.headroom--pinned:not(.headroom--top) .header-logo a.logo-default, header.haru-main-header.headroom--pinned:not(.headroom--top) .header-logo a.logo-retina {
display: none;
}
header.haru-main-header.headroom--pinned:not(.headroom--top) .header-logo a.logo-sticky {
display: block;
}
header.haru-main-header.headroom--unpinned {
position: fixed;
z-index: 10;
right: 0;
left: 0;
top: -100%;
-webkit-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
header.haru-main-header.headroom--unpinned .haru-header-nav-above-wrap {
height: 0;
visibility: hidden;
}
.haru-mobile-header {
position: relative;
z-index: 1000;
}
.haru-mobile-header.headroom--pinned:not(.headroom--top) {
position: fixed !important;
right: 0;
left: 0;
top: 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.haru-mobile-header.headroom--pinned:not(.headroom--top) .header-mobile-above {
height: 0;
visibility: hidden;
}
.haru-mobile-header.headroom--unpinned {
position: fixed;
z-index: 10;
right: 0;
left: 0;
top: -100%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.haru-mobile-header.headroom--unpinned .header-mobile-above {
height: 0;
visibility: hidden;
}
.haru-mobile-header.headroom--unpinned.headroom--not-top {
opacity: 0;
height: 0;
visibility: hidden;
-webkit-transition: all 0s !important;
-o-transition: all 0s !important;
transition: all 0s !important;
}
.haru-mobile-header.sticky-menu {
position: fixed !important;
width: 100%;
background-color: #fff;
-webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}  .original-footer {
text-align: center;
padding: 30px 0;
}
#haru-footer-main.footer-default .footer-copyright {
color: #757575;
}
#haru-footer-main.footer-default .footer-copyright i {
color: #333333;
padding: 0 8px;
}
#haru-footer-main.footer-2 .subscribe-default, #haru-footer-main.footer-3 .subscribe-default {
border: 1px solid #ededed;
position: relative;
}
#haru-footer-main.footer-2 .subscribe-default .subscribe-email, #haru-footer-main.footer-3 .subscribe-default .subscribe-email {
border: none;
display: inline-block;
margin: 0;
width: calc(100% - 65px);
}
#haru-footer-main.footer-2 .subscribe-default .subscribe-email input[type="email"], #haru-footer-main.footer-3 .subscribe-default .subscribe-email input[type="email"] {
font-size: 14px;
width: 100%;
padding: 10px 0 10px 15px;
background: none;
text-align: left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#haru-footer-main.footer-2 .subscribe-default .subscribe-email input[type="email"]::-moz-placeholder, #haru-footer-main.footer-3 .subscribe-default .subscribe-email input[type="email"]::-moz-placeholder {
color: #696969;
opacity: 1;
}
#haru-footer-main.footer-2 .subscribe-default .subscribe-email input[type="email"]:-ms-input-placeholder, #haru-footer-main.footer-3 .subscribe-default .subscribe-email input[type="email"]:-ms-input-placeholder {
color: #696969;
}
#haru-footer-main.footer-2 .subscribe-default .subscribe-email input[type="email"]::-webkit-input-placeholder, #haru-footer-main.footer-3 .subscribe-default .subscribe-email input[type="email"]::-webkit-input-placeholder {
color: #696969;
}
#haru-footer-main.footer-2 .subscribe-default .subscribe-email input[type="email"]:focus, #haru-footer-main.footer-3 .subscribe-default .subscribe-email input[type="email"]:focus {
outline: none;
}
#haru-footer-main.footer-2 .subscribe-default .subscribe-submit, #haru-footer-main.footer-3 .subscribe-default .subscribe-submit {
margin: 0;
width: 60px;
display: inline-block;
position: relative;
}
#haru-footer-main.footer-2 .subscribe-default .subscribe-submit:after, #haru-footer-main.footer-3 .subscribe-default .subscribe-submit:after {
color: #333333;
content: "\f474";
font-family: Ionicons;
font-size: 34px;
line-height: 1;
position: absolute;
left: 50%;
top: -5px;
z-index: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
#haru-footer-main.footer-2 .subscribe-default .subscribe-submit input[type="submit"], #haru-footer-main.footer-3 .subscribe-default .subscribe-submit input[type="submit"] {
border: none;
background: none;
color: #fff;
opacity: 0;
padding: 0;
position: relative;
z-index: 1;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#haru-footer-main.footer-2 .subscribe-default .subscribe-submit input[type="submit"]:focus, #haru-footer-main.footer-3 .subscribe-default .subscribe-submit input[type="submit"]:focus {
outline: none;
}
.widget_instagram-feed-widget #sb_instagram.grid-layout-square {
width: auto !important;
}
@media screen and (max-width: 767px) {
.widget_instagram-feed-widget #sb_instagram.grid-layout-square {
width: auto !important;
}
}
.widget_instagram-feed-widget #sb_instagram.grid-layout-square.padding-5 {
margin: -10px -10px 0 -10px !important;
}
.widget_instagram-feed-widget #sb_instagram.grid-layout-square.padding-10 {
margin: -20px -20px 0 -20px !important;
}
.subscribe-default .subscribe-email {
border: 1px solid #ededed;
margin: 0 auto;
width: 75%;
}
.subscribe-default .subscribe-email input[type="email"] {
background: none;
border: none;
font-size: 15px;
padding: 8px 10px;
text-align: center;
width: 100%;
}
.subscribe-default .subscribe-email input[type="email"]::-moz-placeholder {
color: rgba(105, 105, 105, 0.6);
opacity: 1;
}
.subscribe-default .subscribe-email input[type="email"]:-ms-input-placeholder {
color: rgba(105, 105, 105, 0.6);
}
.subscribe-default .subscribe-email input[type="email"]::-webkit-input-placeholder {
color: rgba(105, 105, 105, 0.6);
}
.subscribe-default .subscribe-email input[type="email"]:focus {
outline: none;
}
.subscribe-default .subscribe-submit {
margin: 30px auto 0 auto;
width: 150px;
}
.subscribe-default .subscribe-submit input[type="submit"] {
border: 1px solid #333333;
background: #333333;
color: #fff;
font-weight: 700;
letter-spacing: 2px;
padding: 7px 20px;
text-align: center;
text-transform: uppercase;
width: 100%;
-webkit-font-smoothing: antialiased !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.subscribe-default .subscribe-submit input[type="submit"]:hover {
background: transparent;
color: #333333;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.subscribe-default .subscribe-submit input[type="submit"]:focus {
outline: none;
}  .haru-archive-blog .archive-content .archive-content-layout article {
padding-bottom: 40px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper {
position: relative;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper:hover .owl-nav {
opacity: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail {
position: relative;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail:hover .post-thumbnail-overlay:before {
opacity: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail:hover .prettyPhoto {
opacity: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
-o-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay {
position: relative;
display: block;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay img {
width: 100%;
overflow: hidden;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay img.img-responsive {
width: auto;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail .prettyPhoto {
display: none;
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border: 1px solid #fff;
color: #fff;
opacity: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: translate(-50%, -50%) scale(0.8);
-ms-transform: translate(-50%, -50%) scale(0.8);
-o-transform: translate(-50%, -50%) scale(0.8);
transform: translate(-50%, -50%) scale(0.8);
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail .prettyPhoto:hover {
color: #333333;
border: 1px solid #333333;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-category {
background-color: #fff;
font-style: italic;
padding: 1px 8px;
position: absolute;
left: 0;
bottom: 0;
text-transform: uppercase;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-nav {
opacity: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-nav .owl-prev {
background: rgba(0, 0, 0, 0.3);
color: #fff;
position: absolute;
top: 50%;
left: 0;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-nav .owl-prev:hover {
background: rgba(0, 0, 0, 0.6);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-nav .owl-next {
background: rgba(0, 0, 0, 0.3);
color: #fff;
position: absolute;
top: 50%;
right: 0;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-nav .owl-next:hover {
background: rgba(0, 0, 0, 0.6);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-dots {
text-align: center;
position: absolute;
bottom: 20px;
width: 100%;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-dots .owl-dot {
background: #868686;
display: inline-block;
height: 10px;
margin: 0 5px;
width: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-dots .owl-dot.active {
background: transparent;
border: 1px solid #333333;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-link-wrapper .post-content-link {
background: #eeeeee;
height: 60px;
display: flex;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-link-wrapper .post-content-link i {
width: 60px;
line-height: 60px;
background: #333333;
color: #fff;
text-align: center;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-link-wrapper .post-content-link a {
margin-left: 20px;
line-height: 60px;
font-weight: 700;
font-style: italic;
text-transform: uppercase;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface {
height: 60px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-controls {
height: 60px;
line-height: 60px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-controls a {
color: #fff;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-controls a:hover {
color: #333333;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-controls a i {
font-size: 16px;
line-height: 18px;
position: relative;
top: 2px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-progress {
width: calc(100% - 200px) !important;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-progress .jp-seek-bar {
height: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-progress .jp-seek-bar .jp-play-bar {
background: #333333;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-volume .jp-volume-bar {
height: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-volume .jp-volume-bar .jp-volume-bar-value {
background: #333333;
height: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper {
padding: 15px;
background: #eeeeee;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper blockquote {
border-left: none;
font-style: italic;
margin: 0;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper blockquote p {
font-size: 18px;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper blockquote p {
font-size: 16px;
}
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper blockquote p i {
font-style: italic;
color: #333333;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper blockquote p i.fa-quote-left {
margin-right: 5px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper blockquote cite {
font-weight: 700;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title {
margin-top: 20px;
line-height: 1.4;
}
@media screen and (max-width: 767px) {
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title {
padding: 0;
}
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title a {
color: #333333;
font-size: 34px;
font-weight: 600;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 991px) {
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title a {
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title a {
font-size: 18px;
}
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info {
font-size: 14px;
font-style: italic;
margin-top: 15px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-sticky {
display: inline-block;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-sticky i {
margin-right: 10px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-date {
display: inline-block;
margin-right: 15px;
padding-right: 20px;
border-right: 1px solid rgba(0, 0, 0, 0.3);
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-author {
display: inline-block;
margin-right: 4px;
font-weight: normal;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-author span {
text-transform: capitalize;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-author a {
font-weight: 700;
text-transform: capitalize;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-author a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-views {
display: inline-block;
margin-right: 10px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-views i {
margin-right: 10px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-comment {
display: inline-block;
margin-right: 10px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-meta-info .post-meta-comment i {
margin-right: 10px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-excerpt {
margin-top: 15px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-read-more {
margin-top: 35px;
margin-bottom: 35px;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-read-more .read-more {
border: 1px solid #333333;
color: #333333;
font-weight: 700;
padding: 10px 20px;
text-transform: uppercase;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-read-more .read-more:hover {
background-color: #333333;
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-blog .archive-content .archive-content-layout article.format-standard:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-meta-category {
margin-top: 0;
}
.haru-archive-blog .archive-content .archive-content-layout article.large-image .post-wrapper {
padding-bottom: 10px;
border-bottom: 1px solid #ededed;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image .post-wrapper {
padding-bottom: 10px;
border-bottom: 1px solid #ededed;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-thumbnail-wrapper {
width: 50%;
float: left;
margin-bottom: 30px;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-thumbnail-wrapper .post-thumbnail {
margin-right: 10px;
}
@media screen and (max-width: 991px) {
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-thumbnail-wrapper {
width: 100%;
margin-bottom: 20px;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-thumbnail-wrapper .post-thumbnail {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-thumbnail-wrapper {
width: 100%;
}
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper {
width: 50%;
float: left;
text-align: left;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper .post-detail {
margin-left: 10px;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper .post-detail .post-meta-info {
margin-top: 0;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper .post-detail .post-title {
padding: 0;
margin-top: -10px;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper .post-detail .post-title a {
font-size: 18px;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper .post-detail .post-excerpt {
padding: 0;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper .post-detail .post-read-more {
margin-top: 30px;
margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper {
width: 100%;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper .post-detail {
margin-left: 0;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper .post-detail .post-meta-category {
margin-top: 15px;
}
}
@media screen and (max-width: 767px) {
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail .post-wrapper .post-content-wrapper {
width: 100%;
}
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-title {
padding: 0;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-title a {
font-size: 18px;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-excerpt {
padding: 0;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-read-more {
margin-top: 30px;
margin-bottom: 30px;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-audio .post-wrapper .post-content-wrapper, .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-link .post-wrapper .post-content-wrapper, .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-quote .post-wrapper .post-content-wrapper {
width: 100%;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-audio .post-wrapper .post-content-wrapper .post-detail, .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-link .post-wrapper .post-content-wrapper .post-detail, .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-quote .post-wrapper .post-content-wrapper .post-detail {
margin-left: 0;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-audio .post-wrapper .post-content-wrapper .post-detail .post-title, .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-link .post-wrapper .post-content-wrapper .post-detail .post-title, .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-quote .post-wrapper .post-content-wrapper .post-detail .post-title {
margin-top: 10px;
}
.haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-audio .post-wrapper .post-content-wrapper .post-detail .post-meta-category, .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-link .post-wrapper .post-content-wrapper .post-detail .post-meta-category, .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-quote .post-wrapper .post-content-wrapper .post-detail .post-meta-category {
margin-top: 30px;
}
.haru-archive-blog .archive-content .archive-content-layout article.grid, .haru-archive-blog .archive-content .archive-content-layout article.masonry {
padding-bottom: 30px;
}
.haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper .post-content-wrapper .post-detail .post-title, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper .post-content-wrapper .post-detail .post-title {
padding: 0;
margin-bottom: 0;
}
.haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper .post-content-wrapper .post-detail .post-title a, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper .post-content-wrapper .post-detail .post-title a {
font-size: 18px;
}
@media screen and (max-width: 767px) {
.haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper .post-content-wrapper .post-detail .post-title a, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper .post-content-wrapper .post-detail .post-title a {
font-size: 18px;
}
}
.haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper .post-content-wrapper .post-detail .post-meta-info, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper .post-content-wrapper .post-detail .post-meta-info {
display: none;
}
.haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper .post-content-wrapper .post-detail .post-read-more, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper .post-content-wrapper .post-detail .post-read-more {
margin-bottom: 15px;
margin-top: 25px;
}
.haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper .post-content-wrapper .post-detail .post-read-more .read-more, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper .post-content-wrapper .post-detail .post-read-more .read-more {
color: #333333;
padding: 3px 0;
border: none;
border-bottom: 1px solid #333333;
}
.haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper .post-content-wrapper .post-detail .post-read-more .read-more:hover, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper .post-content-wrapper .post-detail .post-read-more .read-more:hover {
background: transparent;
color: #ababab;
border-bottom: 1px solid #ababab;
}
.haru-archive-blog .archive-content .archive-content-layout article.grid:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-meta-info, .haru-archive-blog .archive-content .archive-content-layout article.masonry:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-meta-info {
margin-top: 0;
}
.haru-archive-blog .archive-paging {
padding-bottom: 8%;
}
.haru-archive-blog .archive-paging.default {
margin-top: 30px;
text-align: center;
}
.haru-archive-blog .archive-paging.default .page-numbers {
list-style: none;
list-style-type: none;
display: inline-block;
padding: 0;
margin: 0;
}
.haru-archive-blog .archive-paging.default .page-numbers li {
display: inline-block;
padding: 0 10px;
}
.haru-archive-blog .archive-paging.default .page-numbers li span, .haru-archive-blog .archive-paging.default .page-numbers li a {
color: #696969;
display: inline-block;
padding: 0 5px;
border-bottom: 1px solid #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-blog .archive-paging.default .page-numbers li span.current {
border-bottom: 1px solid #333333;
color: #333333;
}
.haru-archive-blog .archive-paging.default .page-numbers li a:hover, .haru-archive-blog .archive-paging.default .page-numbers li a:focus {
border-bottom: 1px solid #333333;
color: #333333;
}
.haru-archive-blog .archive-paging.default .page-numbers li a.prev, .haru-archive-blog .archive-paging.default .page-numbers li a.next {
text-transform: capitalize;
}
.haru-archive-blog .archive-paging.load-more {
text-align: center;
}
.haru-archive-blog .archive-paging.load-more button {
background-color: #333333;
border: 1px solid transparent;
color: #fff;
font-weight: 700;
padding: 8px 25px;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-blog .archive-paging.load-more button:hover {
background-color: transparent;
border: 1px solid #333333;
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-blog .archive-paging.load-more button:focus {
outline: none;
}
.single-content.no-sidebar .post-content-wrapper {
margin: 0 15%;
}
@media screen and (max-width: 767px) {
.single-content.no-sidebar .post-content-wrapper {
margin: 0;
}
}
.single-content.no-sidebar .author-info {
padding: 40px 15% !important;
}
@media screen and (max-width: 767px) {
.single-content.no-sidebar .author-info {
padding: 40px 0 !important;
}
}
.single-content.no-sidebar .post-related {
text-align: center;
}
.single-content.no-sidebar #comments {
padding: 0 15%;
}
@media screen and (max-width: 767px) {
.single-content.no-sidebar #comments {
padding: 0 !important;
}
}
.single-content .single-wrapper {
margin-bottom: 80px;
}
@media screen and (max-width: 991px) {
.single-content .single-wrapper {
margin-bottom: 10px;
}
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info {
text-align: center;
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-title {
font-size: 34px;
font-weight: 600;
margin-top: 0;
}
@media screen and (max-width: 767px) {
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-title {
font-size: 24px;
}
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info {
font-size: 14px;
font-style: italic;
margin-top: 25px;
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-sticky {
display: inline-block;
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-sticky i {
margin-right: 10px;
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-date {
display: inline-block;
margin-right: 15px;
padding-right: 20px;
border-right: 1px solid rgba(0, 0, 0, 0.3);
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-author {
display: inline-block;
margin-right: 4px;
font-weight: normal;
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-author span {
text-transform: capitalize;
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-author a {
font-weight: 700;
text-transform: capitalize;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-author a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-views {
display: inline-block;
margin-right: 10px;
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-views i {
margin-right: 10px;
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-comment {
display: inline-block;
margin-right: 10px;
}
.single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-comment i {
margin-right: 10px;
}
.single-content .single-wrapper article .post-thumbnail-wrapper {
margin-top: 30px;
position: relative;
}
.single-content .single-wrapper article .post-thumbnail-wrapper:hover .owl-nav {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail {
position: relative;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail:hover .post-thumbnail-overlay:before {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail:hover .prettyPhoto {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
-o-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay {
position: relative;
display: block;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay:before {
display: none;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(51, 51, 51, 0.8);
opacity: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay img {
width: 100%;
overflow: hidden;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay img.img-responsive {
width: auto;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail .prettyPhoto {
display: none;
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border: 1px solid #fff;
color: #fff;
opacity: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: translate(-50%, -50%) scale(0.8);
-ms-transform: translate(-50%, -50%) scale(0.8);
-o-transform: translate(-50%, -50%) scale(0.8);
transform: translate(-50%, -50%) scale(0.8);
}
.single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail .prettyPhoto:hover {
color: #333333;
border: 1px solid #333333;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .post-meta-category {
background-color: #fff;
font-style: italic;
font-size: 12px;
padding: 1px 8px;
position: absolute;
left: 0;
bottom: 0;
text-transform: uppercase;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-play-pause a:hover {
color: #333333;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-progress {
width: calc(100% - 200px) !important;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-progress .jp-play-bar {
background: #444444;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-volume .jp-volume-bar-value {
background: #444444;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .owl-nav {
opacity: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .owl-nav .owl-prev {
background: rgba(0, 0, 0, 0.3);
color: #fff;
position: absolute;
top: 50%;
left: 0;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .owl-nav .owl-prev:hover {
background: rgba(0, 0, 0, 0.6);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .owl-nav .owl-next {
background: rgba(0, 0, 0, 0.3);
color: #fff;
position: absolute;
top: 50%;
right: 0;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .owl-nav .owl-next:hover {
background: rgba(0, 0, 0, 0.6);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .owl-dots {
text-align: center;
position: absolute;
bottom: 20px;
width: 100%;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .owl-dots .owl-dot {
background: #868686;
display: inline-block;
height: 10px;
margin: 0 5px;
width: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.single-content .single-wrapper article .post-thumbnail-wrapper .owl-dots .owl-dot.active {
background: transparent;
border: 1px solid #333333;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.single-content .single-wrapper article .post-thumbnail-wrapper blockquote {
border-left: 3px solid #333333;
font-size: 24px;
font-style: italic;
font-family: "Muli";
letter-spacing: 2px;
margin: 5%;
}
@media screen and (max-width: 767px) {
.single-content .single-wrapper article .post-thumbnail-wrapper blockquote {
font-size: 20px;
}
}
.single-content .single-wrapper article .post-content-wrapper {
margin-top: 35px;
padding-bottom: 30px;
border-bottom: 1px solid #ededed;
}
.single-content .single-wrapper article .post-content-wrapper .post-content blockquote {
border-left: none;
font-size: 22px;
font-style: italic;
margin: 3% 5%;
}
.single-content .single-wrapper article .post-content-wrapper .post-content blockquote p {
color: #333333;
line-height: 1.6;
}
@media screen and (max-width: 767px) {
.single-content .single-wrapper article .post-content-wrapper .post-content blockquote {
font-size: 16px;
}
}
.single-content .single-wrapper article .post-content-wrapper .post-other-meta {
clear: both;
margin-top: 6%;
text-align: center;
}
.single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags .post-meta-tag {
font-size: 15px;
}
.single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags .post-meta-tag .tag-title {
color: #333333;
display: none;
font-weight: 700;
margin-right: 10px;
text-transform: uppercase;
}
.single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags .post-meta-tag a {
color: #ababab;
display: inline-block;
font-size: 14px;
font-style: italic;
margin: 3px 5px 3px 0;
padding: 2px 10px;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags .post-meta-tag a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags .post-meta-tag a:before {
content: "#";
position: absolute;
left: 0;
}
@media screen and (max-width: 767px) {
.single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags .post-meta-tag a {
display: inline-block;
font-size: 13px;
margin-bottom: 5px;
}
}
.single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share {
list-style-type: none;
list-style: none;
padding: 0;
}
.single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share li {
display: inline-block;
}
.single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share li.social-label {
color: #333333;
font-weight: 700;
margin-right: 10px;
padding: 0;
text-transform: uppercase;
}
.single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share li a {
color: #ababab;
display: inline-block;
font-size: 15px;
text-align: center;
width: 36px;
height: 36px;
line-height: 33px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 767px) {
.single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share li a {
font-size: 12px;
width: 30px;
height: 30px;
line-height: 28px;
margin-bottom: 3px;
}
}
.single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share li a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper .single-post-navigation {
margin-top: 70px;
padding-bottom: 15px;
}
@media screen and (max-width: 991px) {
.single-content .single-wrapper .single-post-navigation {
margin-top: 30px;
}
}
.single-content .single-wrapper .single-post-navigation .nav-links {
display: inline-block;
width: 50%;
}
.single-content .single-wrapper .single-post-navigation .nav-links.nav-previous {
text-align: left;
}
.single-content .single-wrapper .single-post-navigation .nav-links.nav-previous:hover .post-navigation-content .post-navigation-title {
color: #333333;
}
.single-content .single-wrapper .single-post-navigation .nav-links.nav-previous .post-navigation-left {
font-size: 15px;
}
.single-content .single-wrapper .single-post-navigation .nav-links.nav-previous .post-navigation-left i {
font-size: 18px;
margin-right: 10px;
}
.single-content .single-wrapper .single-post-navigation .nav-links.nav-previous .post-navigation-content .post-navigation-title {
color: #333333;
display: inline-block;
font-size: 16px;
font-family: "Muli";
font-weight: 700;
}
@media screen and (max-width: 767px) {
.single-content .single-wrapper .single-post-navigation .nav-links.nav-previous .post-navigation-content .post-navigation-title {
font-size: 14px;
}
}
.single-content .single-wrapper .single-post-navigation .nav-links.nav-next {
text-align: right;
}
.single-content .single-wrapper .single-post-navigation .nav-links.nav-next:hover .post-navigation-content .post-navigation-title {
color: #333333;
}
.single-content .single-wrapper .single-post-navigation .nav-links.nav-next .post-navigation-right {
font-size: 15px;
}
.single-content .single-wrapper .single-post-navigation .nav-links.nav-next .post-navigation-right i {
font-size: 18px;
margin-left: 10px;
}
.single-content .single-wrapper .single-post-navigation .nav-links.nav-next .post-navigation-content .post-navigation-title {
color: #333333;
display: inline-block;
font-size: 16px;
font-family: "Muli";
font-weight: 700;
}
.single-content .single-wrapper .author-info {
padding: 40px 20px;
text-align: center;
border-bottom: 1px solid #ededed;
}
.single-content .single-wrapper .author-info .author-avatar img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.single-content .single-wrapper .author-info .author-description .author-title {
letter-spacing: 2px;
margin-top: 20px;
text-transform: uppercase;
}
.single-content .single-wrapper .author-info .author-description .author-title a {
color: #333333;
}
.single-content .single-wrapper .author-info .author-description .author-title a:hover {
color: #333333;
}
.single-content .single-wrapper .author-info .author-description .author-bio {
font-family: "Muli";
font-style: italic;
font-size: 15px;
padding: 0 12%;
}
.single-content .single-wrapper .author-info .author-description .author-url {
border-bottom: 1px solid transparent;
color: #ababab;
display: inline-block;
padding-top: 20px;
line-height: 1.1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper .author-info .author-description .author-url:hover {
border-bottom: 1px solid #333333;
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-content .single-wrapper .post-related {
border-bottom: 1px solid #ededed;
margin-top: 60px;
padding-bottom: 35px;
}
@media screen and (max-width: 991px) {
.single-content .single-wrapper .post-related {
margin-top: 30px;
padding-bottom: 15px;
}
}
.single-content .single-wrapper .post-related .related-title {
font-size: 24px;
font-weight: 400;
position: relative;
padding-bottom: 25px;
}
@media screen and (max-width: 767px) {
.single-content .single-wrapper .post-related .related-title {
font-size: 24px;
}
}
.single-content .single-wrapper .post-related .related-list {
position: relative;
}
.single-content .single-wrapper .post-related .related-list:hover .owl-nav .owl-prev, .single-content .single-wrapper .post-related .related-list:hover .owl-nav .owl-next {
opacity: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.single-content .single-wrapper .post-related .related-list .related-item .post-image {
margin-bottom: 20px;
position: relative;
}
.single-content .single-wrapper .post-related .related-list .related-item .post-image .post-meta-category {
background-color: #fff;
font-size: 12px;
font-style: italic;
padding: 0 8px;
position: absolute;
left: 0;
bottom: -1px;
text-transform: uppercase;
}
.single-content .single-wrapper .post-related .related-list .related-item .post-meta {
padding: 0 10%;
text-align: center;
}
.single-content .single-wrapper .post-related .related-list .related-item .post-meta a {
text-transform: uppercase;
font-style: italic;
}
.single-content .single-wrapper .post-related .related-list .related-item .post-meta .post-title {
font-size: 18px;
font-weight: 600;
padding-top: 0;
line-height: 1.5;
}
.single-content .single-wrapper .post-related .related-list .related-item .post-meta .post-title a {
color: #333333;
font-style: normal;
text-transform: none;
}
.single-content .single-wrapper .post-related .related-list .related-item .post-meta .post-title a:hover {
color: #333333;
}
.single-content .single-wrapper .post-related .related-list .owl-nav .owl-prev, .single-content .single-wrapper .post-related .related-list .owl-nav .owl-next {
position: absolute;
display: block;
top: 50%;
z-index: 999;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: rgba(0, 0, 0, 0.2);
color: #fff;
opacity: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.single-content .single-wrapper .post-related .related-list .owl-nav .owl-prev:hover, .single-content .single-wrapper .post-related .related-list .owl-nav .owl-next:hover {
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
}
.single-content .single-wrapper .post-related .related-list .owl-nav .owl-prev {
left: 0;
}
.single-content .single-wrapper .post-related .related-list .owl-nav .owl-next {
right: 0;
}
#comments {
margin-top: 70px;
}
#comments .comments-title {
font-size: 24px;
font-weight: 400;
line-height: 1.4;
padding-bottom: 10px;
position: relative;
}
@media screen and (max-width: 767px) {
#comments .comments-title {
font-size: 18px;
}
}
#comments .post-comments-list .comment-list {
padding: 0;
list-style: none;
list-style-type: none;
}
#comments .post-comments-list .comment-list li.pingback .comment-body .author-avatar {
width: 0;
}
#comments .post-comments-list .comment-list li.pingback .comment-body .comment-text {
padding-left: 0;
}
#comments .post-comments-list .comment-list li .comment-body {
padding: 10px 0;
margin-bottom: 10px;
}
#comments .post-comments-list .comment-list li .comment-body .author-avatar {
width: 90px;
float: left;
}
#comments .post-comments-list .comment-list li .comment-body .author-avatar img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
@media screen and (max-width: 767px) {
#comments .post-comments-list .comment-list li .comment-body .author-avatar {
width: 50px;
}
}
#comments .post-comments-list .comment-list li .comment-body .comment-text {
padding-left: 90px;
}
@media screen and (max-width: 767px) {
#comments .post-comments-list .comment-list li .comment-body .comment-text {
padding-left: 65px;
}
}
#comments .post-comments-list .comment-list li .comment-body .comment-text .author .author-name {
color: #333333;
font-size: 18px;
font-weight: 700;
text-transform: capitalize;
}
#comments .post-comments-list .comment-list li .comment-body .comment-text .author .author-name a {
font-weight: 700;
}
@media screen and (max-width: 767px) {
#comments .post-comments-list .comment-list li .comment-body .comment-text .author .author-name {
font-size: 16px;
}
}
#comments .post-comments-list .comment-list li .comment-body .comment-text .comment-meta {
padding-top: 5px;
}
#comments .post-comments-list .comment-list li .comment-body .comment-text .comment-meta .comment-meta-date {
color: #757575;
font-size: 15px;
font-style: italic;
float: left;
}
#comments .post-comments-list .comment-list li .comment-body .comment-text .comment-meta .comment-meta-action a {
color: #757575;
font-style: italic;
font-weight: 700;
margin-left: 15px;
}
#comments .post-comments-list .comment-list li .comment-body .comment-text .comment-meta .comment-meta-action a:hover {
color: #333333;
}
#comments .post-comments-list .comment-list li .comment-body .comment-text .comment-meta .comment-meta-action a:first-child {
padding-left: 15px;
border-left: 1px solid #ededed;
}
#comments .post-comments-list .comment-list li .comment-body .comment-text .text {
margin-top: 5px;
line-height: 1.8;
}
#comments .post-comments-list .comment-list li .children {
border-left: 1px solid #ededed;
margin-left: 70px;
margin-bottom: 20px;
padding-left: 15px;
}
@media screen and (max-width: 991px) {
#comments .post-comments-list .comment-list li .children {
margin-left: 35px;
padding-left: 10px;
}
}
@media screen and (max-width: 767px) {
#comments .post-comments-list .comment-list li .children {
margin-left: 10px;
padding-left: 5px;
}
}
#comments .post-comments-list .comment-list .children {
list-style: none;
list-style-type: none;
}
#comments .post-comments-form {
border-top: 1px solid #ededed;
margin-top: 15px;
padding-top: 50px;
}
@media screen and (max-width: 991px) {
#comments .post-comments-form {
padding-top: 30px;
}
}
#comments #respond-wrapper h3, #comments .comment-respond h3 {
font-size: 24px;
font-weight: 400;
line-height: 1.4;
position: relative;
}
@media screen and (max-width: 767px) {
#comments #respond-wrapper h3, #comments .comment-respond h3 {
font-size: 18px;
}
}
#comments #respond-wrapper .comment-form, #comments .comment-respond .comment-form {
margin-top: 20px;
}
#comments #respond-wrapper .comment-form input, #comments #respond-wrapper .comment-form textarea, #comments .comment-respond .comment-form input, #comments .comment-respond .comment-form textarea {
border: 1px solid #ededed;
padding: 10px 15px;
height: auto;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#comments #respond-wrapper .comment-form input:focus, #comments #respond-wrapper .comment-form textarea:focus, #comments .comment-respond .comment-form input:focus, #comments .comment-respond .comment-form textarea:focus {
outline: none;
}
#comments #respond-wrapper .comment-form textarea, #comments .comment-respond .comment-form textarea {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#comments #respond-wrapper .comment-form .logged-in-as, #comments .comment-respond .comment-form .logged-in-as {
font-style: italic;
}
#comments #respond-wrapper .comment-form .comment-form-comment, #comments .comment-respond .comment-form .comment-form-comment {
margin-top: 10px;
}
#comments #respond-wrapper .comment-form .submit, #comments .comment-respond .comment-form .submit {
background: #333333;
color: #fff;
font-weight: 700;
padding: 10px 30px;
margin-top: 20px;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#comments #respond-wrapper .comment-form .submit:hover, #comments .comment-respond .comment-form .submit:hover {
background: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#comments .comment-respond {
margin-bottom: 15px;
}
#comments .comment-respond h3 {
font-size: 24px;
}
#comments .comment-respond h3 small {
margin-left: 10px;
font-style: italic;
text-transform: none;
}
.has-left-sidebar {
float: right !important;
}
.left-sidebar {
float: left !important;
}
.archive-sidebar aside, .single-sidebar aside {
margin-bottom: 30px;
}
.archive-sidebar .widget-title, .single-sidebar .widget-title {
font-size: 24px;
line-height: 1.4;
margin-top: 0px;
margin-bottom: 15px;
font-weight: 600;
}
.archive-sidebar .widget_categories ul, .archive-sidebar .widget_archive ul, .single-sidebar .widget_categories ul, .single-sidebar .widget_archive ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.archive-sidebar .widget_categories ul li, .archive-sidebar .widget_archive ul li, .single-sidebar .widget_categories ul li, .single-sidebar .widget_archive ul li {
padding: 8px 0;
position: relative;
}
.archive-sidebar .widget_categories ul li:last-child, .archive-sidebar .widget_archive ul li:last-child, .single-sidebar .widget_categories ul li:last-child, .single-sidebar .widget_archive ul li:last-child {
padding-bottom: 0;
}
.archive-sidebar .widget_categories ul li:hover, .archive-sidebar .widget_archive ul li:hover, .single-sidebar .widget_categories ul li:hover, .single-sidebar .widget_archive ul li:hover {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.archive-sidebar .widget_categories ul li:hover a, .archive-sidebar .widget_archive ul li:hover a, .single-sidebar .widget_categories ul li:hover a, .single-sidebar .widget_archive ul li:hover a {
margin-left: 10px;
color: #333333;
text-decoration: underline;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.archive-sidebar .widget_categories ul li:hover .list-count, .archive-sidebar .widget_categories ul li:hover .archive-count, .archive-sidebar .widget_archive ul li:hover .list-count, .archive-sidebar .widget_archive ul li:hover .archive-count, .single-sidebar .widget_categories ul li:hover .list-count, .single-sidebar .widget_categories ul li:hover .archive-count, .single-sidebar .widget_archive ul li:hover .list-count, .single-sidebar .widget_archive ul li:hover .archive-count {
color: #333333;
font-weight: 700;
}
.archive-sidebar .widget_categories ul li a, .archive-sidebar .widget_archive ul li a, .single-sidebar .widget_categories ul li a, .single-sidebar .widget_archive ul li a {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.archive-sidebar .widget_categories ul li .list-count, .archive-sidebar .widget_categories ul li .archive-count, .archive-sidebar .widget_archive ul li .list-count, .archive-sidebar .widget_archive ul li .archive-count, .single-sidebar .widget_categories ul li .list-count, .single-sidebar .widget_categories ul li .archive-count, .single-sidebar .widget_archive ul li .list-count, .single-sidebar .widget_archive ul li .archive-count {
float: right;
}
.archive-sidebar .widget_categories ul li ul, .archive-sidebar .widget_archive ul li ul, .single-sidebar .widget_categories ul li ul, .single-sidebar .widget_archive ul li ul {
padding-left: 20px;
}
.archive-sidebar .widget_categories select, .archive-sidebar .widget_archive select, .single-sidebar .widget_categories select, .single-sidebar .widget_archive select {
margin-top: 15px;
}
.archive-sidebar .widget_categories select:focus, .archive-sidebar .widget_archive select:focus, .single-sidebar .widget_categories select:focus, .single-sidebar .widget_archive select:focus {
outline: none;
}
.archive-sidebar .widget_calendar .calendar_wrap table, .single-sidebar .widget_calendar .calendar_wrap table {
width: 100%;
border: 1px solid #ededed;
text-align: center;
}
.archive-sidebar .widget_calendar .calendar_wrap table th, .single-sidebar .widget_calendar .calendar_wrap table th {
border-bottom: 1px solid #ededed;
text-align: center;
padding: 5px 0;
background: #333333;
color: #fff;
}
.archive-sidebar .widget_calendar .calendar_wrap table td, .single-sidebar .widget_calendar .calendar_wrap table td {
border-left: 1px solid #ededed;
border-bottom: 1px solid #ededed;
padding: 5px 0;
}
.archive-sidebar .widget_pages ul, .single-sidebar .widget_pages ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.archive-sidebar .widget_pages ul li, .single-sidebar .widget_pages ul li {
padding: 8px 0;
}
.archive-sidebar .widget_pages ul li:last-child, .single-sidebar .widget_pages ul li:last-child {
padding-bottom: 0;
}
.archive-sidebar .widget_pages ul li a, .single-sidebar .widget_pages ul li a {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.archive-sidebar .widget_pages ul li a:hover, .single-sidebar .widget_pages ul li a:hover {
margin-left: 10px;
color: #333333;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.archive-sidebar .widget_pages ul li ul.children, .single-sidebar .widget_pages ul li ul.children {
padding-left: 20px;
}
.archive-sidebar .widget_meta ul, .single-sidebar .widget_meta ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.archive-sidebar .widget_meta ul li, .single-sidebar .widget_meta ul li {
padding: 8px 0;
}
.archive-sidebar .widget_meta ul li:last-child, .single-sidebar .widget_meta ul li:last-child {
padding-bottom: 0;
}
.archive-sidebar .widget_meta ul li a, .single-sidebar .widget_meta ul li a {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.archive-sidebar .widget_meta ul li a:hover, .single-sidebar .widget_meta ul li a:hover {
margin-left: 10px;
color: #333333;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.archive-sidebar .widget_recent_comments ul, .single-sidebar .widget_recent_comments ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.archive-sidebar .widget_recent_comments ul li, .single-sidebar .widget_recent_comments ul li {
padding: 8px 0;
}
.archive-sidebar .widget_recent_comments ul li:last-child, .single-sidebar .widget_recent_comments ul li:last-child {
padding-bottom: 0;
}
.archive-sidebar .widget_recent_comments ul li span, .single-sidebar .widget_recent_comments ul li span {
color: #ababab;
font-style: italic;
}
.archive-sidebar .widget_recent_comments ul li a, .single-sidebar .widget_recent_comments ul li a {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.archive-sidebar .widget_recent_comments ul li a:hover, .single-sidebar .widget_recent_comments ul li a:hover {
margin-left: 10px;
color: #333333;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.archive-sidebar .widget_recent_comments ul li a.url, .single-sidebar .widget_recent_comments ul li a.url {
color: #ababab;
}
.archive-sidebar .widget_recent_comments ul li a.url:hover, .single-sidebar .widget_recent_comments ul li a.url:hover {
color: #333333;
}
.archive-sidebar .widget_recent_entries ul, .single-sidebar .widget_recent_entries ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.archive-sidebar .widget_recent_entries ul li, .single-sidebar .widget_recent_entries ul li {
padding: 8px 0;
}
.archive-sidebar .widget_recent_entries ul li:last-child, .single-sidebar .widget_recent_entries ul li:last-child {
padding-bottom: 0;
}
.archive-sidebar .widget_recent_entries ul li a, .single-sidebar .widget_recent_entries ul li a {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.archive-sidebar .widget_recent_entries ul li a:hover, .single-sidebar .widget_recent_entries ul li a:hover {
margin-left: 10px;
color: #333333;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.archive-sidebar .widget_rss > ul, .single-sidebar .widget_rss > ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.archive-sidebar .widget_rss > ul li, .single-sidebar .widget_rss > ul li {
padding: 8px 0;
}
.archive-sidebar .widget_rss > ul li:last-child, .single-sidebar .widget_rss > ul li:last-child {
padding-bottom: 0;
}
.archive-sidebar .widget_rss > ul li a, .single-sidebar .widget_rss > ul li a {
color: #ababab;
font-style: italic;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.archive-sidebar .widget_rss > ul li a:hover, .single-sidebar .widget_rss > ul li a:hover {
margin-left: 10px;
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.archive-sidebar .widget_nav_menu ul, .single-sidebar .widget_nav_menu ul {
padding: 0;
margin: 0 0 1.75em 1.25em;
}
.archive-sidebar .widget_nav_menu ul li, .single-sidebar .widget_nav_menu ul li {
padding: 3px 0;
}
.archive-sidebar .widget_nav_menu ul li > ul, .single-sidebar .widget_nav_menu ul li > ul {
margin-bottom: 0;
}
.archive-sidebar .widget_search .search-form, .single-sidebar .widget_search .search-form {
position: relative;
background-color: #f2f2f2;
border-radius: 0;
}
.archive-sidebar .widget_search .search-form label, .single-sidebar .widget_search .search-form label {
display: block;
}
.archive-sidebar .widget_search .search-form label input[type="search"], .single-sidebar .widget_search .search-form label input[type="search"] {
width: calc(100% - 60px);
height: 40px;
background-color: #f2f2f2;
border: none;
outline: none;
padding-left: 15px;
padding-right: 5px;
font-weight: 400;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.archive-sidebar .widget_search .search-form .search-submit, .single-sidebar .widget_search .search-form .search-submit {
width: 60px;
padding: 0;
position: absolute;
font-size: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
border: none;
background: none;
outline: none;
}
.archive-sidebar .widget_search .search-form .search-submit:hover, .single-sidebar .widget_search .search-form .search-submit:hover {
color: #333333;
}
.archive-sidebar .widget_search .search-form .search-submit:before, .single-sidebar .widget_search .search-form .search-submit:before {
content: "\f4a4";
font-family: Ionicons;
position: absolute;
font-size: 20px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.archive-sidebar .widget_tag_cloud .tagcloud a, .single-sidebar .widget_tag_cloud .tagcloud a {
display: inline-block;
margin: 0 5px;
margin-top: 6px;
font-size: 14px !important;
text-transform: capitalize;
}
.archive-sidebar .widget_tag_cloud .tagcloud a:hover, .single-sidebar .widget_tag_cloud .tagcloud a:hover {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.archive-sidebar .widget-post-thumbnail ul, .single-sidebar .widget-post-thumbnail ul {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
padding-top: 10px;
}
.archive-sidebar .widget-post-thumbnail ul.thumb_left li, .single-sidebar .widget-post-thumbnail ul.thumb_left li {
border-bottom: 1px solid #ededed;
padding-bottom: 10px;
margin-bottom: 20px;
}
.archive-sidebar .widget-post-thumbnail ul.thumb_left li:last-child, .single-sidebar .widget-post-thumbnail ul.thumb_left li:last-child {
border: none;
}
.archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-image, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-image {
width: 28%;
float: left;
}
.archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content {
width: 65%;
float: right;
}
.archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content h4, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content h4 {
margin-bottom: 8px;
margin-top: -5px;
font-size: 15px;
line-height: 1.6;
font-weight: 600;
}
.archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content h4 a, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content h4 a {
color: #333333;
}
.archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content h4 a:hover, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content h4 a:hover {
color: #333333;
}
.archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta {
font-style: italic;
}
.archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta span, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta span {
margin-right: 5px;
}
.archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta span:last-child, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta span:last-child {
margin-right: 0;
}
.archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta time, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta time {
color: #ababab;
font-style: italic;
}
.archive-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta .comment-count i, .single-sidebar .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta .comment-count i {
margin-right: 5px;
}
.archive-sidebar select, .single-sidebar select {
max-width: 100%;
}
.archive-sidebar select:focus, .single-sidebar select:focus {
outline: none;
}
@media screen and (max-width: 991px) {
.archive-sidebar, .single-sidebar {
margin-top: 30px;
}
}
@media screen and (max-width: 767px) {
.archive-sidebar, .single-sidebar {
margin-top: 30px;
}
}
.search-form {
position: relative;
background-color: #faf8f4;
border-radius: 30px;
}
.search-form label {
display: block;
}
.search-form label input[type="search"] {
width: calc(100% - 60px);
height: 40px;
background-color: #faf8f4;
border: none;
outline: none;
padding-left: 20px;
padding-right: 5px;
font-weight: 400;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 30px;
-webkit-border-top-left-radius: 30px;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 30px;
-moz-border-radius-topleft: 30px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 30px;
border-top-left-radius: 30px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.search-form .search-submit {
width: 60px;
padding: 0;
position: absolute;
font-size: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
border: none;
background: none;
outline: none;
}
.search-form .search-submit:hover {
color: #333333;
}
.search-form .search-submit:before {
content: "\f4a4";
font-family: Ionicons;
position: absolute;
font-size: 20px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
p.search-not-found {
padding-bottom: 10px;
}  ul.products {
list-style: none;
padding: 0;
}
ul.products li {
padding: 0 15px;
margin: 25px 0;
overflow: hidden;
}
li.product:hover .product-inner .star-rating, li.type-product:hover .product-inner .star-rating {
opacity: 1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
li.product:hover .product-inner .product-varations, li.type-product:hover .product-inner .product-varations {
opacity: 1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
li.product:hover .product-inner .product-actions, li.type-product:hover .product-inner .product-actions {
opacity: 1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
li.product:hover .product-design, li.type-product:hover .product-design {
opacity: 1;
transition: all .5s;
}
li.product .product-inner, li.type-product .product-inner {
position: relative;
text-align: center;
}
li.product .product-inner .product-thumbnail, li.type-product .product-inner .product-thumbnail {
position: relative;
overflow: hidden;
border: 1px solid rgba(237, 237, 237, 0.4);
}
li.product .product-inner .product-thumbnail .product-thumb-secondary, li.type-product .product-inner .product-thumbnail .product-thumb-secondary {
display: none;
}
li.product .product-inner .product-thumbnail img, li.type-product .product-inner .product-thumbnail img {
margin-bottom: 0 !important;
width: 100%;
}
li.product .product-inner .product-label, li.type-product .product-inner .product-label {
position: absolute;
right: 10px !important;
top: 10px !important;
z-index: 1;
}
li.product .product-inner .product-flash, li.product .product-inner .onsale, li.type-product .product-inner .product-flash, li.type-product .product-inner .onsale {
width: 50px;
background-color: #333333 !important;
color: #fff;
display: block;
position: relative;
z-index: 1;
left: 0 !important;
font-size: 14px !important;
min-height: auto;
min-width: auto;
margin: 0 0 5px 0 !important;
padding: 5px 0;
line-height: 14px;
font-weight: 700;
top: 0;
text-align: center;
text-transform: lowercase;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
@media screen and (max-width: 991px) {
li.product .product-inner .product-flash, li.product .product-inner .onsale, li.type-product .product-inner .product-flash, li.type-product .product-inner .onsale {
font-size: 12px !important;
}
}
@media screen and (max-width: 767px) {
li.product .product-inner .product-flash, li.product .product-inner .onsale, li.type-product .product-inner .product-flash, li.type-product .product-inner .onsale {
font-size: 10px !important;
width: 40px;
}
}
li.product .product-inner .product-flash.on-hot, li.type-product .product-inner .product-flash.on-hot {
background-color: #f2807f !important;
color: #fff;
}
li.product .product-inner .product-flash.on-new, li.type-product .product-inner .product-flash.on-new {
background-color: #77d6a6 !important;
color: #fff;
}
li.product .product-inner .onsale, li.type-product .product-inner .onsale {
background-color: #5576e2 !important;
}
li.product .product-inner .product-info, li.type-product .product-inner .product-info {
padding-top: 15px;
position: relative;
}
li.product .product-inner .product-info .woocommerce-loop-product__link, li.type-product .product-inner .product-info .woocommerce-loop-product__link {
display: inline-block;
float: left;
width: calc(100% - 66px);
}
li.product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title, li.type-product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title {
color: #696969;
font-size: 15px;
font-weight: normal;
line-height: 1.6;
padding: 0;
margin: 0;
text-align: left;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 991px) {
li.product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title, li.type-product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title {
font-size: 14px;
}
}
li.product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title:hover, li.type-product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 767px) {
li.product .product-inner .product-info .woocommerce-loop-product__link, li.type-product .product-inner .product-info .woocommerce-loop-product__link {
width: 100%;
}
}
li.product .product-inner .star-rating, li.type-product .product-inner .star-rating {
z-index: 2;
font-family: Ionicons;
font-size: 14px !important;
width: 65px;
height: 1em;
line-height: 1;
overflow: hidden;
margin-bottom: 12px;
position: absolute;
top: 10px;
left: 10px;
opacity: 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
li.product .product-inner .star-rating:before, li.type-product .product-inner .star-rating:before {
position: absolute;
top: 0;
left: 0;
content: "\f3ae \f3ae \f3ae \f3ae \f3ae";
color: #f7bb2a;
font-family: Ionicons;
letter-spacing: 2px;
}
li.product .product-inner .star-rating span, li.type-product .product-inner .star-rating span {
position: relative;
overflow: hidden;
float: left;
top: 0;
left: 0;
padding-top: 1.5em;
}
li.product .product-inner .star-rating span:before, li.type-product .product-inner .star-rating span:before {
position: absolute;
content: "\f2fc \f2fc \f2fc \f2fc \f2fc";
top: 0;
left: 0;
color: #f7bb2a;
font-family: Ionicons;
letter-spacing: 2px;
}
li.product .product-inner .price, li.type-product .product-inner .price {
font-size: 0 !important;
color: #333333 !important;
text-align: right;
display: inline-block !important;
line-height: 1.6;
margin-bottom: 0 !important;
width: 66px;
}
li.product .product-inner .price .woocommerce-Price-amount, li.type-product .product-inner .price .woocommerce-Price-amount {
font-size: 15px;
font-weight: 700;
color: #333333;
}
@media screen and (max-width: 991px) {
li.product .product-inner .price .woocommerce-Price-amount, li.type-product .product-inner .price .woocommerce-Price-amount {
font-size: 14px;
}
}
li.product .product-inner .price del, li.type-product .product-inner .price del {
display: block !important;
opacity: 0.6 !important;
color: #333333;
}
li.product .product-inner .price del span.woocommerce-Price-amount, li.type-product .product-inner .price del span.woocommerce-Price-amount {
font-weight: normal;
font-size: 13px;
}
@media screen and (max-width: 767px) {
li.product .product-inner .price del, li.type-product .product-inner .price del {
display: inline-block !important;
}
}
li.product .product-inner .price ins, li.type-product .product-inner .price ins {
display: block !important;
text-decoration: none;
}
@media screen and (max-width: 767px) {
li.product .product-inner .price ins, li.type-product .product-inner .price ins {
display: inline-block !important;
margin-right: 8px;
}
}
@media screen and (max-width: 767px) {
li.product .product-inner .price, li.type-product .product-inner .price {
width: 100%;
margin-top: 8px;
text-align: left;
font-size: 14px !important;
}
}
li.product .product-varations, li.type-product .product-varations {
text-align: left;
width: 100%;
padding-left: 20px;
position: absolute;
bottom: 50px;
opacity: 0;
z-index: 3;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
li.product .product-varations .haru-variations-list .variation-color, li.type-product .product-varations .haru-variations-list .variation-color {
border: 1px solid #ededed;
width: 16px;
height: 16px;
border-radius: 50%;
position: relative;
margin: 0 3px;
display: inline-block;
cursor: pointer;
}
li.product .product-varations .haru-variations-list .variation-color.selected, li.type-product .product-varations .haru-variations-list .variation-color.selected {
border-color: #9e9e9e;
}
li.product .product-varations .haru-variations-list .variation-color:hover .button-tooltip, li.type-product .product-varations .haru-variations-list .variation-color:hover .button-tooltip {
opacity: 1;
visibility: visible;
-webkit-transform: translate(-50%, -10px);
-ms-transform: translate(-50%, -10px);
-o-transform: translate(-50%, -10px);
transform: translate(-50%, -10px);
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
li.product .product-varations .haru-variations-list .variation-color .color-variation, li.type-product .product-varations .haru-variations-list .variation-color .color-variation {
width: 10px;
height: 10px;
border-radius: 50%;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
li.product .product-varations .haru-variations-list .variation-color .button-tooltip, li.type-product .product-varations .haru-variations-list .variation-color .button-tooltip {
padding: 1px 3px;
position: absolute;
text-transform: none;
display: inline-block;
min-width: 50px;
opacity: 0;
text-align: center;
visibility: hidden;
bottom: 100%;
left: 50%;
background: #555 !important;
color: #fff !important;
font-size: 12px !important;
line-height: 20px !important;
font-weight: normal;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
li.product .product-varations .haru-variations-list .variation-color .button-tooltip:after, li.type-product .product-varations .haru-variations-list .variation-color .button-tooltip:after {
width: 0;
height: 0;
position: absolute;
bottom: -6px;
left: 50%;
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #555;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
li.product .product-varations .haru-variations-list .variation-label, li.type-product .product-varations .haru-variations-list .variation-label {
border: 1px solid #ededed;
cursor: pointer;
margin: 0 3px;
padding: 0 5px;
position: relative;
}
li.product .product-varations .haru-variations-list .variation-label.selected, li.type-product .product-varations .haru-variations-list .variation-label.selected {
border-color: #9e9e9e;
}
li.product .product-varations .haru-variations-list .variation-label:hover .button-tooltip, li.type-product .product-varations .haru-variations-list .variation-label:hover .button-tooltip {
opacity: 1;
visibility: visible;
-webkit-transform: translate(-50%, -10px);
-ms-transform: translate(-50%, -10px);
-o-transform: translate(-50%, -10px);
transform: translate(-50%, -10px);
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
li.product .product-varations .haru-variations-list .variation-label .button-tooltip, li.type-product .product-varations .haru-variations-list .variation-label .button-tooltip {
padding: 1px 3px;
position: absolute;
text-transform: none;
display: inline-block;
min-width: 50px;
opacity: 0;
text-align: center;
visibility: hidden;
bottom: 100%;
left: 50%;
background: #555 !important;
color: #fff !important;
font-size: 12px !important;
line-height: 20px !important;
font-weight: normal;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
li.product .product-varations .haru-variations-list .variation-label .button-tooltip:after, li.type-product .product-varations .haru-variations-list .variation-label .button-tooltip:after {
width: 0;
height: 0;
position: absolute;
bottom: -6px;
left: 50%;
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #555;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
li.product .product-actions, li.type-product .product-actions {
background-color: #fff;
text-align: center;
width: 100%;
position: absolute;
bottom: 0;
opacity: 0;
z-index: 3;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
li.product .product-actions a:hover, li.type-product .product-actions a:hover {
background-color: transparent !important;
}
li.product .product-actions a:hover .button-tooltip, li.type-product .product-actions a:hover .button-tooltip {
opacity: 1;
visibility: visible;
-webkit-transform: translate(-50%, -6px);
-ms-transform: translate(-50%, -6px);
-o-transform: translate(-50%, -6px);
transform: translate(-50%, -6px);
-webkit-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
}
li.product .product-actions a .button-tooltip, li.type-product .product-actions a .button-tooltip {
padding: 2px 5px;
position: absolute;
text-transform: none;
display: inline-block;
min-width: 80px;
opacity: 0;
text-align: center;
visibility: hidden;
bottom: 100%;
left: 50%;
background: #555 !important;
color: #fff !important;
font-size: 12px !important;
line-height: 20px !important;
font-weight: normal;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
li.product .product-actions a .button-tooltip:after, li.type-product .product-actions a .button-tooltip:after {
width: 0;
height: 0;
position: absolute;
bottom: -6px;
left: 50%;
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #555;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
li.product .product-actions > div:after, li.type-product .product-actions > div:after {
background-color: #ededed;
content: "";
width: 1px;
height: 20px;
right: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
li.product .product-actions > div:last-child:after, li.type-product .product-actions > div:last-child:after {
display: none;
}
li.product .product-actions .yith-wcwl-add-to-wishlist, li.type-product .product-actions .yith-wcwl-add-to-wishlist {
position: relative;
display: inline-block;
margin-top: 0;
}
li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a {
display: inline-block;
font-size: 16px;
width: 55px;
height: 50px;
line-height: 50px;
background-color: #fff;
color: #333333;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a i, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a i, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a i, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a i, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a i, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a i {
margin: 0;
}
@media screen and (max-width: 1199px) {
li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a {
font-size: 14px;
height: 42px;
line-height: 42px;
width: 45px;
}
}
li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .ajax-loading, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .ajax-loading, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .ajax-loading, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .ajax-loading, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .ajax-loading, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .ajax-loading {
display: none !important;
}
li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .feedback, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .feedback, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .feedback, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .feedback {
display: none;
}
li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a {
font-size: 16px;
color: #444444;
}
@media screen and (max-width: 1199px) {
li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a {
font-size: 14px;
line-height: 42px;
width: 45px;
}
}
li.product .product-actions .add_to_compare, li.type-product .product-actions .add_to_compare {
position: relative;
display: inline-block;
font-size: 16px;
}
@media screen and (max-width: 1199px) {
li.product .product-actions .add_to_compare, li.type-product .product-actions .add_to_compare {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
li.product .product-actions .add_to_compare, li.type-product .product-actions .add_to_compare {
display: none;
}
}
li.product .product-actions .add_to_compare a, li.type-product .product-actions .add_to_compare a {
display: inline-block;
width: 55px;
height: 50px;
line-height: 50px;
background-color: #fff;
color: #333333;
}
@media screen and (max-width: 1199px) {
li.product .product-actions .add_to_compare a, li.type-product .product-actions .add_to_compare a {
height: 42px;
line-height: 42px;
width: 45px;
}
}
li.product .product-actions .add_to_compare a.added, li.type-product .product-actions .add_to_compare a.added {
color: #444444;
}
li.product .product-actions .add-to-cart-wrapper, li.type-product .product-actions .add-to-cart-wrapper {
position: relative;
display: inline-block;
}
li.product .product-actions .add-to-cart-wrapper a,
li.product .product-actions .add-to-cart-wrapper .add_to_cart_button,
li.product .product-actions .add-to-cart-wrapper .added_to_cart, li.type-product .product-actions .add-to-cart-wrapper a,
li.type-product .product-actions .add-to-cart-wrapper .add_to_cart_button,
li.type-product .product-actions .add-to-cart-wrapper .added_to_cart {
display: inline-block !important;
font-size: 16px;
width: 55px;
height: 50px;
line-height: 50px !important;
background-color: #fff;
color: #333333 !important;
margin-top: 0 !important;
padding: 0 !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
@media screen and (max-width: 1199px) {
li.product .product-actions .add-to-cart-wrapper a,
li.product .product-actions .add-to-cart-wrapper .add_to_cart_button,
li.product .product-actions .add-to-cart-wrapper .added_to_cart, li.type-product .product-actions .add-to-cart-wrapper a,
li.type-product .product-actions .add-to-cart-wrapper .add_to_cart_button,
li.type-product .product-actions .add-to-cart-wrapper .added_to_cart {
font-size: 14px;
height: 42px;
line-height: 42px !important;
width: 45px;
}
}
li.product .product-actions .add-to-cart-wrapper a.added,
li.product .product-actions .add-to-cart-wrapper .add_to_cart_button.added,
li.product .product-actions .add-to-cart-wrapper .added_to_cart.added, li.type-product .product-actions .add-to-cart-wrapper a.added,
li.type-product .product-actions .add-to-cart-wrapper .add_to_cart_button.added,
li.type-product .product-actions .add-to-cart-wrapper .added_to_cart.added {
display: none !important;
}
li.product .product-actions .add-to-cart-wrapper a.loading,
li.product .product-actions .add-to-cart-wrapper .add_to_cart_button.loading,
li.product .product-actions .add-to-cart-wrapper .added_to_cart.loading, li.type-product .product-actions .add-to-cart-wrapper a.loading,
li.type-product .product-actions .add-to-cart-wrapper .add_to_cart_button.loading,
li.type-product .product-actions .add-to-cart-wrapper .added_to_cart.loading {
opacity: 1 !important;
}
li.product .product-actions .add-to-cart-wrapper a.loading:after,
li.product .product-actions .add-to-cart-wrapper .add_to_cart_button.loading:after,
li.product .product-actions .add-to-cart-wrapper .added_to_cart.loading:after, li.type-product .product-actions .add-to-cart-wrapper a.loading:after,
li.type-product .product-actions .add-to-cart-wrapper .add_to_cart_button.loading:after,
li.type-product .product-actions .add-to-cart-wrapper .added_to_cart.loading:after {
display: none !important;
}
li.product .product-actions .add-to-cart-wrapper a:hover,
li.product .product-actions .add-to-cart-wrapper .add_to_cart_button:hover,
li.product .product-actions .add-to-cart-wrapper .added_to_cart:hover, li.type-product .product-actions .add-to-cart-wrapper a:hover,
li.type-product .product-actions .add-to-cart-wrapper .add_to_cart_button:hover,
li.type-product .product-actions .add-to-cart-wrapper .added_to_cart:hover {
color: #333333 !important;
}
li.product .product-actions .add-to-cart-wrapper .added_to_cart, li.type-product .product-actions .add-to-cart-wrapper .added_to_cart {
font-size: 0;
}
li.product .product-actions .add-to-cart-wrapper .added_to_cart i, li.type-product .product-actions .add-to-cart-wrapper .added_to_cart i {
color: #444444;
font-size: 16px;
line-height: 35px;
}
li.product .product-actions .quickview, li.type-product .product-actions .quickview {
position: relative;
display: inline-block;
}
li.product .product-actions .quickview a, li.type-product .product-actions .quickview a {
display: inline-block;
font-size: 16px;
width: 55px;
height: 50px;
line-height: 50px;
background: transparent;
color: #333333;
}
@media screen and (max-width: 1199px) {
li.product .product-actions .quickview a, li.type-product .product-actions .quickview a {
font-size: 14px;
height: 42px;
line-height: 42px;
width: 45px;
}
}
li.product .product-design, li.type-product .product-design {
position: absolute;
left: 50%;
bottom: 60px;
transform: translateX(-50%);
opacity: 0;
z-index: 2;
}
li.product .product-design .button, li.type-product .product-design .button {
margin-top: 0 !important;
font-weight: 600;
border-radius: 0;
padding: 10px 15px;
text-transform: none;
transition: all .5s;
}
li.product .product-design .button:before, li.type-product .product-design .button:before {
content: "\e61c";
font-family: 'themify';
font-size: 12px;
margin-right: 8px;
position: relative;
bottom: -1px;
}
li.product .product-design .button:hover, li.type-product .product-design .button:hover {
transition: all .5s;
}
.haru-archive-product .gridlist-toggle {
float: left;
margin-right: 60px;
}
.haru-archive-product .gridlist-toggle span {
border: 1px solid #ededed;
color: rgba(51, 51, 51, 0.5);
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
display: inline-block;
}
.haru-archive-product .gridlist-toggle span.active {
background: #333333;
border: 1px solid #333333;
color: #fff;
}
.haru-archive-product .gridlist-toggle span:hover {
cursor: pointer;
}
.haru-archive-product .gridlist-toggle span i {
font-size: 16px;
}
.haru-archive-product .catalog-filter .woocommerce-result-count {
margin: 0;
line-height: 40px;
}
.haru-archive-product .catalog-filter .woocommerce-ordering {
margin-bottom: 30px;
}
.haru-archive-product .catalog-filter .woocommerce-ordering select {
height: 40px;
border: 1px solid #ededed;
color: #696969;
padding: 0 10px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.haru-archive-product .catalog-filter .woocommerce-ordering select:focus {
outline: none;
}
.haru-archive-product .term-description {
display: none;
padding-bottom: 10px;
}
.haru-archive-product .archive-product-wrapper {
overflow: hidden;
position: relative;
}
.haru-archive-product .archive-product-wrapper ul.products {
margin-left: -15px;
margin-right: -15px;
}
.haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-2 li.product {
width: 50%;
}
@media screen and (max-width: 991px) {
.haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-2 li.product {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-2 li.product {
width: 50%;
}
}
.haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-3 li.product {
width: 33.333333%;
}
@media screen and (max-width: 991px) {
.haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-3 li.product {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-3 li.product {
width: 50%;
}
}
.haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-4 li.product {
width: 25%;
}
@media screen and (max-width: 991px) {
.haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-4 li.product {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-4 li.product {
width: 50%;
}
}
.haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-5 li.product {
width: 20%;
}
@media screen and (max-width: 991px) {
.haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-5 li.product {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.haru-archive-product .archive-product-wrapper ul.products.grid.archive-product-columns-5 li.product {
width: 50%;
}
}
.haru-archive-product .archive-product-wrapper ul.products.grid li.product {
padding: 0 15px;
margin: 0 0 30px 0;
}
.haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-short-description {
display: none;
}
.haru-archive-product .archive-product-wrapper ul.products.list {
margin-left: 0px;
margin-right: 0px;
}
.haru-archive-product .archive-product-wrapper ul.products.list li.product {
width: 100%;
padding: 0px;
border: 1px solid #ededed;
margin-bottom: 30px;
}
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner {
text-align: left;
}
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumbnail {
margin-right: 30px;
width: 33.333333%;
float: left;
overflow: visible;
}
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumbnail .product-varations {
bottom: 20px;
}
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumbnail .product-actions {
left: calc(100% + 0px);
opacity: 1;
bottom: 10px;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
@media screen and (max-width: 767px) {
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumbnail .product-actions {
left: 0;
bottom: 0;
}
}
@media screen and (max-width: 767px) {
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumbnail {
width: 50%;
margin-right: 15px;
}
}
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-short-description {
text-align: left;
}
@media screen and (max-width: 767px) {
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-short-description {
margin-left: 15px;
margin-right: 15px;
}
}
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info {
padding-right: 15px;
}
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .woocommerce-loop-product__link {
display: block;
float: none;
width: 100%;
padding-bottom: 15px;
}
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title {
font-size: 24px;
}
@media screen and (max-width: 991px) {
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title {
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title {
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .woocommerce-loop-product__link {
padding-bottom: 0;
}
}
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .price {
display: block !important;
width: 100%;
font-size: 14px !important;
text-align: left;
padding-bottom: 15px;
}
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .price .woocommerce-Price-amount {
font-size: 18px;
font-weight: 700;
color: #333333;
}
@media screen and (max-width: 991px) {
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .price .woocommerce-Price-amount {
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
.haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info {
padding-left: 15px;
}
}
.haru-archive-product .woocommerce-pagination {
padding-bottom: 80px;
text-align: center;
}
.haru-archive-product .woocommerce-pagination .page-numbers {
border: none;
}
.haru-archive-product .woocommerce-pagination .page-numbers li {
border: none;
margin-right: 15px;
}
.haru-archive-product .woocommerce-pagination .page-numbers li span, .haru-archive-product .woocommerce-pagination .page-numbers li a {
border: 1px solid #ededed;
color: #333333;
display: inline-block;
font-size: 14px;
width: 32px;
height: 32px;
line-height: 16px;
text-align: center;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-archive-product .woocommerce-pagination .page-numbers li span.current {
background: #333333;
border: 1px solid #333333;
color: #fff;
}
.haru-archive-product .woocommerce-pagination .page-numbers li a:hover, .haru-archive-product .woocommerce-pagination .page-numbers li a:focus {
background: #333333;
border: 1px solid #333333;
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 991px) {
.haru-archive-product .woocommerce-pagination {
padding-bottom: 60px;
}
}
@media screen and (max-width: 767px) {
.haru-archive-product .woocommerce-pagination {
padding-bottom: 50px;
}
}
.archive-product-header {
padding: 20px 0;
}
.archive-product-header .haru-shop-filter-menu {
list-style: none;
list-style-type: none;
padding: 0;
float: right;
width: 20%;
text-align: right;
white-space: nowrap;
overflow: hidden;
}
.archive-product-header .haru-shop-filter-menu li {
display: inline-block;
margin-right: 10px;
}
.archive-product-header .haru-shop-filter-menu li.current-cat a {
color: #333333;
}
.archive-product-header .haru-shop-filter-menu li.active a {
color: #333333;
}
.archive-product-header .haru-shop-filter-menu li.haru-shop-categories-btn-wrap {
display: none;
}
@media screen and (max-width: 991px) {
.archive-product-header .haru-shop-filter-menu li.haru-shop-categories-btn-wrap {
display: inline-block;
margin-right: 30px;
}
}
.archive-product-header .haru-shop-filter-menu li span {
margin-right: 10px;
}
.archive-product-header .haru-shop-filter-menu li a {
font-size: 16px;
line-height: 2;
}
@media screen and (max-width: 991px) {
.archive-product-header .haru-shop-filter-menu {
width: 100%;
text-align: left;
}
}
.archive-product-header .haru-shop-categories {
list-style: none;
list-style-type: none;
padding: 0;
float: left;
width: 80%;
overflow: hidden;
}
.archive-product-header .haru-shop-categories.fade-in {
opacity: 1;
}
.archive-product-header .haru-shop-categories li {
display: inline-block;
margin-right: 10px;
}
.archive-product-header .haru-shop-categories li.current-cat a {
color: #333333;
}
.archive-product-header .haru-shop-categories li.active a {
color: #333333;
}
.archive-product-header .haru-shop-categories li span {
margin-right: 10px;
}
@media screen and (max-width: 991px) {
.archive-product-header .haru-shop-categories li span {
display: none;
}
}
.archive-product-header .haru-shop-categories li a {
font-size: 16px;
line-height: 2;
}
@media screen and (max-width: 991px) {
.archive-product-header .haru-shop-categories li a {
font-size: 14px;
}
}
@media screen and (max-width: 991px) {
.archive-product-header .haru-shop-categories li {
width: 100%;
margin: 0 0 5px 0;
padding-bottom: 5px;
border-bottom: 1px solid #ededed;
}
}
@media screen and (max-width: 991px) {
.archive-product-header .haru-shop-categories {
display: none;
opacity: 0;
width: 100%;
-webkit-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
}
.archive-product-header #haru-shop-sidebar {
display: none;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.archive-product-header #haru-shop-sidebar.fade-in {
opacity: 1;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside {
width: 25%;
float: left;
}
@media screen and (max-width: 991px) {
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside {
border-bottom: 1px solid #ededed;
float: none;
width: 100%;
}
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside .widget-title {
font-size: 18px;
padding-bottom: 10px;
position: relative;
}
@media screen and (max-width: 991px) {
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside .widget-title {
margin-bottom: 0;
font-size: 14px;
}
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside .widget-title:after {
position: absolute;
content: "\f489";
font-family: Ionicons;
right: 5px;
font-size: 18px;
display: none;
top: -1px;
}
@media screen and (max-width: 991px) {
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside .widget-title:after {
display: block;
}
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside .widget-title.active:after {
position: absolute;
content: "\f462";
font-family: Ionicons;
right: 5px;
font-size: 18px;
display: none;
top: -1px;
}
@media screen and (max-width: 991px) {
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside .widget-title.active:after {
display: block;
}
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside ul, .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside div {
margin-bottom: 0;
}
@media screen and (max-width: 991px) {
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside ul.show, .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside div.show {
height: auto;
padding-bottom: 5px;
}
}
@media screen and (max-width: 991px) {
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside ul, .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside div {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.3s ease;
-o-transition: height 0.3s ease;
transition: height 0.3s ease;
}
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru-product-sorting {
list-style: none;
list-style-type: none;
padding-left: 0;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru-product-sorting li {
margin-bottom: 5px;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru-product-sorting li.active {
color: #333333;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru-price-filter {
list-style: none;
padding-left: 0;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru-price-filter li {
margin-bottom: 5px;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru-price-filter li.current {
color: #333333;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter ul {
list-style: none;
padding: 0;
margin: 0;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li {
margin-bottom: 5px;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li.chosen a {
position: relative;
display: inline-block;
color: #333333;
padding: 0 10px 0 30px;
border: 1px solid #333333;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li.chosen a:before {
display: block;
position: absolute;
top: 1px;
left: 10px;
font-family: 'Ionicons';
content: "\f2d7";
color: #333333;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li.chosen a:hover {
color: #696969;
border: 1px solid #696969;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li.chosen a:hover:before {
color: #696969;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li a i {
border: 1px solid rgba(0, 0, 0, 0.1);
display: inline-block;
width: 10px;
height: 10px;
margin-right: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li span {
display: none;
}
.archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .widget_product_tag_cloud .tagcloud a {
display: inline-block;
font-size: 14px !important;
margin: 0 5px;
margin-top: 6px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.archive-product-header .haru-shop-search {
display: none;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.archive-product-header .haru-shop-search.fade-in {
opacity: 1;
}
.archive-product-header .haru-shop-search .haru-shop-search-input-wrap {
overflow: hidden;
position: relative;
}
.archive-product-header .haru-shop-search .haru-shop-search-input-wrap #haru-shop-search-close {
position: absolute;
top: 50%;
right: 5px;
z-index: 10;
font-size: 22px;
line-height: 1;
color: #aaa;
width: 25px;
height: 25px;
margin-top: -11px;
}
.archive-product-header .haru-shop-search .haru-shop-search-input-wrap .search-form {
border-radius: 0;
max-width: 100%;
}
.archive-product-header .haru-shop-search .haru-shop-search-input-wrap .search-form input {
background: transparent;
border: none;
display: block;
padding: 5px 30px 5px 20px;
width: 100%;
}
.archive-product-header .haru-shop-search .haru-shop-search-input-wrap .search-form input:focus {
outline: none;
}
.archive-product-header .haru-shop-search #haru-shop-search-notice {
font-size: 14px;
color: #aaa;
height: 0;
opacity: 0;
cursor: default;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.archive-product-header .haru-shop-search #haru-shop-search-notice.show {
height: 30px;
opacity: 1;
}
.haru-loadmore-wrapper {
padding-bottom: 80px;
padding-top: 2%;
}
.haru-loadmore-wrapper .haru-loadmore-link {
display: none;
}
.haru-loadmore-wrapper .haru-loadmore-controls {
text-align: center;
}
.haru-loadmore-wrapper .haru-loadmore-controls.haru-loader .haru-loadmore-btn i {
display: inline-block;
}
.haru-loadmore-wrapper .haru-loadmore-controls.hide-btn .haru-loadmore-btn {
display: none;
}
.haru-loadmore-wrapper .haru-loadmore-controls .haru-loadmore-btn {
background: #333333;
border: 1px solid #333333;
color: #fff;
display: block;
font-weight: 700;
margin: 0 auto;
padding: 8px 20px;
text-transform: uppercase;
width: 160px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.haru-loadmore-wrapper .haru-loadmore-controls .haru-loadmore-btn:hover {
background: transparent;
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-loadmore-wrapper .haru-loadmore-controls .haru-loadmore-btn i {
margin-right: 10px;
display: none;
}
.haru-loadmore-wrapper .haru-loadmore-controls .haru-loadmore-all {
display: none;
}
.haru-loadmore-wrapper .haru-loadmore-controls .haru-loadmore-all.show {
display: block;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 767px) {
.haru-loadmore-wrapper {
padding-bottom: 50px;
}
}
#haru-shop-products-overlay {
position: absolute;
top: -1px;
left: 0;
z-index: 1000;
width: 1px;
height: 1px;
opacity: 0;
overflow: hidden;
background: #fff;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
#haru-shop-products-overlay.show {
visibility: visible;
top: 0;
width: 100%;
height: 100%;
opacity: 1;
}
#haru-shop-products-overlay.fade-out {
opacity: 0;
}
#haru-shop-products-overlay i {
top: 160px;
left: 50%;
position: absolute;
opacity: 1;
color: #333333;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
} .haru-shop-results-bar {
margin-bottom: 20px;
overflow: hidden;
}
.haru-shop-results-bar a {
position: relative;
display: inline-block;
line-height: 1.4;
overflow: hidden;
margin-right: 8px;
padding: 5px 15px 5px 35px;
border: 1px solid #696969;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.haru-shop-results-bar a:last-child {
margin-right: 0;
}
.haru-shop-results-bar a:hover {
text-decoration: line-through;
}
.haru-shop-results-bar a span {
color: #333333;
}
.haru-shop-results-bar a i {
position: absolute;
top: 6px;
left: 12px;
font-size: 16px;
line-height: 1;
}
.haru-single-product {
padding-bottom: 80px;
}
.haru-single-product .related {
padding-top: 60px;
border-top: 1px solid #ededed;
}
.haru-single-product .related:hover .owl-nav {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-single-product .related > h2 {
font-size: 24px;
font-weight: normal;
position: relative;
}
@media screen and (max-width: 991px) {
.haru-single-product .related > h2 {
font-size: 22px;
}
}
@media screen and (max-width: 767px) {
.haru-single-product .related > h2 {
font-size: 18px;
}
}
.haru-single-product .related .related-products {
margin: 50px 0 0 0;
}
.haru-single-product .related .related-products .owl-item .product {
width: 100%;
}
.haru-single-product .related .owl-nav {
opacity: 0;
z-index: 9;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-single-product .related .owl-nav .owl-prev, .haru-single-product .related .owl-nav .owl-next {
position: absolute;
display: block;
z-index: 9;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
background: #fff;
color: #333333;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.haru-single-product .related .owl-nav .owl-prev:hover, .haru-single-product .related .owl-nav .owl-next:hover {
background: #333333;
cursor: pointer;
color: #fff;
}
.haru-single-product .related .owl-nav .owl-prev {
left: 0;
}
.haru-single-product .related .owl-nav .owl-next {
right: 0;
margin-left: 5px;
}
.single-product-top {
display: inline-block;
width: 100%;
}
.single-product-top .single-product-image-wrap {
position: relative;
width: 49%;
float: left;
}
@media screen and (max-width: 991px) {
.single-product-top .single-product-image-wrap {
float: none;
padding-bottom: 50px;
width: 100%;
}
}
@media screen and (max-width: 767px) {
.single-product-top .single-product-image-wrap {
padding-bottom: 30px;
}
}
.single-product-top .single-product-image-wrap .slick-slide img {
width: 100%;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-images1 {
padding-right: 90px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-images1:hover .slick-arrow.slick-prev {
left: 35px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-images1:hover .slick-arrow.slick-next {
right: 125px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-images1 .slick-arrow.slick-prev {
left: 10px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-images1 .slick-arrow.slick-next {
right: 100px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-thumbnails1 {
position: absolute;
right: 0;
top: 0;
max-width: 90px;
margin-top: -5px;
margin-bottom: -5px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-thumbnails1 .thumbnail-image {
padding: 5px 0 5px 5px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-right .product-video {
right: 110px;
bottom: 20px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-images1 {
padding-left: 90px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-images1:hover .slick-arrow.slick-prev {
left: 125px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-images1:hover .slick-arrow.slick-next {
right: 35px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-images1 .slick-arrow.slick-prev {
left: 100px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-images1 .slick-arrow.slick-next {
right: 10px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-thumbnails1 {
position: absolute;
left: 0;
top: 0;
max-width: 90px;
margin-top: -5px;
margin-bottom: -5px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-thumbnails1 .thumbnail-image {
padding: 5px 5px 5px 0;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-left .product-video {
right: 20px;
bottom: 20px;
}
.single-product-top .single-product-image-wrap.vertical.thumbnail-left .product-label {
left: 90px;
}
.single-product-top .single-product-image-wrap.vertical #product-thumbnails1:hover .slick-arrow.slick-prev {
top: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.single-product-top .single-product-image-wrap.vertical #product-thumbnails1:hover .slick-arrow.slick-next {
bottom: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.single-product-top .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-prev {
top: 0;
bottom: auto;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.single-product-top .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-prev:before {
content: "\f3d8";
font-family: Ionicons;
}
.single-product-top .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-next {
bottom: 0;
top: auto;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.single-product-top .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-next:before {
content: "\f3d0";
font-family: Ionicons;
}
.single-product-top .single-product-image-wrap.horizontal .product-video {
bottom: 150px;
right: 20px;
}
.single-product-top .single-product-image-wrap.vertical_gallery #product-images {
padding-left: 100px;
}
.single-product-top .single-product-image-wrap.vertical_gallery #product-images .woocommerce-image-zoom {
margin-bottom: 20px;
position: relative;
}
.single-product-top .single-product-image-wrap.vertical_gallery #product-images .woocommerce-image-zoom .woocommerce-main-image {
width: 36px;
height: 36px;
font-size: 16px;
line-height: 36px;
text-align: center;
background-color: #fff;
position: absolute;
right: 20px;
top: 20px;
z-index: 9;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
}
.single-product-top .single-product-image-wrap.vertical_gallery .product-label {
left: 100px;
}
.single-product-top .single-product-image-wrap.vertical_gallery #product-thumbnails {
position: absolute;
top: 0;
max-width: 90px;
}
.single-product-top .single-product-image-wrap.vertical_gallery #product-thumbnails.is_stuck {
padding-top: 55px;
}
.single-product-top .single-product-image-wrap.vertical_gallery #product-thumbnails .thumbnail-image {
margin-bottom: 10px;
}
.single-product-top .single-product-image-wrap.vertical_gallery #product-thumbnails .thumbnail-image.current img {
border: 1px solid #333333;
}
.single-product-top .single-product-image-wrap.vertical_gallery .product-video {
right: 20px;
bottom: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.single-product-top .single-product-image-wrap.vertical_gallery .product-video:hover {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.single-product-top .single-product-image-wrap .single-product-image-inner {
position: relative;
}
.single-product-top .single-product-image-wrap .single-product-image-inner .product-video {
position: absolute;
margin-bottom: 0;
}
.single-product-top .single-product-image-wrap .single-product-image-inner .product-video a {
background-color: #fff;
display: block;
font-size: 14px;
height: 36px;
text-align: center;
text-transform: uppercase;
padding: 0 20px;
line-height: 36px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
}
.single-product-top .single-product-image-wrap .single-product-image-inner .product-video a i {
margin-right: 8px;
}
.single-product-top .single-product-image-wrap #product-images1 {
border: 1px solid rgba(237, 237, 237, 0.8);
}
.single-product-top .single-product-image-wrap #product-images1:hover {
cursor: crosshair;
}
.single-product-top .single-product-image-wrap #product-images1:hover .slick-arrow.slick-prev, .single-product-top .single-product-image-wrap #product-images1:hover .slick-arrow.slick-next {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .single-product-image-wrap #product-images1:hover .slick-arrow.slick-prev {
left: 35px;
}
.single-product-top .single-product-image-wrap #product-images1:hover .slick-arrow.slick-next {
right: 35px;
}
.single-product-top .single-product-image-wrap #product-images1:hover .woocommerce-main-image {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-prev, .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-next {
background: none;
border: none;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
outline: none;
padding: 0;
position: absolute;
top: 50%;
z-index: 999;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-prev:before, .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-next:before {
color: #696969;
font-family: 'slick';
font-size: 36px;
line-height: 1;
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-prev:hover:before, .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-next:hover:before {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-prev {
left: 10px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-prev:before {
content: "\f3d2";
font-family: Ionicons;
}
.single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-next {
right: 10px;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-next:before {
content: "\f3d3";
font-family: Ionicons;
}
.single-product-top .single-product-image-wrap #product-images1 .woocommerce-main-image {
width: 36px;
height: 36px;
font-size: 16px;
line-height: 36px;
text-align: center;
background-color: #fff;
position: absolute;
right: 20px;
top: 20px;
z-index: 9;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
}
.single-product-top .single-product-image-wrap #product-thumbnails1 {
margin-top: 30px;
margin-left: -5px;
margin-right: -5px;
}
.single-product-top .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-prev, .single-product-top .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-next {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-prev {
left: 25px;
}
.single-product-top .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-next {
right: 25px;
}
.single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev, .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next {
background: none;
border: none;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
outline: none;
padding: 0;
position: absolute;
top: 50%;
z-index: 999;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev:before, .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next:before {
color: #696969;
font-family: 'slick';
font-size: 28px;
line-height: 1;
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev:hover:before, .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next:hover:before {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev {
left: 10px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev:before {
content: "\f3d2";
font-family: Ionicons;
}
.single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next {
right: 10px;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next:before {
content: "\f3d3";
font-family: Ionicons;
}
.single-product-top .single-product-image-wrap #product-thumbnails1 .thumbnail-image {
padding: 0 5px;
}
.single-product-top .single-product-image-wrap #product-thumbnails1 .thumbnail-image img {
border: 1px solid rgba(237, 237, 237, 0.8);
}
.single-product-top .single-product-image-wrap #product-thumbnails1 .thumbnail-image.slick-current img {
border: 1px solid #333333;
}
.single-product-top .single-product-image-wrap .product-label {
position: absolute;
left: 0;
top: 20px;
}
.single-product-top .single-product-image-wrap .product-flash, .single-product-top .single-product-image-wrap .onsale {
min-width: 50px;
background-color: #333333 !important;
color: #fff;
display: block;
top: auto;
left: auto;
position: relative;
z-index: 99;
font-size: 15px !important;
font-weight: 700 !important;
text-align: center;
min-height: auto;
padding: 5px 0;
line-height: 14px;
font-weight: 400;
margin-bottom: 5px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.single-product-top .single-product-image-wrap .product-flash.on-hot {
background-color: #fff !important;
color: #da0e2b;
}
.single-product-top .entry-summary {
margin-bottom: 0 !important;
}
.single-product-top .entry-summary.is_stuck {
padding-top: 55px;
}
.single-product-top .entry-summary .product_title {
font-size: 34px;
font-weight: 600;
}
@media screen and (max-width: 991px) {
.single-product-top .entry-summary .product_title {
font-size: 28px;
}
}
@media screen and (max-width: 767px) {
.single-product-top .entry-summary .product_title {
font-size: 24px;
}
}
.single-product-top .entry-summary .woocommerce-product-details__short-description {
padding-bottom: 10px;
}
.single-product-top .entry-summary .woocommerce-product-rating {
padding-top: 10px;
margin-bottom: 10px !important;
}
.single-product-top .entry-summary .woocommerce-product-rating .star-rating {
color: #f7bb2a;
font-size: 14px !important;
width: 65px;
height: 1em;
}
.single-product-top .entry-summary .woocommerce-product-rating .star-rating:before {
position: absolute;
top: 0;
left: 0;
content: "\f3ae \f3ae \f3ae \f3ae \f3ae";
color: #f7bb2a;
font-family: Ionicons;
letter-spacing: 2px;
}
.single-product-top .entry-summary .woocommerce-product-rating .star-rating span {
position: relative;
overflow: hidden;
float: left;
top: 0;
left: 0;
padding-top: 1.5em;
}
.single-product-top .entry-summary .woocommerce-product-rating .star-rating span:before {
position: absolute;
content: "\f2fc \f2fc \f2fc \f2fc \f2fc";
top: 0;
left: 0;
color: #f7bb2a;
font-family: Ionicons;
letter-spacing: 2px;
}
.single-product-top .entry-summary .woocommerce-review-link {
font-style: italic;
color: #ababab;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .entry-summary .woocommerce-review-link:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .entry-summary p.price {
color: #ababab !important;
border-bottom: 1px solid #ededed;
padding-bottom: 30px;
margin-bottom: 25px;
}
.single-product-top .entry-summary p.price .woocommerce-Price-amount {
margin-right: 5px;
color: #333333;
font-size: 18px;
font-weight: 700;
}
.single-product-top .entry-summary p.price .woocommerce-Price-amount:nth-child(2) {
margin-left: 5px;
}
.single-product-top .entry-summary p.price del {
opacity: 1 !important;
}
.single-product-top .entry-summary p.price del .woocommerce-Price-amount {
color: #ababab;
font-weight: 600;
font-size: 16px;
}
.single-product-top .entry-summary p.price ins {
text-decoration: none;
}
.single-product-top .entry-summary .product-size-guide {
font-weight: 700;
font-style: italic;
padding: 5px 0;
}
.single-product-top .entry-summary form.cart {
margin-top: 15px;
margin-bottom: 10px !important;
}
.single-product-top .entry-summary form.cart table.variations {
margin-bottom: 0px !important;
}
.single-product-top .entry-summary form.cart table.variations tr {
margin-bottom: 15px;
}
.single-product-top .entry-summary form.cart table.variations tr:last-child td.value {
line-height: 1;
padding-bottom: 15px;
}
.single-product-top .entry-summary form.cart table.variations tr td label {
color: #333333;
font-size: 15px;
margin-bottom: 25px;
margin-top: 6px;
}
.single-product-top .entry-summary form.cart table.variations tr td select {
height: 35px;
border-radius: 0;
padding-left: 10px;
outline: none;
width: 100%;
border: 1px solid #ededed;
font-style: italic;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li:hover .button-tooltip, .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li:hover .button-tooltip, .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.image-variable-wrapper > li:hover .button-tooltip {
opacity: 1;
visibility: visible;
-webkit-transform: translate(-50%, -5px);
-ms-transform: translate(-50%, -5px);
-o-transform: translate(-50%, -5px);
transform: translate(-50%, -5px);
-webkit-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li .button-tooltip, .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li .button-tooltip, .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.image-variable-wrapper > li .button-tooltip {
padding: 3px 5px;
position: absolute;
text-transform: none;
display: inline-block;
min-width: 60px;
opacity: 0;
text-align: center;
visibility: hidden;
bottom: calc(100% + 2px);
left: 50%;
background: #555 !important;
color: #fff !important;
font-size: 12px !important;
line-height: 20px !important;
font-weight: normal;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li .button-tooltip:after, .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li .button-tooltip:after, .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.image-variable-wrapper > li .button-tooltip:after {
width: 0;
height: 0;
position: absolute;
bottom: -6px;
left: 50%;
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #555;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper {
display: flex;
margin-left: 3px;
list-style: none;
margin-bottom: 0 !important;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li {
cursor: pointer;
position: relative;
width: 24px !important;
height: 24px !important;
display: inline-flex;
padding: 0;
margin-right: 10px;
cursor: pointer;
position: relative;
vertical-align: middle;
-ms-box-sizing: "content-box";
-moz-box-sizing: "content-box";
-webkit-box-sizing: "content-box";
box-sizing: "content-box";
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li.selected {
cursor: pointer;
border-color: #333333;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li.selected:before {
border: 2px solid #444;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li:before {
content: '';
position: absolute;
width: 30px;
height: 30px;
border: 1px solid #cdcdcd;
top: -3px;
left: -3px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper {
padding: 0;
margin: 0;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li {
cursor: pointer;
position: relative;
width: 30px;
height: 30px;
line-height: 28px;
font-size: 600;
margin-right: 5px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li.selected {
cursor: pointer;
border: 1px solid #ccc;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.image-variable-wrapper {
padding: 0;
margin: 0;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.image-variable-wrapper > li {
padding: 0;
margin: 0 5px;
cursor: pointer;
position: relative;
width: 50px;
height: 50px;
text-align: center;
}
.single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.image-variable-wrapper > li.selected {
cursor: pointer;
border: 1px solid #333333;
}
.single-product-top .entry-summary form.cart .woocommerce-variation.single_variation {
height: 45px !important;
}
.single-product-top .entry-summary form.cart .quantity input[type="number"] {
height: 40px;
border: 1px solid #ededed;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.single-product-top .entry-summary form.cart .quantity input[type="number"]:focus {
outline: none;
}
.single-product-top .entry-summary form.cart .single_add_to_cart_button {
height: 40px;
background: #333333;
text-transform: uppercase;
color: #fff;
outline: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .entry-summary form.cart .single_add_to_cart_button:hover {
background: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .entry-summary form.cart .woocommerce-variation-price {
margin-bottom: 20px;
}
.single-product-top .entry-summary form.cart .woocommerce-variation-price span.price {
color: #444444;
}
.single-product-top .entry-summary form.cart .woocommerce-variation-price span.price del {
margin-right: 20px;
opacity: 1;
color: #ababab;
}
.single-product-top .entry-summary form.cart .woocommerce-variation-price span.price ins {
margin-right: 10px;
text-decoration: none;
}
.single-product-top .entry-summary .add_to_compare,
.single-product-top .entry-summary .yith-wcwl-add-to-wishlist {
position: relative;
float: left;
margin-left: 10px;
}
.single-product-top .entry-summary .add_to_compare a:hover,
.single-product-top .entry-summary .yith-wcwl-add-to-wishlist a:hover {
background-color: transparent !important;
}
.single-product-top .entry-summary .add_to_compare a:hover .button-tooltip,
.single-product-top .entry-summary .yith-wcwl-add-to-wishlist a:hover .button-tooltip {
opacity: 1;
visibility: visible;
-webkit-transform: translate(-50%, -6px);
-ms-transform: translate(-50%, -6px);
-o-transform: translate(-50%, -6px);
transform: translate(-50%, -6px);
-webkit-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
}
.single-product-top .entry-summary .add_to_compare a i,
.single-product-top .entry-summary .yith-wcwl-add-to-wishlist a i {
margin-right: 0;
}
.single-product-top .entry-summary .add_to_compare a .button-tooltip,
.single-product-top .entry-summary .yith-wcwl-add-to-wishlist a .button-tooltip {
padding: 2px 5px;
position: absolute;
text-transform: none;
display: inline-block;
min-width: 80px;
opacity: 0;
text-align: center;
visibility: hidden;
bottom: 100%;
left: 50%;
background: #555 !important;
color: #fff !important;
font-size: 12px !important;
line-height: 20px !important;
font-weight: normal;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.single-product-top .entry-summary .add_to_compare a .button-tooltip:after,
.single-product-top .entry-summary .yith-wcwl-add-to-wishlist a .button-tooltip:after {
width: 0;
height: 0;
position: absolute;
bottom: -6px;
left: 50%;
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #555;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.single-product-top .entry-summary .yith-wcwl-add-to-wishlist {
width: auto;
float: left;
text-transform: uppercase;
margin-top: 0;
}
.single-product-top .entry-summary .yith-wcwl-add-to-wishlist a {
border: 1px solid #ccc;
height: 40px;
line-height: 40px;
padding: 0 15px;
display: block;
background: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .entry-summary .yith-wcwl-add-to-wishlist a:hover {
border: 1px solid #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .entry-summary .yith-wcwl-add-to-wishlist img {
display: none !important;
}
.single-product-top .entry-summary .yith-wcwl-add-to-wishlist .feedback {
display: none;
}
.single-product-top .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a i, .single-product-top .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a i {
color: #333333;
}
.single-product-top .entry-summary .add_to_compare {
height: 40px;
line-height: 40px;
border: 1px solid #ccc;
background: transparent;
text-align: center;
text-transform: uppercase;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .entry-summary .add_to_compare i {
margin-left: 0;
font-size: 14px;
}
.single-product-top .entry-summary .add_to_compare a {
display: block;
padding: 0 15px;
}
.single-product-top .entry-summary .add_to_compare:hover {
border: 1px solid #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-top .entry-summary .add_to_compare:hover:before {
color: #fff;
}
.single-product-top .entry-summary .product_meta {
margin-top: 30px;
border-top: 1px solid #ededed;
padding-top: 20px;
}
.single-product-top .entry-summary .product_meta > span {
display: block;
margin-bottom: 15px;
}
.single-product-top .entry-summary .product_meta > span.devide_sign {
font-weight: 400;
}
.single-product-top .entry-summary .product_meta .sku_wrapper .label,
.single-product-top .entry-summary .product_meta .posted_in .label,
.single-product-top .entry-summary .product_meta .tagged_as .label {
color: #ababab;
font-size: 15px;
font-weight: 600;
padding: 0 20px 0 0;
text-transform: cap;
}
.single-product-top .entry-summary .product_meta .sku_wrapper a,
.single-product-top .entry-summary .product_meta .posted_in a,
.single-product-top .entry-summary .product_meta .tagged_as a {
text-transform: none;
}
.single-product-top .entry-summary .post-social-share .social-share-wrapper .social-share {
list-style: none;
list-style-type: none;
margin: 0;
padding: 0;
}
.single-product-top .entry-summary .post-social-share .social-share-wrapper .social-share li {
display: inline-block;
text-align: center;
}
.single-product-top .entry-summary .post-social-share .social-share-wrapper .social-share li.social-label {
color: #ababab;
font-size: 15px;
font-weight: 600;
margin-right: 10px;
}
.single-product-top .entry-summary .post-social-share .social-share-wrapper .social-share li a {
padding: 0 10px;
}
.single-product-top .entry-summary .post-social-share .social-share-wrapper .social-share li:hover a {
color: #333333;
}
.single-product-top .product_type_customizable {
height: 40px;
line-height: 40px !important;
padding: 0 20px !important;
border-radius: 0 !important;
font-weight: 600 !important;
margin-bottom: 5px !important;
transition: all .3s;
}
.single-product-top .product_type_customizable:before {
content: "\e61c";
font-family: 'themify';
margin-right: 10px;
position: relative;
bottom: -1px;
}
.single-product-top .product_type_customizable:hover {
transition: all .3s;
}
.single-product-bottom {
border-top: 1px solid #ededed;
padding-top: 50px;
margin-top: 50px;
}
.single-product-content .woocommerce-tabs ul.tabs {
padding: 0 !important;
margin-bottom: 35px;
text-align: center;
}
.single-product-content .woocommerce-tabs ul.tabs:before {
border-bottom: 1px solid transparent !important;
}
.single-product-content .woocommerce-tabs ul.tabs li {
border: none !important;
background: none !important;
margin: 0 !important;
}
.single-product-content .woocommerce-tabs ul.tabs li:first-child {
padding-left: 0 !important;
}
.single-product-content .woocommerce-tabs ul.tabs li:before, .single-product-content .woocommerce-tabs ul.tabs li:after {
display: none;
}
.single-product-content .woocommerce-tabs ul.tabs li.active a, .single-product-content .woocommerce-tabs ul.tabs li:hover a {
color: #333333 !important;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.single-product-content .woocommerce-tabs ul.tabs li a {
font-size: 24px;
font-weight: 400 !important;
color: #ababab !important;
padding: 0 !important;
text-shadow: none !important;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 991px) {
.single-product-content .woocommerce-tabs ul.tabs li a {
font-size: 20px;
padding: 0;
}
}
@media screen and (max-width: 767px) {
.single-product-content .woocommerce-tabs ul.tabs li a {
font-size: 20px;
padding: 0;
}
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding-bottom: 25px !important;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel > h2 {
display: none;
font-size: 18px;
font-weight: normal !important;
color: #333333;
padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel > h2 {
padding-bottom: 10px;
}
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel p {
line-height: 1.8;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments {
margin-top: 0;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments h2 {
font-size: 22px;
font-weight: 400;
padding-bottom: 20px;
margin-top: 0;
text-align: center;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist {
padding: 0;
border-bottom: 1px solid #ededed;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container img {
border: none !important;
padding: 0 !important;
width: 70px !important;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text {
margin-left: 80px !important;
border: none !important;
padding-top: 5px !important;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .star-rating {
color: #f7bb2a;
font-size: 14px !important;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .star-rating:before {
position: absolute;
top: 0;
left: 0;
content: "\f3ae \f3ae \f3ae \f3ae \f3ae";
color: #f7bb2a;
font-family: Ionicons;
letter-spacing: 2px;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .star-rating span {
position: relative;
overflow: hidden;
float: left;
top: 0;
left: 0;
padding-top: 1.5em;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .star-rating span:before {
position: absolute;
content: "\f2fc \f2fc \f2fc \f2fc \f2fc";
top: 0;
left: 0;
color: #f7bb2a;
font-family: Ionicons;
letter-spacing: 2px;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .meta {
font-size: 14px !important;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .woocommerce-review__author {
color: #333333;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper {
margin-top: 30px;
text-align: center;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-reply-title {
font-size: 20px;
color: #333333;
display: none;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-rating {
margin: 15px 0 !important;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-rating label {
color: #333333;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-rating .stars {
display: inline-block;
margin: 0 0 0 20px !important;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-rating .stars a {
color: #f7bb2a;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-rating .stars a:before {
top: 4px;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-rating .stars.selected a {
color: #f4cb3d;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-comment {
margin: 10px 0 10px !important;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-comment label {
color: #333333;
margin-bottom: 15px;
display: none;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-comment textarea {
background-color: #f8f8f8;
border: 1px solid #ededed;
padding: 8px 15px;
min-height: 200px;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-comment textarea:focus {
border: 1px solid #333333;
outline: none;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-author, .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-email {
width: 50%;
float: left;
margin-bottom: 20px !important;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-author label, .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-email label {
display: block;
text-transform: uppercase;
font-weight: 400;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-author input, .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-email input {
border: 1px solid #ededed;
width: 100%;
padding: 8px 15px;
background-color: #f8f8f8;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-author input:focus, .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-email input:focus {
border: 1px solid #333333;
outline: none;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-author {
padding-right: 10px;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-email {
padding-left: 10px;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit {
clear: both;
padding-top: 20px !important;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit .submit {
background-color: #333333 !important;
color: #fff !important;
text-transform: uppercase;
padding: 15px 35px !important;
letter-spacing: 1px;
outline: none;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit .submit:hover {
background-color: #444444 !important;
} .page-sidebar aside.widget,
.woocommerce-sidebar aside.widget {
border-bottom: 1px solid #ededed;
margin-bottom: 25px;
padding-bottom: 30px;
}
.page-sidebar .widget-title,
.woocommerce-sidebar .widget-title {
font-size: 24px;
line-height: 1.4;
margin-top: 0px;
margin-bottom: 15px;
font-weight: 400;
}
.page-sidebar .widget_product_categories select,
.woocommerce-sidebar .widget_product_categories select {
border-radius: 0;
padding: 5px 0;
}
.page-sidebar .widget_product_categories select:focus,
.woocommerce-sidebar .widget_product_categories select:focus {
outline: none;
}
.page-sidebar .widget_product_categories .product-categories,
.woocommerce-sidebar .widget_product_categories .product-categories {
list-style: none;
margin: 0;
padding: 0;
}
.page-sidebar .widget_product_categories .product-categories > li > a,
.woocommerce-sidebar .widget_product_categories .product-categories > li > a {
text-transform: uppercase;
}
.page-sidebar .widget_product_categories .product-categories li,
.woocommerce-sidebar .widget_product_categories .product-categories li {
list-style: none;
padding: 8px 0;
}
.page-sidebar .widget_product_categories .product-categories li:first-child,
.woocommerce-sidebar .widget_product_categories .product-categories li:first-child {
border-top: none;
}
.page-sidebar .widget_product_categories .product-categories li a,
.woocommerce-sidebar .widget_product_categories .product-categories li a {
font-weight: 700;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .widget_product_categories .product-categories li a:hover,
.woocommerce-sidebar .widget_product_categories .product-categories li a:hover {
color: #333333;
padding-left: 10px;
}
.page-sidebar .widget_product_categories .product-categories li span,
.woocommerce-sidebar .widget_product_categories .product-categories li span {
float: right;
color: #696969;
}
.page-sidebar .widget_product_categories .product-categories li.cat-parent:hover ul li a,
.woocommerce-sidebar .widget_product_categories .product-categories li.cat-parent:hover ul li a {
padding-left: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .widget_product_categories .product-categories li.cat-parent:hover ul li a:hover,
.woocommerce-sidebar .widget_product_categories .product-categories li.cat-parent:hover ul li a:hover {
padding-left: 10px;
}
.page-sidebar .widget_product_categories .product-categories li .children,
.woocommerce-sidebar .widget_product_categories .product-categories li .children {
padding-top: 10px;
padding-left: 15px;
}
.page-sidebar .widget_product_categories .product-categories li .children a,
.woocommerce-sidebar .widget_product_categories .product-categories li .children a {
font-weight: normal;
}
.page-sidebar .widget_price_filter form,
.woocommerce-sidebar .widget_price_filter form {
margin-top: 30px;
}
.page-sidebar .widget_price_filter form .price_slider_wrapper .ui-widget-content,
.woocommerce-sidebar .widget_price_filter form .price_slider_wrapper .ui-widget-content {
background-color: #ebebeb;
height: 3px;
}
.page-sidebar .widget_price_filter form .price_slider_wrapper .ui-widget-content .ui-slider-range,
.woocommerce-sidebar .widget_price_filter form .price_slider_wrapper .ui-widget-content .ui-slider-range {
background-color: #333333;
}
.page-sidebar .widget_price_filter form .price_slider_wrapper .ui-widget-content .ui-slider-handle,
.woocommerce-sidebar .widget_price_filter form .price_slider_wrapper .ui-widget-content .ui-slider-handle {
background-color: #333333;
width: 12px;
height: 12px;
}
.page-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount,
.woocommerce-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount {
padding-top: 5px;
}
.page-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount button,
.woocommerce-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount button {
height: 30px;
font-size: 14px;
color: #fff;
background: #333333;
border: 1px solid #333333;
border-radius: 0;
font-weight: 400;
padding: 6px 12px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount button:focus,
.woocommerce-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount button:focus {
outline: none;
}
.page-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount button.button:hover,
.woocommerce-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount button.button:hover {
background-color: #333333;
border: 1px solid #333333;
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount .price_label,
.woocommerce-sidebar .widget_price_filter form .price_slider_wrapper .price_slider_amount .price_label {
font-size: 14px;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .widget_shopping_cart_icon,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .widget_shopping_cart_icon {
display: inline-block;
position: relative;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .widget_shopping_cart_icon i,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .widget_shopping_cart_icon i {
font-size: 18px;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .widget_shopping_cart_icon .total,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .widget_shopping_cart_icon .total {
position: absolute;
border: none;
top: -5px;
right: -13px;
padding: 0;
width: 18px;
height: 18px;
border-radius: 50%;
background: #333333;
color: #fff;
text-align: center;
line-height: 18px;
font-size: 12px;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .sub-total-text,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .sub-total-text {
display: inline-block;
font-weight: 500;
margin-left: 20px;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header {
display: none;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul {
margin-top: 10px;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li {
padding-left: 0;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-left,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-left {
font-size: 0;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-right a,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-right a {
color: #333333;
font-weight: 500;
text-transform: capitalize;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-right a:hover,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-right a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-right a .quantity,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-right a .quantity {
color: #333333;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li.empty h4,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li.empty h4 {
font-size: 18px;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total {
margin-top: 10px;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total .total,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total .total {
border-top: 1px solid #ededed;
padding: 10px 0 0;
text-transform: capitalize;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total .buttons .button,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total .buttons .button {
height: 30px;
text-transform: capitalize;
background: #333333;
color: #fff;
font-weight: 400;
font-size: 13px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total .buttons .button:hover,
.woocommerce-sidebar .widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total .buttons .button:hover {
background: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .yith-woocompare-widget,
.woocommerce-sidebar .yith-woocompare-widget {
display: table;
width: 100%;
}
.page-sidebar .yith-woocompare-widget ul,
.woocommerce-sidebar .yith-woocompare-widget ul {
margin: 0;
padding: 0;
}
.page-sidebar .yith-woocompare-widget ul li,
.woocommerce-sidebar .yith-woocompare-widget ul li {
list-style: none;
padding: 10px 0;
border-bottom: 1px solid #ededed;
margin-bottom: 10px;
display: inline-flex;
width: 100%;
}
.page-sidebar .yith-woocompare-widget ul li:before,
.woocommerce-sidebar .yith-woocompare-widget ul li:before {
content: '\f105';
font-family: FontAwesome;
margin-right: 10px;
}
.page-sidebar .yith-woocompare-widget ul li a.title,
.woocommerce-sidebar .yith-woocompare-widget ul li a.title {
color: #333333;
text-transform: capitalize;
font-size: 14px;
font-weight: 500;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .yith-woocompare-widget ul li a.title:hover,
.woocommerce-sidebar .yith-woocompare-widget ul li a.title:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .yith-woocompare-widget .compare,
.woocommerce-sidebar .yith-woocompare-widget .compare {
font-size: 14px;
font-weight: 500;
color: #fff;
background: #333333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.page-sidebar .yith-woocompare-widget .compare:hover,
.woocommerce-sidebar .yith-woocompare-widget .compare:hover {
background-color: #444444;
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .widget_product_tag_cloud .tagcloud a,
.woocommerce-sidebar .widget_product_tag_cloud .tagcloud a {
display: inline-block;
font-size: 14px !important;
font-weight: normal;
margin: 0 5px;
margin-top: 6px;
text-transform: capitalize;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .widget_product_tag_cloud .tagcloud a:hover,
.woocommerce-sidebar .widget_product_tag_cloud .tagcloud a:hover {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar ul.product_list_widget li,
.woocommerce-sidebar ul.product_list_widget li {
width: 100%;
display: table;
}
.page-sidebar ul.product_list_widget li .product-title,
.woocommerce-sidebar ul.product_list_widget li .product-title {
color: #333333;
font-weight: 500;
margin-bottom: 5px;
display: table;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar ul.product_list_widget li .product-title:hover,
.woocommerce-sidebar ul.product_list_widget li .product-title:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar ul.product_list_widget li img,
.woocommerce-sidebar ul.product_list_widget li img {
width: 80px;
height: auto;
float: left;
margin-right: 20px;
margin-left: 0;
}
.page-sidebar ul.product_list_widget li .star-rating,
.woocommerce-sidebar ul.product_list_widget li .star-rating {
margin-bottom: 10px;
}
.page-sidebar ul.product_list_widget li span.amount,
.woocommerce-sidebar ul.product_list_widget li span.amount {
color: #333333;
font-size: 14px;
font-weight: 500;
margin-right: 10px;
}
.page-sidebar ul.product_list_widget li ins,
.woocommerce-sidebar ul.product_list_widget li ins {
display: inline-flex;
text-decoration: none;
}
.page-sidebar ul.product_list_widget li ins span,
.woocommerce-sidebar ul.product_list_widget li ins span {
color: #333333 !important;
font-weight: 500 !important;
}
.page-sidebar ul.product_list_widget li del,
.woocommerce-sidebar ul.product_list_widget li del {
opacity: .8;
}
.page-sidebar ul.product_list_widget li del span.amount,
.woocommerce-sidebar ul.product_list_widget li del span.amount {
color: #333333;
font-weight: normal;
}
.page-sidebar ul.product_list_widget li del span.woocommerce-Price-currencySymbol,
.woocommerce-sidebar ul.product_list_widget li del span.woocommerce-Price-currencySymbol {
color: #333333;
}
.page-sidebar .widget_recent_reviews li,
.woocommerce-sidebar .widget_recent_reviews li {
width: 100%;
display: table;
}
.page-sidebar .widget_recent_reviews li a,
.woocommerce-sidebar .widget_recent_reviews li a {
color: #333333;
font-weight: 500 !important;
margin-bottom: 5px;
display: table;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .widget_recent_reviews li a:hover,
.woocommerce-sidebar .widget_recent_reviews li a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .widget_recent_reviews li img,
.woocommerce-sidebar .widget_recent_reviews li img {
width: 80px;
height: auto;
float: left;
margin-right: 20px;
margin-left: 0;
}
.page-sidebar .widget_recent_reviews li .star-rating,
.woocommerce-sidebar .widget_recent_reviews li .star-rating {
margin-bottom: 10px;
}
.page-sidebar .widget_product_search .woocommerce-product-search,
.woocommerce-sidebar .widget_product_search .woocommerce-product-search {
margin-top: 20px;
display: inline-flex;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.page-sidebar .widget_product_search .woocommerce-product-search input[type="search"],
.woocommerce-sidebar .widget_product_search .woocommerce-product-search input[type="search"] {
height: 40px;
outline: none;
padding-left: 10px;
border: 1px solid #ededed;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
min-width: 180px;
}
.page-sidebar .widget_product_search .woocommerce-product-search button[type="submit"],
.woocommerce-sidebar .widget_product_search .woocommerce-product-search button[type="submit"] {
height: 40px;
background: #333333;
font-weight: 400;
color: #fff;
padding: 0 15px;
border: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.page-sidebar .widget_product_search .woocommerce-product-search button[type="submit"]:hover,
.woocommerce-sidebar .widget_product_search .woocommerce-product-search button[type="submit"]:hover {
background: #444444;
cursor: pointer;
}
.page-sidebar .widget_product_search .woocommerce-product-search button[type="submit"]:focus,
.woocommerce-sidebar .widget_product_search .woocommerce-product-search button[type="submit"]:focus {
outline: none;
}
.page-sidebar .widget_layered_nav .select2-selection,
.woocommerce-sidebar .widget_layered_nav .select2-selection {
border-radius: 0;
}
.page-sidebar .widget_layered_nav .select2-dropdown,
.woocommerce-sidebar .widget_layered_nav .select2-dropdown {
border-radius: 0;
}
.page-sidebar .widget_layered_nav ul li,
.woocommerce-sidebar .widget_layered_nav ul li {
list-style: none;
}
.page-sidebar .widget_layered_nav ul li:hover a,
.woocommerce-sidebar .widget_layered_nav ul li:hover a {
color: #333333;
padding-left: 10px;
}
.page-sidebar .widget_layered_nav ul li:focus,
.woocommerce-sidebar .widget_layered_nav ul li:focus {
outline: none;
}
.page-sidebar .widget_layered_nav ul li a,
.woocommerce-sidebar .widget_layered_nav ul li a {
text-transform: uppercase;
color: #333333;
font-weight: 500;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-sidebar .widget_layered_nav ul li span,
.woocommerce-sidebar .widget_layered_nav ul li span {
float: right;
color: #333333;
}
.page-sidebar .widget_layered_nav button[type="submit"],
.woocommerce-sidebar .widget_layered_nav button[type="submit"] {
height: 30px;
background: #333333;
font-weight: 400;
color: #fff;
padding: 0 15px;
border: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.page-sidebar .widget_layered_nav button[type="submit"]:hover,
.woocommerce-sidebar .widget_layered_nav button[type="submit"]:hover {
background: #444444;
cursor: pointer;
}
.page-sidebar .widget_layered_nav button[type="submit"]:focus,
.woocommerce-sidebar .widget_layered_nav button[type="submit"]:focus {
outline: none;
} .woocommerce-cart .woocommerce {
margin-top: 30px;
}
.woocommerce-cart .woocommerce .button {
background: #333333;
color: #fff !important;
font-weight: 500;
padding: 11px 15px !important;
text-transform: uppercase;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.woocommerce-cart .woocommerce .button:hover {
background: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.woocommerce-cart .woocommerce .button:focus {
outline: none;
}
.woocommerce-cart .woocommerce .shopping-cart-title {
text-transform: uppercase;
text-align: center;
margin-bottom: 30px;
font-size: 28px;
color: #333333;
}
@media screen and (max-width: 767px) {
.woocommerce-cart .woocommerce .shopping-cart-title {
font-size: 20px;
}
}
.woocommerce-cart .woocommerce table.shop_table_responsive {
border: none !important;
}
.woocommerce-cart .woocommerce table.shop_table_responsive thead tr {
text-transform: uppercase;
}
.woocommerce-cart .woocommerce table.shop_table_responsive thead tr th {
border: none;
}
.woocommerce-cart .woocommerce table.shop_table_responsive thead tr th:first-child {
padding-left: 0;
}
.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr.cart_item td.product-thumbnail {
padding-left: 0;
}
.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr.cart_item td.product-thumbnail img {
max-height: 100px;
width: auto;
}
.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr.cart_item td.product-name a {
color: #333333;
font-weight: 500;
}
.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr.cart_item td.product-name a:hover {
color: #333333;
}
.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions {
padding: 20px 0 0;
}
.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions .coupon .input-text {
min-width: 150px;
padding: 5px 10px;
text-align: left;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
@media screen and (max-width: 767px) {
.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions .coupon .input-text {
min-width: 120px;
}
}
.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions .coupon input[name='apply_coupon'] {
background: #333333;
}
.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions .coupon input[name='apply_coupon']:hover {
background: #444444;
}
.woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions .coupon input[type="submit"] {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce-cart .woocommerce .cart-collaterals {
padding-bottom: 60px;
}
@media screen and (max-width: 991px) {
.woocommerce-cart .woocommerce .cart-collaterals {
padding-bottom: 20px;
}
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2 {
margin-bottom: 25px;
font-size: 24px;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2 {
font-size: 20px;
}
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table tbody tr {
text-transform: uppercase;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table tbody tr th {
padding-left: 0;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table tbody tr td {
padding-right: 0;
text-align: right;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a {
background: #333333;
font-size: 14px;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a:hover {
background: #444444;
} .woocommerce-account .woocommerce {
margin-bottom: 60px;
margin-top: 30px;
}
@media screen and (max-width: 991px) {
.woocommerce-account .woocommerce {
margin-bottom: 20px;
}
}
.woocommerce-account .woocommerce form .form-row label {
font-weight: 500;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {
list-style: none;
list-style-type: none;
padding: 0;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li {
margin: 15px 0;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
color: #333333;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li:first-child {
margin-top: 0;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a {
text-transform: uppercase;
font-weight: 500;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-size: 100%;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table thead {
text-transform: uppercase;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content p input {
border: 1px solid #ededed;
padding: 8px 15px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content p input:focus {
border: 1px solid #333333;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content p input[type=submit] {
background: #333333;
border: none;
color: #fff;
font-weight: 700;
margin-top: 20px;
padding: 10px 15px;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content p input[type=submit]:hover {
background: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content p input[type=submit]:focus {
outline: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content fieldset {
margin-top: 20px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content fieldset legend {
position: relative;
text-transform: uppercase;
border: none;
font-weight: 700;
padding-left: 3px;
margin-bottom: 10px;
font-size: 20px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title {
margin-top: 20px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title h3 {
text-transform: uppercase;
position: relative;
margin-top: 0;
margin-bottom: 30px;
font-size: 20px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .button {
background: #333333;
color: #fff;
font-weight: 700;
padding: 10px 20px;
margin-left: 3px;
margin-top: 15px;
text-transform: uppercase;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .button:hover {
background: #444444;
}
.woocommerce-account .woocommerce .customer_login_form_wrap h2 {
text-transform: uppercase;
}
.woocommerce-account .woocommerce .customer_login_form_wrap form {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce-account .woocommerce .customer_login_form_wrap form input {
border: 1px solid #ededed;
padding: 8px 15px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce-account .woocommerce .customer_login_form_wrap form .button {
background: #333333;
border: none;
color: #fff;
font-weight: 700;
padding: 8px 15px;
text-transform: uppercase;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce-account .woocommerce .customer_login_form_wrap form .button:hover {
background: #444444;
}
.woocommerce-account .woocommerce .customer_login_form_wrap form .button:focus {
outline: none;
} .woocommerce-wishlist .woocommerce {
margin-bottom: 60px;
margin-top: 30px;
}
.woocommerce-wishlist .woocommerce .wishlist-title {
display: block;
text-align: center;
}
.woocommerce-wishlist .woocommerce .wishlist-title h2 {
color: #333333;
}
@media screen and (max-width: 991px) {
.woocommerce-wishlist .woocommerce .wishlist-title h2 {
font-size: 18px;
}
}
.woocommerce-wishlist .woocommerce .wishlist_table {
margin-top: 15px;
font-size: 100%;
}
.woocommerce-wishlist .woocommerce .wishlist_table thead {
text-transform: uppercase;
}
.woocommerce-wishlist .woocommerce .wishlist_table thead tr th {
border-top: none;
}
.woocommerce-wishlist .woocommerce .wishlist_table tbody .product-remove a.remove {
margin: 0 auto;
}
.woocommerce-wishlist .woocommerce .wishlist_table tbody .product-name a {
color: #333333;
font-weight: 500;
}
.woocommerce-wishlist .woocommerce .wishlist_table tbody .product-name a:hover {
color: #333333;
}
.woocommerce-wishlist .woocommerce .wishlist_table tbody .product-price {
text-align: left;
}
.woocommerce-wishlist .woocommerce .wishlist_table tbody .product-stock-status {
text-align: left;
}
.woocommerce-wishlist .woocommerce .wishlist_table tbody .product-stock-status span {
color: #333333;
}
.woocommerce-wishlist .woocommerce .wishlist_table tbody .product-add-to-cart .add-to-cart-wrapper a {
background: #333333;
color: #fff;
font-weight: 500;
padding: 10px 15px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.woocommerce-wishlist .woocommerce .wishlist_table tbody .product-add-to-cart .add-to-cart-wrapper a:hover {
background: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile {
padding: 0;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile > li {
border-bottom: 1px solid #ededed;
padding-bottom: 10px;
margin-bottom: 15px;
position: relative;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li .item-wrapper .product-thumbnail {
border: 1px solid #ededed;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li .item-details h3 {
font-size: 14px;
margin-top: 0;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li table.item-details-table td {
vertical-align: top;
line-height: 1.8;
font-size: 12px;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li table.item-details-table td.label {
padding: 0;
padding-right: 5px;
color: #333333;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li table.item-details-table td.value {
padding: 0;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li table.additional-info td {
vertical-align: top;
line-height: 1.8;
font-size: 12px;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li table.additional-info td.label {
color: #333333;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li table.additional-info td.value {
padding: 0;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li .product-add-to-cart {
text-align: left;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li .product-add-to-cart a.button {
margin-left: 0 !important;
background: #333333;
color: #fff !important;
font-weight: 700;
padding: 12px 15px !important;
min-width: 187px;
text-transform: uppercase;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li .product-add-to-cart a.button:hover {
background: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li .product-add-to-cart a.button:focus {
outline: none;
}
.woocommerce-wishlist .woocommerce .wishlist_table.mobile li .product-remove {
position: absolute;
top: -5px;
right: 0;
}
.woocommerce-wishlist .yith_wcwl_wishlist_footer .yith-wcwl-share {
margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
.woocommerce-wishlist .yith_wcwl_wishlist_footer .yith-wcwl-share {
margin-bottom: 60px;
}
}
.woocommerce-checkout .woocommerce {
margin-bottom: 60px;
margin-top: 30px;
}
@media screen and (max-width: 767px) {
.woocommerce-checkout .woocommerce {
margin-bottom: 20px;
}
}
.woocommerce-checkout .woocommerce h3 {
text-transform: uppercase;
font-size: 18px;
font-weight: 500;
position: relative;
margin-bottom: 30px;
}
.woocommerce-checkout .woocommerce form .form-row {
padding-left: 0;
}
.woocommerce-checkout .woocommerce .form-row input.input-text, .woocommerce-checkout .woocommerce .form-row textarea {
border: 1px solid #ededed;
padding: 8px 15px;
font-style: italic;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce-checkout .woocommerce .form-row input.input-text:focus, .woocommerce-checkout .woocommerce .form-row textarea:focus {
border: 1px solid #333333;
}
.woocommerce-checkout .woocommerce .form-row label {
font-size: 14px;
font-weight: 500;
}
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order th {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order #place_order {
text-align: center;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
background: #333333;
color: #fff;
padding: 10px 20px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order #place_order:hover {
background: #444444;
}
.woocommerce-checkout .woocommerce form.checkout_coupon {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce-checkout .woocommerce #payment {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce-thankyou-order-received {
color: #333333;
font-weight: 700;
font-size: 16px;
margin-bottom: 30px;
}
.woocommerce-thankyou-order-details {
padding: 20px 30px;
width: 50%;
border: 1px solid #ededed;
}
.woocommerce-thankyou-order-details .method {
margin-top: 20px;
}
.woocommerce form .form-row .select2-container:focus {
outline: none;
}
.woocommerce form .form-row .select2-container.select2-container--focus {
outline: none;
}
.woocommerce form .form-row .select2-container.select2-container--open .select2-selection {
border: 1px solid #aaa;
}
.woocommerce form .form-row .select2-container .select2-selection {
border: 1px solid #ededed;
border-radius: 0;
height: 35px;
outline: none;
}
.woocommerce form .form-row .select2-container .select2-selection .select2-selection__rendered {
line-height: 33px;
}
.woocommerce form .form-row .select2-container .select2-selection .select2-selection__rendered:focus, .woocommerce form .form-row .select2-container .select2-selection .select2-selection__rendered:active {
outline: none;
}
.woocommerce form .form-row .select2-container .select2-selection .select2-selection__arrow b {
margin-top: 0;
}
.woocommerce form .form-row .input-checkbox {
position: relative;
}
@media screen and (max-width: 767px) {
body .pp_default {
left: 5% !important;
right: 5% !important;
box-sizing: border-box;
width: 90% !important;
height: auto !important;
}
}
@media screen and (max-width: 767px) {
body .pp_default .pp_content {
height: auto !important;
min-height: 50px;
width: 100% !important;
}
}
@media screen and (max-width: 767px) {
body .pp_default .pp_right {
padding-right: 20px !important;
}
}
@media screen and (max-width: 767px) {
body .pp_default .pp_content_container .pp_details {
width: 100% !important;
margin-top: 20px !important;
}
}
body .pp_woocommerce .pp_content_container {
background-color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
body .pp_woocommerce .pp_content_container .pp_loaderIcon {
background: url(//www.alovdesigns.com/wp-content/themes/stber/assets/images/ajax-loader.gif) center no-repeat !important;
width: 50px;
height: 50px;
margin: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
body .pp_woocommerce .pp_content_container .pp_loaderIcon:before {
display: none;
}
body .pp_woocommerce .pp_content_container .pp_details {
padding: 0;
}
body .pp_woocommerce .pp_content_container .pp_close {
background: none;
background-color: #000;
width: 32px;
height: 30px;
right: 0;
top: 0;
font-size: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
body .pp_woocommerce .pp_content_container .pp_close:before, body .pp_woocommerce .pp_content_container .pp_close:after {
content: '';
position: absolute;
height: 2px;
width: 20px;
top: 50%;
left: 6px;
margin-top: -1px;
background-color: #fff;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
body .pp_woocommerce .pp_content_container .pp_close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
body .pp_woocommerce .pp_content_container .pp_close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.popup-product-quick-view-wrapper .woocommerce-main-image {
display: none;
}
.popup-product-quick-view-wrapper .product-size-guide {
display: none;
}
.popup-product-quick-view-wrapper .woocommerce-review-link {
pointer-events: none;
}
.popup-product-quick-view-wrapper #product-images1:hover {
cursor: auto !important;
}
.popup-product-quick-view-wrapper .product-video {
display: none;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap {
position: relative;
width: 49%;
float: left;
}
@media screen and (max-width: 991px) {
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap {
float: none;
padding-bottom: 50px;
width: 100%;
}
}
@media screen and (max-width: 767px) {
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap {
padding-bottom: 30px;
}
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .slick-slide img {
width: 100%;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-images1 {
padding-right: 90px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-images1:hover .slick-arrow.slick-prev {
left: 35px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-images1:hover .slick-arrow.slick-next {
right: 125px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-images1 .slick-arrow.slick-prev {
left: 10px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-images1 .slick-arrow.slick-next {
right: 100px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-thumbnails1 {
position: absolute;
right: 0;
top: 0;
max-width: 90px;
margin-top: -5px;
margin-bottom: -5px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-thumbnails1 .thumbnail-image {
padding: 5px 0 5px 5px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right .product-video {
right: 110px;
top: 70px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-images1 {
padding-left: 90px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-images1:hover .slick-arrow.slick-prev {
left: 125px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-images1:hover .slick-arrow.slick-next {
right: 35px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-images1 .slick-arrow.slick-prev {
left: 100px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-images1 .slick-arrow.slick-next {
right: 10px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-thumbnails1 {
position: absolute;
left: 0;
top: 0;
max-width: 90px;
margin-top: -5px;
margin-bottom: -5px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-thumbnails1 .thumbnail-image {
padding: 5px 5px 5px 0;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left .product-video {
right: 20px;
top: 70px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left .product-label {
left: 90px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical #product-thumbnails1:hover .slick-arrow.slick-prev {
top: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical #product-thumbnails1:hover .slick-arrow.slick-next {
bottom: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-prev {
top: 0;
bottom: auto;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-prev:before {
content: "\f3d8";
font-family: Ionicons;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-next {
bottom: 0;
top: auto;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-next:before {
content: "\f3d0";
font-family: Ionicons;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.horizontal .product-video {
top: 70px;
right: 20px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .single-product-image-inner {
position: relative;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .single-product-image-inner .product-video {
display: none;
position: absolute;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .single-product-image-inner .product-video a {
background-color: #fff;
display: block;
font-size: 16px;
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1:hover .slick-arrow.slick-prev, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1:hover .slick-arrow.slick-next {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1:hover .slick-arrow.slick-prev {
left: 35px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1:hover .slick-arrow.slick-next {
right: 35px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-prev, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-next {
background: none;
border: none;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
outline: none;
padding: 0;
position: absolute;
top: 50%;
z-index: 999;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-prev:before, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-next:before {
color: #696969;
font-family: 'slick';
font-size: 36px;
line-height: 1;
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-prev:hover:before, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-next:hover:before {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-prev {
left: 10px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-prev:before {
content: "\f3d2";
font-family: Ionicons;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-next {
right: 10px;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-next:before {
content: "\f3d3";
font-family: Ionicons;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .woocommerce-main-image {
display: none;
width: 36px;
height: 36px;
font-size: 16px;
line-height: 36px;
text-align: center;
background-color: #fff;
position: absolute;
right: 20px;
top: 20px;
z-index: 9;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 {
margin-top: 30px;
margin-left: -5px;
margin-right: -5px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-prev, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-next {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-prev {
left: 25px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-next {
right: 25px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next {
background: none;
border: none;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
outline: none;
padding: 0;
position: absolute;
top: 50%;
z-index: 999;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev:before, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next:before {
color: #696969;
font-family: 'slick';
font-size: 28px;
line-height: 1;
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev:hover:before, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next:hover:before {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev {
left: 10px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev:before {
content: "\f3d2";
font-family: Ionicons;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next {
right: 10px;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next:before {
content: "\f3d3";
font-family: Ionicons;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .thumbnail-image {
padding: 0 5px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .thumbnail-image.slick-current img {
border: 1px solid #333333;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .product-label {
position: absolute;
left: 0;
top: 20px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .product-flash, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .onsale {
min-width: 50px;
background-color: #333333 !important;
color: #fff;
display: block;
top: auto;
left: auto;
position: relative;
z-index: 99;
font-size: 15px !important;
font-weight: 700 !important;
text-align: center;
min-height: auto;
padding: 5px 0;
line-height: 14px;
font-weight: 400;
margin-bottom: 5px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .product-flash.on-hot {
background-color: #fff !important;
color: #da0e2b;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary {
margin-bottom: 0 !important;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_title {
font-size: 28px;
font-weight: 600;
}
@media screen and (max-width: 991px) {
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_title {
font-size: 26px;
}
}
@media screen and (max-width: 767px) {
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_title {
font-size: 24px;
}
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-product-details__short-description {
padding-bottom: 10px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-product-rating {
padding-top: 10px;
margin-bottom: 10px !important;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-product-rating .star-rating {
color: #f7bb2a;
font-size: 14px !important;
width: 65px;
height: 1em;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-product-rating .star-rating:before {
position: absolute;
top: 0;
left: 0;
content: "\f3ae \f3ae \f3ae \f3ae \f3ae";
color: #f7bb2a;
font-family: Ionicons;
letter-spacing: 2px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-product-rating .star-rating span {
position: relative;
overflow: hidden;
float: left;
top: 0;
left: 0;
padding-top: 1.5em;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-product-rating .star-rating span:before {
position: absolute;
content: "\f2fc \f2fc \f2fc \f2fc \f2fc";
top: 0;
left: 0;
color: #f7bb2a;
font-family: Ionicons;
letter-spacing: 2px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-review-link {
font-style: italic;
color: #ababab;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-review-link:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary p.price {
color: #ababab !important;
border-bottom: 1px solid #ededed;
padding-bottom: 30px;
margin-bottom: 30px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary p.price .woocommerce-Price-amount {
margin-right: 5px;
color: #333333;
font-size: 18px;
font-weight: 700;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary p.price .woocommerce-Price-amount:nth-child(2) {
margin-left: 5px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary p.price del {
opacity: 1 !important;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary p.price del .woocommerce-Price-amount {
color: #ababab;
font-weight: 600;
font-size: 16px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary p.price ins {
text-decoration: none;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product-size-guide {
font-weight: 700;
font-style: italic;
padding: 5px 0;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart {
margin-top: 15px;
margin-bottom: 10px !important;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations {
margin-bottom: 0px !important;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations tr {
margin-bottom: 15px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations tr:last-child td.value {
line-height: 1;
padding-bottom: 15px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations tr td label {
color: #333333;
font-size: 15px;
margin-bottom: 25px;
margin-top: 6px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations tr td select {
height: 35px;
border-radius: 0;
padding-left: 10px;
outline: none;
width: 100%;
border: 1px solid #ededed;
font-style: italic;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li:hover .button-tooltip, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li:hover .button-tooltip {
opacity: 1;
visibility: visible;
-webkit-transform: translate(-50%, -5px);
-ms-transform: translate(-50%, -5px);
-o-transform: translate(-50%, -5px);
transform: translate(-50%, -5px);
-webkit-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li .button-tooltip, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li .button-tooltip {
padding: 3px 5px;
position: absolute;
text-transform: none;
display: inline-block;
min-width: 60px;
opacity: 0;
text-align: center;
visibility: hidden;
bottom: calc(100% + 2px);
left: 50%;
background: #555 !important;
color: #fff !important;
font-size: 12px !important;
line-height: 20px !important;
font-weight: normal;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li .button-tooltip:after, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li .button-tooltip:after {
width: 0;
height: 0;
position: absolute;
bottom: -6px;
left: 50%;
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #555;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper {
display: flex;
margin-left: 3px;
list-style: none;
margin-bottom: 0 !important;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li {
cursor: pointer;
position: relative;
width: 24px !important;
height: 24px !important;
display: inline-flex;
padding: 0;
margin-right: 10px;
cursor: pointer;
position: relative;
vertical-align: middle;
-ms-box-sizing: "content-box";
-moz-box-sizing: "content-box";
-webkit-box-sizing: "content-box";
box-sizing: "content-box";
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li.selected {
cursor: pointer;
border-color: #333333;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li.selected:before {
border: 2px solid #444;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li:before {
content: '';
position: absolute;
width: 30px;
height: 30px;
border: 1px solid #cdcdcd;
top: -3px;
left: -3px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper {
padding: 0;
margin: 0;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li {
cursor: pointer;
position: relative;
width: 30px;
height: 30px;
line-height: 28px;
font-size: 600;
margin-right: 5px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li.selected {
cursor: pointer;
border: 1px solid #ccc;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .woocommerce-variation.single_variation {
height: 45px !important;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .quantity input[type="number"] {
height: 40px;
border: 1px solid #ededed;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .quantity input[type="number"]:focus {
outline: none;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .single_add_to_cart_button {
height: 40px;
background: #333333;
text-transform: uppercase;
color: #fff;
outline: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .single_add_to_cart_button:hover {
background: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .woocommerce-variation-price {
margin-bottom: 20px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .woocommerce-variation-price span.price {
color: #444444;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .woocommerce-variation-price span.price del {
margin-right: 20px;
opacity: 1;
color: #ababab;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .woocommerce-variation-price span.price ins {
margin-right: 10px;
text-decoration: none;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare,
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist {
position: relative;
float: left;
margin-left: 10px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare a:hover,
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist a:hover {
background-color: transparent !important;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare a:hover .button-tooltip,
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist a:hover .button-tooltip {
opacity: 1;
visibility: visible;
-webkit-transform: translate(-50%, -6px);
-ms-transform: translate(-50%, -6px);
-o-transform: translate(-50%, -6px);
transform: translate(-50%, -6px);
-webkit-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare a i,
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist a i {
margin-right: 0;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare a .button-tooltip,
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist a .button-tooltip {
padding: 2px 5px;
position: absolute;
text-transform: none;
display: inline-block;
min-width: 80px;
opacity: 0;
text-align: center;
visibility: hidden;
bottom: 100%;
left: 50%;
background: #555 !important;
color: #fff !important;
font-size: 12px !important;
line-height: 20px !important;
font-weight: normal;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare a .button-tooltip:after,
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist a .button-tooltip:after {
width: 0;
height: 0;
position: absolute;
bottom: -6px;
left: 50%;
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #555;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist {
width: auto;
float: left;
text-transform: uppercase;
margin-top: 0;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist a {
border: 1px solid #ccc;
height: 40px;
line-height: 40px;
padding: 0 15px;
display: block;
background: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist a:hover {
border: 1px solid #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist img {
display: none !important;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist .feedback {
display: none;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a i, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a i {
color: #333333;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare {
height: 40px;
line-height: 40px;
border: 1px solid #ccc;
background: transparent;
text-align: center;
text-transform: uppercase;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare i {
margin-left: 0;
font-size: 14px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare a {
display: block;
padding: 0 15px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare:hover {
border: 1px solid #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare:hover:before {
color: #fff;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta {
margin-top: 30px;
border-top: 1px solid #ededed;
padding-top: 20px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta > span {
display: block;
margin-bottom: 15px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta > span.devide_sign {
font-weight: 400;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta .sku_wrapper .label,
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta .posted_in .label,
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta .tagged_as .label {
color: #ababab;
font-size: 15px;
font-weight: 600;
padding: 0 20px 0 0;
text-transform: cap;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta .sku_wrapper a,
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta .posted_in a,
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta .tagged_as a {
text-transform: none;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .post-social-share .social-share-wrapper .social-share {
list-style: none;
list-style-type: none;
margin: 0;
padding: 0;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .post-social-share .social-share-wrapper .social-share li {
display: inline-block;
text-align: center;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .post-social-share .social-share-wrapper .social-share li.social-label {
color: #ababab;
font-size: 15px;
font-weight: 600;
margin-right: 10px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .post-social-share .social-share-wrapper .social-share li a {
padding: 0 10px;
}
.popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .post-social-share .social-share-wrapper .social-share li:hover a {
color: #333333;
}
.woocommerce.columns-1 ul.products li.product {
margin-bottom: 0;
}
.woocommerce.columns-1 ul.products li.product .product-inner {
text-align: left;
}
.woocommerce.columns-1 ul.products li.product .product-inner .onsale, .woocommerce.columns-1 ul.products li.product .product-inner .product-flash {
left: 47% !important;
margin-bottom: -50%;
}
.woocommerce.columns-1 ul.products li.product .product-inner .product-thumb-primary {
width: 33%;
float: left;
}
.woocommerce.columns-1 ul.products li.product .product-inner .product-thumb-primary img {
margin-bottom: 0;
}
.woocommerce.columns-1 ul.products li.product .product-inner .star-rating {
top: 10%;
left: 17%;
}
.woocommerce.columns-1 ul.products li.product .product-inner .woocommerce-loop-product__title, .woocommerce.columns-1 ul.products li.product .product-inner .price {
margin-left: 40%;
}
.woocommerce.columns-1 ul.products li.product .product-inner .product-actions {
display: none;
}
@media screen and (max-width: 991px) {
.woocommerce.columns-1 ul.products li.product {
width: 100%;
}
}
.wc-dnd-file-upload {
font-weight: 700;
color: #333333;
padding: 0 0 15px;
}
.wc-dnd-file-upload .codedropz-upload-wrapper {
font-weight: 400;
color: #696969;
}
.wc-dnd-file-upload .codedropz-upload-handler {
margin-top: 10px;
border-radius: 5px;
}
.wc-upload-wrap .codedropz-upload-inner a.cd-upload-btn {
background-color: #000;
border-radius: 5px;
color: #fff;
padding: 0 15px;
font-weight: 700;
transition: all .3s;
}
.wc-upload-wrap .codedropz-upload-inner a.cd-upload-btn:hover {
background-color: rgba(0, 0, 0, 0.8);
transition: all .3s;
}
.wc-upload-wrap .codedropz-upload-inner .codedropz-label {
font-size: 16px;
}
.wc-upload-wrap .codedropz-upload-inner .codedropz-label span.cd-icon {
margin-bottom: -6px;
}
.wc-upload-wrap .codedropz-upload-inner .codedropz-label .text {
color: #000;
}
.dnd-upload-counter {
right: 10px;
bottom: 5px;
}
@media screen and (max-width: 767px) {
.dnd-upload-counter {
bottom: 0;
}
}
.dnd-upload-status .dnd-upload-image {
margin-bottom: -10px;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar {
border-radius: 10px;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
background: #11b196;
}
.dnd-upload-status .dnd-upload-details .name {
color: #000;
}
.dnd-upload-status .dnd-upload-details .name em {
color: #000;
font-weight: 700;
font-style: normal;
}
.codedropz--results {
margin-bottom: 12px;
} .woocommerce table, .woocommerce th, .woocommerce td {
border: none;
}
.woocommerce thead {
background: none;
}
.woocommerce table.shop_table {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce a.button, .woocommerce input.button {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #444444;
color: #fff;
font-weight: normal;
text-transform: uppercase;
}
.woocommerce a.button:hover, .woocommerce input.button:hover {
background: #333333;
color: #fff;
}
.woocommerce-message {
border-top-color: #333333;
}
.woocommerce-message:before {
color: #333333;
}
.woocommerce-info {
border-top-color: #333333;
}
.woocommerce-info:before {
color: #333333;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
border: 1px solid #ededed;
padding: 8px 15px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
border: 1px solid #333333;
}   .banner-shortcode-wrap.style_1 .banner-content-wrap {
position: relative;
overflow: hidden;
text-align: center;
}
.banner-shortcode-wrap.style_1 .banner-content-wrap:hover .banner-content-inner {
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
}
.banner-shortcode-wrap.style_1 .banner-content-wrap:hover .banner-content-inner .banner-content {
opacity: 1;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
}
.banner-shortcode-wrap.style_1 .banner-content-wrap:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_1 .banner-content-wrap img {
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_1 .banner-content-wrap .banner-content-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 15px;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
}
.banner-shortcode-wrap.style_1 .banner-content-wrap .banner-content-inner .banner-content {
position: absolute;
top: 50%;
left: 0;
width: 100%;
opacity: 0;
color: #fff;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.banner-shortcode-wrap.style_1 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 24px;
font-weight: 300;
color: #fff;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_1 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 18px;
}
}
.banner-shortcode-wrap.style_2 .banner-content-wrap {
position: relative;
overflow: hidden;
}
.banner-shortcode-wrap.style_2 .banner-content-wrap:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_2 .banner-content-wrap img {
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content {
position: absolute;
left: 0;
width: 100%;
padding: 3% 5%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content.left {
text-align: left;
}
.banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content.center {
text-align: center;
}
.banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content.right {
text-align: right;
}
.banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content .banner-description {
color: #333333;
font-size: 15px;
font-weight: 700;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content .banner-description {
font-size: 13px;
}
}
.banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 34px;
font-weight: 700;
letter-spacing: 10px;
text-transform: uppercase;
word-spacing: 10px;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 18px;
margin-top: 8px;
letter-spacing: 5px;
word-spacing: 5px;
}
}
.banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content .banner-button {
color: #333333;
border-bottom: 1px solid rgba(51, 51, 51, 0.3);
display: inline-block;
line-height: 1.4;
letter-spacing: 1.5px;
padding-top: 8%;
font-weight: 700;
text-transform: uppercase;
}
.banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content .banner-button:hover {
border-bottom: 1px solid #333333;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-content .banner-button {
font-size: 12px;
}
}
.banner-shortcode-wrap.style_3 .banner-content-wrap {
position: relative;
overflow: hidden;
}
.banner-shortcode-wrap.style_3 .banner-content-wrap:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_3 .banner-content-wrap img {
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content {
position: absolute;
left: 0;
width: 100%;
padding: 3% 5%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content.left {
text-align: left;
}
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content.center {
text-align: center;
}
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content.right {
text-align: right;
}
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 34px;
font-weight: 700;
line-height: 1.3;
margin-bottom: 5px;
margin-top: 20%;
}
@media screen and (max-width: 1199px) {
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 24px;
}
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 18px;
}
}
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content .banner-description {
color: #333333;
font-size: 34px;
font-weight: 700;
line-height: 1.3;
}
@media screen and (max-width: 1199px) {
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content .banner-description {
font-size: 26px;
}
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content .banner-description {
font-size: 18px;
}
}
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content .banner-button {
color: #333333;
border-bottom: 1px solid rgba(51, 51, 51, 0.3);
display: inline-block;
line-height: 1.4;
letter-spacing: 1.5px;
padding-top: 5%;
font-weight: 700;
text-transform: uppercase;
}
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content .banner-button:hover {
border-bottom: 1px solid #333333;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_3 .banner-content-wrap .banner-content-inner .banner-content .banner-button {
font-size: 12px;
}
}
.banner-shortcode-wrap.style_4 {
margin-bottom: 40px;
}
.banner-shortcode-wrap.style_4 .banner-content-wrap {
position: relative;
}
.banner-shortcode-wrap.style_4 .banner-content-wrap:hover .banner-image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.banner-shortcode-wrap.style_4 .banner-content-wrap:hover .banner-image .banner-link {
opacity: 1;
visibility: visible;
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
-o-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.banner-shortcode-wrap.style_4 .banner-content-wrap .banner-image {
position: relative;
overflow: hidden;
text-align: center;
}
.banner-shortcode-wrap.style_4 .banner-content-wrap .banner-image .banner-link {
background-color: #fff;
color: #333333;
font-weight: 700;
margin-bottom: 0;
min-width: 150px;
opacity: 0;
visibility: hidden;
padding: 10px 30px;
position: absolute;
top: 50%;
left: 50%;
text-transform: uppercase;
-webkit-transform: translate(-50%, -50%) scale(0.8);
-ms-transform: translate(-50%, -50%) scale(0.8);
-o-transform: translate(-50%, -50%) scale(0.8);
transform: translate(-50%, -50%) scale(0.8);
-webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.banner-shortcode-wrap.style_4 .banner-content-wrap .banner-image img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.banner-shortcode-wrap.style_4 .banner-content-wrap .banner-content-inner .banner-content.left {
text-align: left;
}
.banner-shortcode-wrap.style_4 .banner-content-wrap .banner-content-inner .banner-content.center {
text-align: center;
}
.banner-shortcode-wrap.style_4 .banner-content-wrap .banner-content-inner .banner-content.right {
text-align: right;
}
.banner-shortcode-wrap.style_4 .banner-content-wrap .banner-content-inner .banner-title {
font-size: 18px;
font-weight: 700;
}
.banner-shortcode-wrap.style_4 .banner-content-wrap .banner-content-inner .banner-title .banner-description {
color: #696969;
font-size: 15px;
font-weight: normal;
padding-left: 8px;
}
.banner-shortcode-wrap.style_5 {
margin-bottom: 40px;
}
.banner-shortcode-wrap.style_5 .banner-content-wrap {
border: 1px solid #ededed;
padding: 30px;
text-align: center;
}
.banner-shortcode-wrap.style_5 .banner-content-wrap .banner-content-inner .banner-content {
padding: 16px 0 30px 0;
}
.banner-shortcode-wrap.style_5 .banner-content-wrap .banner-content-inner .banner-content i {
color: #333333;
font-size: 30px;
}
.banner-shortcode-wrap.style_5 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 34px;
font-weight: 900;
letter-spacing: 10px;
text-transform: uppercase;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_5 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 24px;
}
}
@media screen and (max-width: 767px) {
.banner-shortcode-wrap.style_5 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 24px;
}
}
.banner-shortcode-wrap.style_5 .banner-content-wrap .banner-content-inner .banner-content .banner-description {
color: #ababab;
font-size: 15px;
letter-spacing: 2px;
margin-top: 15px;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_5 .banner-content-wrap .banner-content-inner .banner-content .banner-description {
letter-spacing: 0;
}
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_5 .banner-content-wrap .banner-content-inner .banner-content {
padding: 16px 0 16px 0;
}
}
.banner-shortcode-wrap.style_6 .banner-content-wrap {
position: relative;
overflow: hidden;
}
.banner-shortcode-wrap.style_6 .banner-content-wrap:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_6 .banner-content-wrap img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_6 .banner-content-wrap .banner-content-inner {
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.banner-shortcode-wrap.style_6 .banner-content-wrap .banner-content-inner .banner-title {
font-size: 18px;
font-weight: 900;
line-height: 1.4;
}
.banner-shortcode-wrap.style_6 .banner-content-wrap .banner-content-inner .banner-description {
color: #333333;
font-size: 24px;
font-weight: 300;
letter-spacing: 6px;
text-transform: uppercase;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_6 .banner-content-wrap .banner-content-inner .banner-description {
letter-spacing: 3px;
}
}
.banner-shortcode-wrap.style_7 .banner-content-wrap {
position: relative;
overflow: hidden;
}
.banner-shortcode-wrap.style_7 .banner-content-wrap:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_7 .banner-content-wrap img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_7 .banner-content-wrap .banner-content-inner {
position: absolute;
top: 50%;
left: 50%;
width: 50%;
text-align: center;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
}
.banner-shortcode-wrap.style_7 .banner-content-wrap .banner-content-inner .banner-content {
background-color: #fff;
padding: 5px 20px;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_7 .banner-content-wrap .banner-content-inner .banner-content {
padding: 5px 10px;
}
}
.banner-shortcode-wrap.style_7 .banner-content-wrap .banner-content-inner .banner-title {
font-size: 18px;
font-weight: 900;
line-height: 1.3;
letter-spacing: 5px;
text-transform: uppercase;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_7 .banner-content-wrap .banner-content-inner .banner-title {
font-size: 14px;
}
}
.banner-shortcode-wrap.style_7 .banner-content-wrap .banner-content-inner .banner-description {
font-size: 15px;
}
.banner-shortcode-wrap.style_8 {
margin-bottom: 40px;
}
.banner-shortcode-wrap.style_8 .banner-content-wrap {
position: relative;
}
.banner-shortcode-wrap.style_8 .banner-content-wrap .banner-image {
padding-right: 55px;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_8 .banner-content-wrap .banner-image {
padding-right: 25px;
}
}
.banner-shortcode-wrap.style_8 .banner-content-wrap .banner-content-inner .banner-content.left {
text-align: left;
}
.banner-shortcode-wrap.style_8 .banner-content-wrap .banner-content-inner .banner-content.center {
text-align: center;
}
.banner-shortcode-wrap.style_8 .banner-content-wrap .banner-content-inner .banner-content.right {
text-align: right;
}
.banner-shortcode-wrap.style_8 .banner-content-wrap .banner-content-inner .banner-title {
font-size: 18px;
font-weight: 900;
}
.banner-shortcode-wrap.style_8 .banner-content-wrap .banner-content-inner .banner-description {
color: #696969;
font-size: 15px;
font-weight: normal;
}
.banner-shortcode-wrap.style_9 .banner-content-wrap {
position: relative;
overflow: hidden;
}
.banner-shortcode-wrap.style_9 .banner-content-wrap:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_9 .banner-content-wrap:hover .banner-content-inner .banner-description {
opacity: 1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_9 .banner-content-wrap img {
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_9 .banner-content-wrap .banner-content-inner {
position: absolute;
left: 0;
top: 0;
width: 100%;
padding: 0 25px;
}
.banner-shortcode-wrap.style_9 .banner-content-wrap .banner-content-inner .banner-title {
font-size: 18px;
font-weight: 700;
}
.banner-shortcode-wrap.style_9 .banner-content-wrap .banner-content-inner .banner-description {
opacity: 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_10 .banner-content-wrap {
position: relative;
overflow: hidden;
}
.banner-shortcode-wrap.style_10 .banner-content-wrap:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_10 .banner-content-wrap img {
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner .banner-content {
position: absolute;
left: 0;
width: 100%;
padding: 6% 10%;
}
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner .banner-content.left {
text-align: left;
}
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner .banner-content.center {
text-align: center;
}
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner .banner-content.right {
text-align: right;
}
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner .banner-content .banner-description {
color: #333333;
font-size: 15px;
font-weight: 700;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner .banner-content .banner-description {
font-size: 13px;
}
}
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 34px;
font-weight: 700;
margin-top: 10px;
}
@media screen and (max-width: 1199px) {
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 24px;
}
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 18px;
margin-top: 8px;
letter-spacing: 5px;
word-spacing: 5px;
}
}
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner .banner-content .banner-button {
color: #fff;
border-bottom: 1px solid white;
display: inline-block;
line-height: 1.4;
letter-spacing: 1.5px;
padding-top: 15px;
font-weight: 700;
text-transform: uppercase;
}
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner .banner-content .banner-button:hover {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_10 .banner-content-wrap .banner-content-inner .banner-content .banner-button {
font-size: 12px;
}
}
.banner-shortcode-wrap.style_11 .banner-content-wrap {
position: relative;
overflow: hidden;
}
.banner-shortcode-wrap.style_11 .banner-content-wrap:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_11 .banner-content-wrap img {
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
}
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner .banner-content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 6% 10%;
}
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner .banner-content.left {
text-align: left;
}
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner .banner-content.center {
text-align: center;
}
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner .banner-content.right {
text-align: right;
}
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner .banner-content .banner-description {
color: #333333;
font-size: 15px;
font-weight: 700;
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner .banner-content .banner-description {
font-size: 13px;
}
}
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 34px;
font-weight: 700;
margin-top: 10px;
}
@media screen and (max-width: 1199px) {
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 24px;
}
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner .banner-content .banner-title {
font-size: 18px;
margin-top: 8px;
letter-spacing: 5px;
word-spacing: 5px;
}
}
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner .banner-content .banner-button {
color: #333333;
border-bottom: 1px solid #333333;
display: inline-block;
line-height: 1.4;
letter-spacing: 1.5px;
padding-top: 15px;
font-weight: 700;
text-transform: uppercase;
}
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner .banner-content .banner-button:hover {
border-bottom: 1px solid rgba(51, 51, 51, 0.3);
}
@media screen and (max-width: 991px) {
.banner-shortcode-wrap.style_11 .banner-content-wrap .banner-content-inner .banner-content .banner-button {
font-size: 12px;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-2.portrait {
width: 50%;
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-2.landscape {
width: 100%;
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-2.small_squared {
width: 50%;
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-2.big_squared {
width: 100%;
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-2.default {
width: 50%;
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.portrait {
width: 33.3333333%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.portrait {
width: 50%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.landscape {
width: 66.6666666%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.landscape {
width: 100%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.small_squared {
width: 33.3333333%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.small_squared {
width: 50%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.big_squared {
width: 66.6666666%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.big_squared {
width: 100%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.default {
width: 33.3333333%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.default {
width: 50%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.portrait {
width: 25%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.portrait {
width: 50%;
height: auto !important;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.landscape {
width: 50%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.landscape {
width: 100%;
height: auto !important;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.small_squared {
width: 25%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.small_squared {
width: 50%;
height: auto !important;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.big_squared {
width: 50%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.big_squared {
width: 100%;
height: auto !important;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.default {
width: 25%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.default {
width: 50%;
height: auto !important;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.portrait {
width: 20%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.portrait {
width: 50%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.landscape {
width: 40%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.landscape {
width: 100%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.small_squared {
width: 20%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.small_squared {
width: 100%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.big_squared {
width: 40%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.big_squared {
width: 100%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.default {
width: 20%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.default {
width: 50%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.portrait {
width: 16.6666667%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.portrait {
width: 50%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.landscape {
width: 33.3333333%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.landscape {
width: 100%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.small_squared {
width: 16.6666667%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.small_squared {
width: 50%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.big_squared {
width: 33.3333333%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.big_squared {
width: 100%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.default {
width: 16.6666667%;
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.default {
width: 50%;
}
}
.banner-creative-shortcode-wrap .banner-list .banner-item.padding-5 {
padding: 0 5px;
margin: 5px 0;
}
.banner-creative-shortcode-wrap .banner-list .banner-item.padding-10 {
padding: 0 10px;
margin: 10px 0;
}
.banner-creative-shortcode-wrap .banner-list .banner-item.padding-15 {
padding: 0 15px;
margin: 15px 0;
}
.banner-creative-shortcode-wrap.style_1 .banner-list {
margin-left: -5px;
margin-right: -5px;
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-item:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-item:hover .banner-content-inner {
background-color: #fff;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-item:hover .banner-description {
opacity: 1;
visibility: visible;
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-item:hover .banner-link {
opacity: 1;
visibility: visible;
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-item a {
display: block;
position: relative;
overflow: hidden;
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-item img {
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-item.big_squared .banner-content-inner {
width: calc(50% - 40px);
height: calc(50% - 40px);
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-item.landscape .banner-content-inner {
width: calc(50% - 40px);
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-item.portrait .banner-content-inner {
height: calc(50% - 40px);
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-content-inner {
background-color: transparent;
padding: 20px;
position: absolute;
left: 20px;
bottom: 20px;
height: calc(100% - 40px);
width: calc(100% - 40px);
-webkit-transform: translateY(calc(100% - 50px));
-ms-transform: translateY(calc(100% - 50px));
-o-transform: translateY(calc(100% - 50px));
transform: translateY(calc(100% - 50px));
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-title {
font-size: 24px;
margin-top: 0;
}
@media screen and (max-width: 991px) {
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-title {
font-size: 18px;
}
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-description {
opacity: 0;
visibility: hidden;
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-link {
font-weight: 700;
margin-bottom: 0;
opacity: 0;
visibility: hidden;
padding-right: 30px;
text-transform: uppercase;
position: absolute;
bottom: 20px;
right: 20px;
}
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-link:after {
content: "\f3d6";
font-family: Ionicons;
font-size: 24px;
position: absolute;
right: 0;
top: -9px;
}
@media screen and (max-width: 991px) {
.banner-creative-shortcode-wrap.style_1 .banner-list .banner-link {
padding-right: 25px;
}
}
.banner-creative-shortcode-wrap.style_2 .banner-list {
margin-left: -10px;
margin-right: -10px;
}
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-item:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-item:hover .banner-content-inner {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-item:hover .banner-description {
opacity: 1;
visibility: visible;
}
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-item:hover .banner-link {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-item a {
display: block;
position: relative;
overflow: hidden;
}
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-item img {
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-content-inner {
position: absolute;
left: 0;
bottom: 0;
padding: 30px;
width: 100%;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 991px) {
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-content-inner {
padding: 20px;
}
}
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-title {
color: #696969;
font-size: 18px;
font-weight: 400;
margin-top: 0;
}
@media screen and (max-width: 991px) {
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-title {
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-title {
font-size: 16px;
}
}
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-description {
color: #333333;
font-size: 15px;
font-weight: 700;
}
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-link {
font-weight: 700;
margin-bottom: 0;
position: relative;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-link:hover:after {
padding-left: 15px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.banner-creative-shortcode-wrap.style_2 .banner-list .banner-link:after {
content: "\f3d6";
font-family: Ionicons;
font-size: 24px;
position: absolute;
padding-left: 5px;
top: -9px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.countdown-shortcode-wrap.number .countdown-content .list-time {
list-style: none;
padding: 0;
}
.countdown-shortcode-wrap.number .countdown-content .list-time li {
position: relative;
display: inline-block;
}
.countdown-shortcode-wrap.number .countdown-content .list-time li p {
margin: 0;
}
.countdown-shortcode-wrap.number .countdown-content .list-time li p.countdown-number {
color: #333333;
font-size: 34px;
font-weight: 600;
padding: 0 30px;
position: relative;
-ms-box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
@media screen and (max-width: 991px) {
.countdown-shortcode-wrap.number .countdown-content .list-time li p.countdown-number {
font-size: 28px;
padding: 0 20px;
}
}
@media screen and (max-width: 767px) {
.countdown-shortcode-wrap.number .countdown-content .list-time li p.countdown-number {
font-size: 16px;
}
}
.countdown-shortcode-wrap.number .countdown-content .list-time li p.countdown-number:after {
content: ":";
font-size: 18px;
position: absolute;
right: -5px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.countdown-shortcode-wrap.number .countdown-content .list-time li:last-child p.countdown-number:after {
content: "";
}
.countdown-shortcode-wrap.number.text-left .countdown-content .list-time li {
text-align: center;
}
.countdown-shortcode-wrap.number.text-left .countdown-content .list-time li:first-child p.countdown-number, .countdown-shortcode-wrap.number.text-left .countdown-content .list-time li:first-child p.countdown-text {
padding-left: 0;
}
.countdown-shortcode-wrap.number.text-left .countdown-content .list-time li p.countdown-text {
padding: 0 30px;
}
@media screen and (max-width: 991px) {
.countdown-shortcode-wrap.number.text-left .countdown-content .list-time li p.countdown-text {
padding: 0 15px;
}
}
.counter-shortcode-wrap.style_1 {
margin-top: 10px;
}
.counter-shortcode-wrap.style_1 .gr-counter .content-inner {
text-align: center;
}
.counter-shortcode-wrap.style_1 .gr-counter .content-inner .icon-wrap {
color: #fff;
font-size: 60px;
}
@media screen and (max-width: 991px) {
.counter-shortcode-wrap.style_1 .gr-counter .content-inner .icon-wrap {
font-size: 48px;
}
}
.counter-shortcode-wrap.style_1 .gr-counter .content-inner .gr-number-counter {
color: #fff;
font-size: 48px;
font-weight: 800;
line-height: 1.2;
margin-top: 25px;
}
@media screen and (max-width: 991px) {
.counter-shortcode-wrap.style_1 .gr-counter .content-inner .gr-number-counter {
font-size: 36px;
margin-top: 15px;
}
}
.counter-shortcode-wrap.style_1 .gr-counter .content-inner .gr-text-default {
color: #fff;
font-weight: normal;
}
@media screen and (max-width: 767px) {
.counter-shortcode-wrap.style_2 .gr-counter .content-inner {
text-align: center;
}
}
.counter-shortcode-wrap.style_2 .gr-counter .content-inner .gr-number-counter {
color: #333333;
font-size: 56px;
font-family: "Muli";
font-weight: 700;
}
@media screen and (max-width: 991px) {
.counter-shortcode-wrap.style_2 .gr-counter .content-inner .gr-number-counter {
font-size: 36px;
}
}
.counter-shortcode-wrap.style_2 .gr-counter .content-inner .gr-text-default {
text-transform: uppercase;
font-weight: 700;
font-style: italic;
}
@media screen and (max-width: 767px) {
.counter-shortcode-wrap.style_2 .gr-counter .content-inner .gr-text-default {
font-size: 14px;
}
} .clients-shortcode-wrap {
position: relative;
}
.clients-shortcode-wrap:hover .owl-nav .owl-prev, .clients-shortcode-wrap:hover .owl-nav .owl-next {
opacity: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.clients-shortcode-wrap.style_1 .clients-list .client-item:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.clients-shortcode-wrap.style_1 .clients-list .client-item img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.clients-shortcode-wrap.style_2 .clients-list .client-item {
opacity: .3;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.clients-shortcode-wrap.style_2 .clients-list .client-item:hover {
opacity: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.clients-shortcode-wrap .owl-nav .owl-prev, .clients-shortcode-wrap .owl-nav .owl-next {
position: absolute;
display: block;
top: 50%;
z-index: 999;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: rgba(0, 0, 0, 0.2);
color: #fff;
opacity: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.clients-shortcode-wrap .owl-nav .owl-prev:hover, .clients-shortcode-wrap .owl-nav .owl-next:hover {
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
}
.clients-shortcode-wrap .owl-nav .owl-prev {
left: 0;
}
.clients-shortcode-wrap .owl-nav .owl-next {
right: 0;
} .gmaps-shortcode-wrap .map-info {
max-width: 280px;
}
@media screen and (max-width: 991px) {
.gmaps-shortcode-wrap .map-info {
max-width: 260px;
}
}
.gmaps-shortcode-wrap .map-info .info-image {
float: left;
max-width: 200px;
}
@media screen and (max-width: 991px) {
.gmaps-shortcode-wrap .map-info .info-image {
max-width: 160px;
}
}
.gmaps-shortcode-wrap .map-info .info-address {
padding: 10px 0 5px 0;
}
.gmaps-shortcode-wrap .map-info .info-address p {
text-align: center;
color: #333333;
font-family: "Muli";
}
.gmaps-shortcode-wrap.toggle_button .gmaps-button-wrap .gmaps-toggle-button {
width: 200px;
margin: 0 auto;
padding: 15px 0;
border: 1px solid #333333;
text-align: center;
}
.gmaps-shortcode-wrap.toggle_button .gmaps-button-wrap .gmaps-toggle-button:hover {
background: #333333;
cursor: pointer;
} .icon-box-shortcode-wrap {
margin-bottom: 25px;
}
.icon-box-shortcode-wrap.style_1 .icon-box-container {
border: 1px solid #ededed;
text-align: left;
padding: 30px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 991px) {
.icon-box-shortcode-wrap.style_1 .icon-box-container {
padding: 20px;
}
}
.icon-box-shortcode-wrap.style_1 .icon-box-container:hover {
border: 1px solid #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.icon-box-shortcode-wrap.style_1 .icon-box-container .icon-wrap {
font-size: 48px;
line-height: 1;
padding-bottom: 15px;
}
@media screen and (max-width: 991px) {
.icon-box-shortcode-wrap.style_1 .icon-box-container .icon-wrap {
font-size: 34px;
padding-bottom: 10px;
}
}
.icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content .icon-title {
font-size: 18px;
font-weight: bold;
padding-bottom: 5px;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-font-smoothing: antialiased !important;
}
@media screen and (max-width: 991px) {
.icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content .icon-title {
font-size: 16px;
padding-bottom: 10px;
}
}
.icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content .icon-description {
font-family: "Muli";
font-size: 16px;
letter-spacing: 1px;
}
@media screen and (max-width: 991px) {
.icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content .icon-description {
font-size: 14px;
letter-spacing: inherit;
}
}
@media screen and (max-width: 767px) {
.icon-box-shortcode-wrap.style_1 .icon-box-container {
text-align: center;
}
}
.icon-box-shortcode-wrap.style_3 {
border-right: 1px solid #ededed;
}
@media screen and (max-width: 767px) {
.icon-box-shortcode-wrap.style_3 {
border-right: none;
}
}
.icon-box-shortcode-wrap.style_3.no-border {
border: none;
}
.icon-box-shortcode-wrap.style_3 .icon-box-container {
text-align: center;
}
.icon-box-shortcode-wrap.style_3 .icon-box-container .icon-content .icon-title {
font-size: 16px;
margin-top: 10px;
padding-top: 5px;
text-transform: uppercase;
}
@media screen and (max-width: 991px) {
.icon-box-shortcode-wrap.style_3 .icon-box-container .icon-content .icon-title {
font-size: 14px;
}
}
.icon-box-shortcode-wrap.style_3 .icon-box-container .icon-content .icon-title a {
color: #333333;
letter-spacing: .5px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.icon-box-shortcode-wrap.style_3 .icon-box-container .icon-content .icon-title a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.icon-box-shortcode-wrap.style_3 .icon-box-container .icon-content .icon-description {
color: #757575;
} .recent-news-shortcode-wrap {
position: relative;
}
.recent-news-shortcode-wrap.carousel:hover .recent-news-container .owl-nav .owl-prev, .recent-news-shortcode-wrap.carousel:hover .recent-news-container .owl-nav .owl-next {
opacity: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.recent-news-shortcode-wrap.carousel .recent-news-container article:hover .post-thumbnail img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail-link {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail {
overflow: hidden;
position: relative;
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail .post-category {
background-color: #fff;
bottom: 0;
position: absolute;
z-index: 3;
padding-left: 10px;
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail .post-category a {
color: #333333;
display: inline-block;
font-style: italic;
padding: 1px 0 1px 10px;
text-transform: uppercase;
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail .post-category a:hover {
color: #333333;
}
@media screen and (max-width: 991px) {
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail .post-category a {
font-size: 12px;
}
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-content {
background-color: #fff;
padding: 15px 0;
}
@media screen and (max-width: 991px) {
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-content {
padding: 15px;
}
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .entry-title {
margin-top: 0;
font-size: 22px;
font-weight: 600;
}
@media screen and (max-width: 991px) {
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .entry-title {
font-size: 18px;
}
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .entry-title a {
color: #333333;
line-height: 1.5;
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .entry-title a:hover {
color: #333333;
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .read-more {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
color: #333333;
display: inline-block;
font-weight: bold;
line-height: 1.1;
margin-top: 20px;
text-transform: uppercase;
letter-spacing: .5px;
padding-bottom: 1px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .read-more:hover {
border-bottom: 1px solid #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.recent-news-shortcode-wrap.carousel .recent-news-container .owl-nav .owl-prev, .recent-news-shortcode-wrap.carousel .recent-news-container .owl-nav .owl-next {
position: absolute;
display: block;
top: 50%;
z-index: 999;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: rgba(0, 0, 0, 0.2);
color: #fff;
opacity: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.recent-news-shortcode-wrap.carousel .recent-news-container .owl-nav .owl-prev:hover, .recent-news-shortcode-wrap.carousel .recent-news-container .owl-nav .owl-next:hover {
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
}
.recent-news-shortcode-wrap.carousel .recent-news-container .owl-nav .owl-prev {
left: 0;
}
.recent-news-shortcode-wrap.carousel .recent-news-container .owl-nav .owl-next {
right: 0;
}
.recent-news-shortcode-wrap.carousel_2:hover .recent-news-container .owl-nav .owl-prev, .recent-news-shortcode-wrap.carousel_2:hover .recent-news-container .owl-nav .owl-next {
opacity: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article {
position: relative;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-thumbnail-link {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content {
background-color: #fff;
padding: 25px;
text-align: center;
}
@media screen and (max-width: 991px) {
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content {
padding: 15px;
}
}
@media screen and (max-width: 991px) {
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .post-category {
font-size: 12px;
}
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .post-category a {
color: #ababab;
font-style: italic;
letter-spacing: 2px;
text-transform: uppercase;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .post-category a:hover {
color: #333333;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .entry-title {
margin-top: 10px;
}
@media screen and (max-width: 991px) {
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .entry-title {
font-size: 18px;
}
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .entry-title a {
color: #333333;
line-height: 1.5;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .entry-title a:hover {
color: #333333;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .post-excerpt {
padding-top: 5px;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .icon-readmore {
font-family: "Muli";
font-size: 18px;
font-weight: 700;
font-style: italic;
padding-top: 15px;
}
@media screen and (max-width: 991px) {
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .icon-readmore {
font-size: 16px;
}
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .icon-readmore a {
position: relative;
left: -15px;
-webkit-transition: left 0.3s;
-o-transition: left 0.3s;
transition: left 0.3s;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .icon-readmore a:hover {
left: 0;
-webkit-transition: left 0.3s;
-o-transition: left 0.3s;
transition: left 0.3s;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .icon-readmore a:hover:before {
opacity: 1;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .icon-readmore a:before {
content: "\f067";
font-family: fontAwesome;
font-style: normal;
font-weight: normal;
opacity: 0;
margin-right: 5px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container .owl-nav .owl-prev, .recent-news-shortcode-wrap.carousel_2 .recent-news-container .owl-nav .owl-next {
position: absolute;
display: block;
top: 50%;
z-index: 999;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: rgba(0, 0, 0, 0.2);
color: #fff;
opacity: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container .owl-nav .owl-prev:hover, .recent-news-shortcode-wrap.carousel_2 .recent-news-container .owl-nav .owl-next:hover {
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container .owl-nav .owl-prev {
left: 0;
}
.recent-news-shortcode-wrap.carousel_2 .recent-news-container .owl-nav .owl-next {
right: 0;
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item {
display: flex;
padding-bottom: 40px;
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-thumbnail-link, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-thumbnail-link {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-thumbnail, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-thumbnail {
padding-right: 15px;
width: 33.333333%;
}
@media screen and (max-width: 991px) {
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-thumbnail, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-thumbnail {
padding-right: 0;
}
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content {
padding-left: 15px;
width: 66.666666%;
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .post-meta {
font-size: 12px;
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta .post-meta-date, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .post-meta .post-meta-date {
background-color: #333333;
color: #fff;
display: inline-block;
font-weight: 500;
margin-right: 10px;
padding: 3px 10px;
position: relative;
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta .post-meta-date:after, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .post-meta .post-meta-date:after {
content: "";
position: absolute;
left: 0;
top: 100%;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 0;
border-color: #444444 transparent transparent transparent;
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta .post-meta-author, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .post-meta .post-meta-author {
background-color: #f2f2f2;
display: inline-block;
padding: 3px 10px;
font-weight: normal;
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta .post-meta-author span, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .post-meta .post-meta-author span {
text-transform: capitalize;
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta .post-meta-author a, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .post-meta .post-meta-author a {
color: #333333;
text-transform: capitalize;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta .post-meta-author a:hover, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .post-meta .post-meta-author a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .entry-title, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .entry-title {
font-weight: normal;
font-size: 18px;
line-height: 1.4;
padding-top: 5px;
padding-bottom: 5px;
}
@media screen and (max-width: 991px) {
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .entry-title, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .entry-title {
font-size: 16px;
}
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .entry-title a, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .entry-title a {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .entry-title a:hover, .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item .post-content .entry-title a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item {
padding-bottom: 0;
}
.images-gallery-shortcode-wrap.slick .gallery-filters ul {
list-style: none;
padding: 0;
}
.images-gallery-shortcode-wrap.slick .gallery-filters ul.filter-left {
text-align: left;
}
.images-gallery-shortcode-wrap.slick .gallery-filters ul.filter-center {
text-align: center;
}
.images-gallery-shortcode-wrap.slick .gallery-filters ul.filter-right {
text-align: right;
}
.images-gallery-shortcode-wrap.slick .gallery-filters ul li {
display: inline-block;
padding: 0 3px;
margin-bottom: 5px;
}
.images-gallery-shortcode-wrap.slick .gallery-filters ul li a {
background-color: #fff;
color: #666;
display: inline-block;
font-weight: normal;
padding: 8px 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.slick .gallery-filters ul li a:hover, .images-gallery-shortcode-wrap.slick .gallery-filters ul li a.active {
background-color: #333333;
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.slick .images-groups {
margin-top: 65px;
margin-left: -15px;
margin-right: -15px;
}
.images-gallery-shortcode-wrap.slick .images-groups .image-group {
position: relative;
}
.images-gallery-shortcode-wrap.slick .images-groups .image-group .image-item {
margin: 0 15px;
}
.images-gallery-shortcode-wrap.slick .images-groups .image-group .image-item:focus {
outline: none;
}
.images-gallery-shortcode-wrap.slick .images-groups .image-group .image-item .slide-item img {
width: 100%;
}
.images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-prev, .images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-next {
background: #fff;
border: none;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
outline: none;
padding: 8px;
position: absolute;
top: 50%;
z-index: 999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-prev:before, .images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-next:before {
color: #696969;
font-family: 'slick';
font-size: 18px;
line-height: 1;
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-prev:hover, .images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-next:hover {
background: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-prev:hover:before, .images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-next:hover:before {
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-prev {
left: 15px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-prev:before {
content: "\eb26";
font-family: IcoFont;
}
.images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-next {
right: 15px;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.images-gallery-shortcode-wrap.slick .images-groups .image-group .slick-arrow.slick-next:before {
content: "\eb27";
font-family: IcoFont;
}
.images-gallery-shortcode-wrap.slick .images-groups .gallery-viewmore {
margin-top: 60px;
text-align: center;
}
@media screen and (max-width: 767px) {
.images-gallery-shortcode-wrap.slick .images-groups .gallery-viewmore {
margin-top: 30px;
}
}
.images-gallery-shortcode-wrap.slick .images-groups .gallery-viewmore a {
display: inline-block;
padding: 8px 30px;
background-color: #333333;
color: #fff;
font-weight: 500;
text-transform: uppercase;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.slick .images-groups .gallery-viewmore a:hover {
background-color: #444444;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.grid .images-list .image-item {
float: left;
}
.images-gallery-shortcode-wrap.grid .images-list .image-item:hover .slide-item:before {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.grid .images-list .image-item:hover .slide-item .image-meta {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item {
position: relative;
}
.images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
background-color: rgba(51, 51, 51, 0.9);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta {
position: absolute;
width: 100%;
top: 50%;
text-align: center;
color: #fff;
opacity: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta i {
font-size: 40px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 991px) {
.images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta i {
font-size: 30px;
}
}
.images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta i:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta .image-title {
color: #fff;
font-size: 18px;
font-family: "Muli";
text-transform: uppercase;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 991px) {
.images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta .image-title {
font-size: 16px;
}
}
.images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta .image-title:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.images-gallery-shortcode-wrap.grid .images-list .image-item.padding-5 {
padding: 5px;
}
.images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-2 {
width: 50%;
}
.images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-3 {
width: 33.333333%;
}
@media screen and (max-width: 767px) {
.images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-3 {
width: 50%;
}
}
.images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-4 {
width: 25%;
}
@media screen and (max-width: 767px) {
.images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-4 {
width: 50%;
}
}
.images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-5 {
width: 20%;
}
@media screen and (max-width: 991px) {
.images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-5 {
width: 25%;
}
}
@media screen and (max-width: 767px) {
.images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-5 {
width: 50%;
}
} .decoration-shortcode-wrapper.line {
height: 4px;
}
.decoration-shortcode-wrapper.line .zigzag {
position: relative;
width: 100%;
}
.decoration-shortcode-wrapper.line .zigzag:before {
content: ' ';
display: block;
height: 4px;
position: absolute;
left: 0;
right: 0;
}
.decoration-shortcode-wrapper.line .zigzag:before {
background: linear-gradient(45deg, #FCFCFB 25%, transparent 25%), linear-gradient(315deg, #FCFCFB 25%, transparent 25%), linear-gradient(225deg, #FFFFFF 25%, transparent 25%) -2px 0, linear-gradient(135deg, #FFFFFF 25%, transparent 25%) -2px 0;
background-size: 4px 4px;
background-color: #d1ebf6;
}
.decoration-shortcode-wrapper .rectangle {
padding: 30px 0;
border: 5px solid #d1ebf6;
}
@media screen and (max-width: 767px) {
.decoration-shortcode-wrapper .rectangle {
display: none;
}
}
.decoration-shortcode-wrapper .stber {
border-radius: 50%;
background-color: #d1ebf6;
}
@media screen and (max-width: 767px) {
.decoration-shortcode-wrapper .stber {
display: none;
}
} .video-shortcode-wrap.style_1 {
text-align: center;
}
.video-shortcode-wrap.style_1 .video-title {
color: #fff;
font-size: 60px;
}
@media screen and (max-width: 991px) {
.video-shortcode-wrap.style_1 .video-title {
font-size: 48px;
}
}
@media screen and (max-width: 767px) {
.video-shortcode-wrap.style_1 .video-title {
font-size: 36px;
}
}
.video-shortcode-wrap.style_1 .video-title .title-light {
font-weight: 100;
}
.video-shortcode-wrap.style_1 .video-title .title-bold {
font-weight: 700;
}
.video-shortcode-wrap.style_1 .video-button a {
display: block;
width: 60px;
height: 60px;
line-height: 68px;
text-align: center;
background: rgba(0, 0, 0, 0.35);
color: #fff;
position: relative;
margin: 0 auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.video-shortcode-wrap.style_1 .video-button a:after {
content: '';
position: absolute;
pointer-events: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 0;
z-index: -1;
opacity: 0;
-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
-moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-ms-box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.video-shortcode-wrap.style_1 .video-button a:hover:after {
-webkit-animation: sonarEffect 1.3s ease-out 75ms;
-o-animation: sonarEffect 1.3s ease-out 75ms;
animation: sonarEffect 1.3s ease-out 75ms;
}
.video-shortcode-wrap.style_1 .video-button a i {
font-size: 24px;
margin-left: 6px;
} .text-label-shortcode-wrap.style_1 .text-label-content {
color: #333333;
width: 100px;
height: 100px;
background-color: #fff;
text-align: center;
line-height: 1.4;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg);
-webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03);
}
.text-label-shortcode-wrap.style_1 .text-label-content .label-title {
text-transform: uppercase;
font-weight: 500;
padding-top: 30px;
letter-spacing: 1px;
}
.text-label-shortcode-wrap.style_1 .text-label-content .label-sub-title {
font-size: 18px;
font-weight: 900;
-webkit-font-smoothing: antialiased;
}
.text-label-shortcode-wrap.style_2 .text-label-content {
color: #fff;
line-height: 1.4;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
letter-spacing: 1px;
}
@media screen and (max-width: 1199px) {
.text-label-shortcode-wrap.style_2 .text-label-content {
font-size: 20px;
}
}
.open-hours-shortcode-wrap.style_1 ul {
list-style: none;
padding: 0;
margin: 0;
}
.open-hours-shortcode-wrap.style_1 li {
border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
padding: 12px 0;
}
.open-hours-shortcode-wrap.style_1 li span {
float: right;
} .footer-contact-shortcode-wrap.style_1 .footer-contact-content .contact-information {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.footer-contact-shortcode-wrap.style_1 .footer-contact-content .contact-information li {
color: #333333;
padding: 5px 0;
font-weight: 500;
}
.footer-contact-shortcode-wrap.style_1 .footer-contact-content .contact-information li span {
margin-right: 20px;
}
.footer-contact-shortcode-wrap.style_1 .footer-contact-content .contact-information li span.contact-icon {
display: none;
}
.footer-contact-shortcode-wrap.style_1 .footer-contact-content .contact-information li span.contact-label {
color: #696969;
font-weight: normal;
}
.footer-link-shortcode-wrap.style_1 {
padding-top: 1%;
}
.footer-link-shortcode-wrap.style_1 .footer-link-content .link-list {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
text-align: center;
}
.footer-link-shortcode-wrap.style_1 .footer-link-content .link-list li {
display: inline-block;
padding: 0 20px;
}
@media screen and (max-width: 991px) {
.footer-link-shortcode-wrap.style_1 .footer-link-content .link-list li {
padding: 0 15px;
}
}
@media screen and (max-width: 767px) {
.footer-link-shortcode-wrap.style_1 .footer-link-content .link-list li {
padding: 0 10px;
}
}
.footer-link-shortcode-wrap.style_1 .footer-link-content .link-list li a {
color: #333333;
letter-spacing: 1px;
font-weight: 700;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-link-shortcode-wrap.style_1 .footer-link-content .link-list li a:hover {
color: #ababab;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-link-shortcode-wrap.style_2 .footer-link-content .link-list {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.footer-link-shortcode-wrap.style_2 .footer-link-content .link-list li {
padding: 6px 0;
}
.footer-link-shortcode-wrap.style_2 .footer-link-content .link-list li:first-child {
margin-top: 25px;
}
.footer-link-shortcode-wrap.style_2 .footer-link-content .link-list li a {
padding-bottom: 1px;
border-bottom: 1px solid transparent;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-link-shortcode-wrap.style_2 .footer-link-content .link-list li a:hover {
border-bottom: 1px solid rgba(105, 105, 105, 0.6);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-link-shortcode-wrap.style_3 .footer-link-content .link-list {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
font-weight: 600;
text-align: right;
}
@media screen and (max-width: 767px) {
.footer-link-shortcode-wrap.style_3 .footer-link-content .link-list {
text-align: left;
}
}
.footer-link-shortcode-wrap.style_3 .footer-link-content .link-list li {
display: inline-block;
font-weight: 700;
font-size: 13px;
margin-left: 30px;
padding: 6px 0;
text-transform: uppercase;
}
.footer-link-shortcode-wrap.style_3 .footer-link-content .link-list li:first-child {
margin-left: 0;
}
.footer-link-shortcode-wrap.style_3 .footer-link-content .link-list li a {
color: #ababab;
}
.footer-link-shortcode-wrap.style_3 .footer-link-content .link-list li a:hover {
text-decoration: underline;
color: #333333;
}
.footer-gallery-shortcode-wrap.style_1 .footer-gallery-content {
padding-top: 5px;
}
.footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list {
list-style: none;
list-style-type: none;
padding: 0;
margin-left: -10px;
margin-right: -10px;
}
.footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list li {
float: left;
overflow: hidden;
opacity: 1;
padding: 10px;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list li:hover a {
border: 1px solid #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list li:hover img {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list li a {
background-color: #434343;
border: 1px solid #434343;
display: block;
padding: 15px;
position: relative;
z-index: 2;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list li img {
width: 100%;
position: relative;
opacity: .5;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list.columns-2 li {
width: 50%;
}
.footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list.columns-3 li {
width: 33.333333%;
}
.footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list.columns-4 li {
width: 25%;
}
.footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list.columns-5 li {
width: 20%;
}
.footer-social-shortcode-wrap .footer-social-content .social-list.align-center {
text-align: center;
}
.footer-social-shortcode-wrap .footer-social-content .social-list.align-left {
text-align: left;
}
.footer-social-shortcode-wrap .footer-social-content .social-list.align-right {
text-align: right;
}
@media screen and (max-width: 767px) {
.footer-social-shortcode-wrap .footer-social-content .social-list.align-right {
text-align: left;
}
}
.footer-social-shortcode-wrap.style_1 .footer-social-content {
margin-top: 35px;
}
@media screen and (max-width: 767px) {
.footer-social-shortcode-wrap.style_1 .footer-social-content {
margin-top: 0;
}
}
.footer-social-shortcode-wrap.style_1 .footer-social-content .social-list {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.footer-social-shortcode-wrap.style_1 .footer-social-content .social-list li {
display: inline-block;
padding: 0 20px;
}
@media screen and (max-width: 767px) {
.footer-social-shortcode-wrap.style_1 .footer-social-content .social-list li {
padding: 0 15px;
}
}
.footer-social-shortcode-wrap.style_1 .footer-social-content .social-list li a {
color: #ababab;
display: inline-block;
font-size: 20px;
text-align: center;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-social-shortcode-wrap.style_1 .footer-social-content .social-list li a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 767px) {
.footer-social-shortcode-wrap.style_1 .footer-social-content .social-list li a {
font-size: 16px;
}
}
.footer-social-shortcode-wrap.style_2 .footer-social-content .social-list {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.footer-social-shortcode-wrap.style_2 .footer-social-content .social-list li {
display: inline-block;
padding: 0 10px;
}
.footer-social-shortcode-wrap.style_2 .footer-social-content .social-list li a {
color: #ababab;
display: inline-block;
font-size: 16px;
line-height: 1;
text-align: center;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-social-shortcode-wrap.style_2 .footer-social-content .social-list li a:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-social-shortcode-wrap.style_2 .footer-social-content .social-list.align-left li:first-child {
padding-left: 0;
}
.footer-social-shortcode-wrap.style_2 .footer-social-content .social-list.align-right li:last-child {
padding-right: 0;
}
.footer-social-shortcode-wrap.style_3 .footer-social-content .social-list {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.footer-social-shortcode-wrap.style_3 .footer-social-content .social-list li {
display: inline-block;
margin-left: 15px;
}
.footer-social-shortcode-wrap.style_3 .footer-social-content .social-list li:first-child {
margin-left: 0;
}
.footer-social-shortcode-wrap.style_3 .footer-social-content .social-list li a {
color: #333333;
display: inline-block;
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
text-align: center;
width: 45px;
height: 45px;
line-height: 43px;
border: 2px solid rgba(237, 237, 237, 0.2);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer-social-shortcode-wrap.style_3 .footer-social-content .social-list li a:hover {
background-color: #333333;
border: 2px solid #333333;
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}  .teammember-shortcode-wrap.grid .teammember-list .team-item {
float: left;
padding: 5px;
width: 25%;
}
@media screen and (max-width: 991px) {
.teammember-shortcode-wrap.grid .teammember-list .team-item {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.teammember-shortcode-wrap.grid .teammember-list .team-item {
width: 50%;
}
}
.teammember-shortcode-wrap.grid .teammember-list .team-item:hover .team-content:before {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.teammember-shortcode-wrap.grid .teammember-list .team-item:hover .team-content .team-meta {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.teammember-shortcode-wrap.grid .teammember-list .team-item.team-info {
float: left;
width: 50%;
padding: 5px;
}
@media screen and (max-width: 991px) {
.teammember-shortcode-wrap.grid .teammember-list .team-item.team-info {
width: 100%;
}
}
.teammember-shortcode-wrap.grid .teammember-list .team-item.team-info .info-content {
border: 1px solid #ededed;
padding: 40px;
height: 100%;
}
@media screen and (max-width: 991px) {
.teammember-shortcode-wrap.grid .teammember-list .team-item.team-info .info-content {
padding: 20px;
}
}
.teammember-shortcode-wrap.grid .teammember-list .team-item.team-info .info-content .info-title {
margin: 15px 0;
}
.teammember-shortcode-wrap.grid .teammember-list .team-item .team-content {
position: relative;
}
.teammember-shortcode-wrap.grid .teammember-list .team-item .team-content:before {
background-color: rgba(51, 51, 51, 0.8);
content: "";
opacity: 0;
visibility: hidden;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.teammember-shortcode-wrap.grid .teammember-list .team-item .team-content .team-meta {
opacity: 0;
visibility: hidden;
position: absolute;
left: 0;
right: 0;
top: 50%;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.teammember-shortcode-wrap.grid .teammember-list .team-item .team-content .team-meta .team-title {
color: #fff;
font-family: "Muli";
font-size: 18px;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.teammember-shortcode-wrap.grid .teammember-list .team-item .team-content .team-meta .team-title {
font-size: 14px;
}
}
.teammember-shortcode-wrap.grid .teammember-list .team-item .team-content .team-meta .team-position {
color: #fff;
font-style: italic;
font-family: "Muli";
}
.teammember-shortcode-wrap.grid .teammember-list .team-item.viewmore {
position: relative;
}
.teammember-shortcode-wrap.grid .teammember-list .team-item.viewmore:hover .team-viewmore {
color: #333333;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.teammember-shortcode-wrap.grid .teammember-list .team-item.viewmore .team-viewmore {
background-color: #333;
position: absolute;
bottom: 0;
color: #fff;
left: 0;
right: 0;
top: 0;
margin: 5px;
text-align: center;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.teammember-shortcode-wrap.grid .teammember-list .team-item.viewmore .team-viewmore .viewmore-button {
position: absolute;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.teammember-shortcode-wrap.grid .teammember-list .team-item.viewmore .team-viewmore .viewmore-button .plus-sign {
font-size: 50px;
}
@media screen and (max-width: 767px) {
.teammember-shortcode-wrap.grid .teammember-list .team-item.viewmore .team-viewmore .viewmore-button .plus-sign {
font-size: 30px;
}
}
.teammember-shortcode-wrap.grid .teammember-list .team-item.viewmore .team-viewmore .viewmore-button p {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.teammember-shortcode-wrap.grid .teammember-list .team-item.viewmore .team-viewmore .viewmore-button p {
font-size: 14px;
}
}
.teammember-shortcode-wrap.grid_2 .teammember-list .team-item {
float: left;
padding: 10px;
width: 50%;
}
.teammember-shortcode-wrap.grid_2 .teammember-list .team-item:hover .team-content .team-image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
}
.teammember-shortcode-wrap.grid_2 .teammember-list .team-item .team-content .team-image {
overflow: hidden;
}
.teammember-shortcode-wrap.grid_2 .teammember-list .team-item .team-content .team-image img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
}
.teammember-shortcode-wrap.grid_2 .teammember-list .team-item .team-content .team-meta {
text-align: center;
}
.teammember-shortcode-wrap.grid_2 .teammember-list .team-item .team-content .team-meta .team-title {
font-family: "Muli";
margin-bottom: 10px;
margin-top: 30px;
text-transform: uppercase;
}
@media screen and (max-width: 991px) {
.teammember-shortcode-wrap.grid_2 .teammember-list .team-item .team-content .team-meta .team-title {
font-size: 16px;
}
}
@media screen and (max-width: 991px) {
.teammember-shortcode-wrap.grid_2 .teammember-list .team-item .team-content .team-meta .team-title {
font-size: 14px;
}
}
.teammember-shortcode-wrap.grid_2 .teammember-list .team-item .team-content .team-meta .team-position {
color: #ababab;
font-family: "Muli";
font-style: italic;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item {
padding: 10px;
float: left;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item:hover .team-content .team-image:before {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item:hover .team-content .team-image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item:hover .team-content .team-image .member-socials {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-2 {
width: 50%;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-3 {
width: 33.333333%;
}
@media screen and (max-width: 767px) {
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-3 {
width: 50%;
}
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-4 {
width: 25%;
}
@media screen and (max-width: 991px) {
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-4 {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-4 {
width: 50%;
}
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-5 {
width: 20%;
}
@media screen and (max-width: 991px) {
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-5 {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-5 {
width: 50%;
}
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-6 {
width: 16.666666%;
}
@media screen and (max-width: 991px) {
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-6 {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item.columns-6 {
width: 50%;
}
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image {
overflow: hidden;
position: relative;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(38, 38, 38, 0.8);
z-index: 1;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image .member-socials {
padding-left: 30px;
position: absolute;
left: 0;
bottom: 15px;
width: 100%;
list-style-type: none;
list-style: none;
z-index: 2;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image .member-socials .member-social {
padding: 1px 0;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image .member-socials .member-social a {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
color: #ababab;
position: relative;
left: -19px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image .member-socials .member-social a:hover {
color: #333333;
left: 0;
text-decoration: underline;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image .member-socials .member-social a:hover i {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-image .member-socials .member-social a i {
margin-right: 5px;
min-width: 12px;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-meta {
text-align: center;
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-meta .team-title {
font-family: "Muli";
margin-bottom: 10px;
margin-top: 30px;
text-transform: uppercase;
}
@media screen and (max-width: 991px) {
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-meta .team-title {
font-size: 16px;
}
}
@media screen and (max-width: 991px) {
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-meta .team-title {
font-size: 14px;
}
}
.teammember-shortcode-wrap.grid_3 .teammember-list .team-item .team-content .team-meta .team-position {
color: #ababab;
font-family: "Muli";
font-style: italic;
} .testimonial-shortcode-wrap.carousel {
text-align: center;
position: relative;
}
.testimonial-shortcode-wrap.carousel:hover .owl-nav {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.testimonial-shortcode-wrap.carousel .testimonial-list:before {
content: "\f347";
font-family: Ionicons;
font-size: 200px;
color: rgba(51, 51, 51, 0.05);
line-height: 1;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item:focus {
outline: none;
}
.testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-content {
padding: 35px 15% 30px 15%;
margin-top: 30px;
position: relative;
}
.testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-content .testimonial-image {
max-width: 80px;
margin: 0 auto;
padding-top: 5%;
position: relative;
}
.testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-content .testimonial-image img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-content .text-testimonial {
font-size: 24px;
padding-top: 5%;
}
@media screen and (max-width: 991px) {
.testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-content .text-testimonial {
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-content .text-testimonial {
font-size: 14px;
}
}
.testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-content .testimonial-author-meta .testimonial-title {
font-size: 14px;
margin-bottom: 10px;
margin-top: 15px;
padding-top: 10px;
position: relative;
text-transform: uppercase;
}
.testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-content .testimonial-author-meta .testimonial-position {
font-size: 13px;
font-style: italic;
margin-bottom: 8px;
}
.testimonial-shortcode-wrap.carousel .owl-nav .owl-prev, .testimonial-shortcode-wrap.carousel .owl-nav .owl-next {
position: absolute;
color: #ccc;
display: block;
font-size: 56px;
top: 30%;
z-index: 9;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.testimonial-shortcode-wrap.carousel .owl-nav .owl-prev:hover, .testimonial-shortcode-wrap.carousel .owl-nav .owl-next:hover {
cursor: pointer;
color: #333333;
}
.testimonial-shortcode-wrap.carousel .owl-nav .owl-prev {
left: 10px;
}
.testimonial-shortcode-wrap.carousel .owl-nav .owl-next {
right: 10px;
}
.testimonial-shortcode-wrap.carousel_2 {
position: relative;
}
@media screen and (max-width: 767px) {
.testimonial-shortcode-wrap.carousel_2 {
margin-top: 10px;
}
}
.testimonial-shortcode-wrap.carousel_2:hover .owl-nav {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.testimonial-shortcode-wrap.carousel_2 .testimonial-list:before {
content: "\f347";
font-family: Ionicons;
font-size: 28px;
color: #333333;
line-height: 1;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item {
text-align: center;
}
.testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item:focus {
outline: none;
}
.testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-content {
padding: 35px 15% 30px 15%;
margin-top: 30px;
position: relative;
font-size: 24px;
}
@media screen and (max-width: 991px) {
.testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-content {
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-content {
font-size: 14px;
}
}
.testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-author .testimonial-title {
font-size: 18px;
margin-bottom: 10px;
margin-top: 15px;
position: relative;
letter-spacing: 2px;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-author .testimonial-title {
font-size: 14px;
}
}
.testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-author .testimonial-position {
font-size: 13px;
font-style: italic;
margin-bottom: 8px;
}
.testimonial-shortcode-wrap.carousel_2 .owl-nav {
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.testimonial-shortcode-wrap.carousel_2 .owl-nav .owl-prev, .testimonial-shortcode-wrap.carousel_2 .owl-nav .owl-next {
position: absolute;
color: #ccc;
display: block;
font-size: 56px;
top: 30%;
z-index: 9;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.testimonial-shortcode-wrap.carousel_2 .owl-nav .owl-prev:hover, .testimonial-shortcode-wrap.carousel_2 .owl-nav .owl-next:hover {
cursor: pointer;
color: #333333;
}
.testimonial-shortcode-wrap.carousel_2 .owl-nav .owl-prev {
left: 10px;
}
.testimonial-shortcode-wrap.carousel_2 .owl-nav .owl-next {
right: 10px;
}
.testimonial-shortcode-wrap.carousel_3 {
text-align: center;
position: relative;
}
.testimonial-shortcode-wrap.carousel_3:hover .owl-nav {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item:focus {
outline: none;
}
.testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-image {
max-width: 110px;
margin: 0 auto;
position: relative;
}
.testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-image .quote-sign {
position: absolute;
right: 0;
top: 0;
width: 35px;
height: 35px;
line-height: 38px;
background-color: #333333;
text-align: center;
z-index: 9;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-image .quote-sign:before {
content: "\f0b2";
color: #fff;
font-family: IcoFont;
font-size: 18px;
}
.testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-image img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content {
border: 1px solid #ededed;
padding: 35px 10% 30px 10%;
margin-top: 30px;
position: relative;
}
.testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content:before, .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content:after {
content: "";
border-style: solid;
border-color: transparent;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content:before {
border-width: 0 10px 13px 10px;
border-bottom-color: #ededed;
right: auto;
bottom: 100%;
}
.testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content:after {
border-width: 0 10px 13px 10px;
border-bottom-color: #fff;
right: auto;
bottom: calc(100% - 2px);
}
.testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content .testimonial-author-meta .testimonial-title {
font-size: 14px;
margin-bottom: 10px;
margin-top: 15px;
padding-top: 30px;
position: relative;
text-transform: uppercase;
}
.testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content .testimonial-author-meta .testimonial-title:before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 30px;
height: 3px;
background-color: #333333;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content .testimonial-author-meta .testimonial-position {
font-size: 13px;
font-style: italic;
margin-bottom: 8px;
}
.testimonial-shortcode-wrap.carousel_3 .owl-nav {
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.testimonial-shortcode-wrap.carousel_3 .owl-nav .owl-prev, .testimonial-shortcode-wrap.carousel_3 .owl-nav .owl-next {
position: absolute;
display: block;
top: 50%;
z-index: 9;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #f6f6f6;
color: #a5a5a5;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.testimonial-shortcode-wrap.carousel_3 .owl-nav .owl-prev:hover, .testimonial-shortcode-wrap.carousel_3 .owl-nav .owl-next:hover {
background: #333333;
cursor: pointer;
color: #fff;
}
.testimonial-shortcode-wrap.carousel_3 .owl-nav .owl-prev {
left: 10px;
}
.testimonial-shortcode-wrap.carousel_3 .owl-nav .owl-next {
right: 10px;
}
.hidden {
display: none;
}
.portfolio-container {
overflow: hidden;
position: relative;
}
.portfolio-tabs {
margin-bottom: 40px;
}
.portfolio-tabs .tab-wrapper.left {
text-align: left;
}
.portfolio-tabs .tab-wrapper.center {
text-align: center;
}
.portfolio-tabs .tab-wrapper.right {
text-align: right;
}
.portfolio-tabs .tab-wrapper ul {
list-style: none;
padding: 0;
position: relative;
}
.portfolio-tabs .tab-wrapper ul li {
display: inline-block;
margin-left: 4px;
margin-right: 4px;
position: relative;
}
.portfolio-tabs .tab-wrapper ul li:first-child {
margin-left: 0;
}
.portfolio-tabs .tab-wrapper ul li a {
color: #333333;
border: none;
min-width: auto;
padding: 5px 10px;
text-transform: uppercase;
}
.portfolio-tabs .tab-wrapper ul li a:before {
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
position: absolute;
left: 0;
bottom: 0;
content: '';
width: 100%;
height: 1px;
background-color: #333333;
}
.portfolio-tabs .tab-wrapper ul li:hover a {
color: #333333;
}
.portfolio-tabs .tab-wrapper ul li.active a {
color: #333333;
}
.portfolio-tabs .tab-wrapper ul li.active a:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.paging {
text-align: center;
}
.paging .load-more {
margin-top: 30px;
margin-bottom: 30px;
text-transform: uppercase;
padding: 5px 20px;
border: 1px solid #ededed;
color: #333333;
}
.paging .load-more:hover {
background-color: #333333;
border-color: #333333;
color: #fff;
} div.light_rounded .pp_description,
div.light_square .pp_description {
text-align: center;
font-weight: 600;
font-size: 16px;
}
div.light_rounded .pp_description a,
div.light_square .pp_description a {
text-decoration: none;
}
div.light_rounded .pp_description a:hover,
div.light_square .pp_description a:hover {
text-decoration: none;
} .portfolio-wrapper.col-padding-5 .portfolio-item {
padding: 0 5px;
margin: 5px 0;
}
.portfolio-wrapper.col-padding-10 .portfolio-item {
padding: 0 10px;
margin: 10px 0;
}
.portfolio-wrapper.col-padding-15 .portfolio-item {
padding: 0 15px;
margin: 15px 0;
}
.portfolio-wrapper.col-padding-20 .portfolio-item {
padding: 0 20px;
margin: 20px 0;
}
.portfolio-wrapper.stber-col-md-2 .portfolio-item {
width: 50%;
}
.portfolio-wrapper.stber-col-md-2 .portfolio-item .portfolio-title-wrap.top .portfolio-title, .portfolio-wrapper.stber-col-md-2 .portfolio-item .portfolio-title-wrap.bottom .portfolio-title {
font-size: 24px;
}
.portfolio-wrapper.stber-col-md-2 .portfolio-item .portfolio-title-wrap.top .portfolio-tag, .portfolio-wrapper.stber-col-md-2 .portfolio-item .portfolio-title-wrap.bottom .portfolio-tag {
font-size: 18px;
}
.portfolio-wrapper.stber-col-md-2 .portfolio-item.portrait {
width: 50%;
}
.portfolio-wrapper.stber-col-md-2 .portfolio-item.landscape {
width: 100%;
}
.portfolio-wrapper.stber-col-md-2 .portfolio-item.small_squared {
width: 50%;
}
.portfolio-wrapper.stber-col-md-2 .portfolio-item.big_squared {
width: 100%;
}
.portfolio-wrapper.stber-col-md-3 .portfolio-item {
width: 33.3333333%;
}
.portfolio-wrapper.stber-col-md-3 .portfolio-item .portfolio-title-wrap.top .portfolio-title, .portfolio-wrapper.stber-col-md-3 .portfolio-item .portfolio-title-wrap.bottom .portfolio-title {
font-size: 18px;
}
.portfolio-wrapper.stber-col-md-3 .portfolio-item.portrait {
width: 33.3333333%;
}
.portfolio-wrapper.stber-col-md-3 .portfolio-item.landscape {
width: 66.6666666%;
}
.portfolio-wrapper.stber-col-md-3 .portfolio-item.small_squared {
width: 33.3333333%;
}
.portfolio-wrapper.stber-col-md-3 .portfolio-item.big_squared {
width: 66.6666666%;
}
.portfolio-wrapper.stber-col-md-4 .portfolio-item {
width: 25%;
}
.portfolio-wrapper.stber-col-md-4 .portfolio-item.portrait {
width: 25%;
}
.portfolio-wrapper.stber-col-md-4 .portfolio-item.landscape {
width: 50%;
}
.portfolio-wrapper.stber-col-md-4 .portfolio-item.small_squared {
width: 25%;
}
.portfolio-wrapper.stber-col-md-4 .portfolio-item.big_squared {
width: 50%;
}
.portfolio-wrapper.stber-col-md-5 .portfolio-item {
width: 20%;
}
.portfolio-wrapper.stber-col-md-5 .portfolio-item.portrait {
width: 20%;
}
@media screen and (max-width: 767px) {
.portfolio-wrapper.stber-col-md-5 .portfolio-item.portrait {
width: 50%;
}
}
.portfolio-wrapper.stber-col-md-5 .portfolio-item.landscape {
width: 40%;
}
@media screen and (max-width: 767px) {
.portfolio-wrapper.stber-col-md-5 .portfolio-item.landscape {
width: 50%;
}
}
.portfolio-wrapper.stber-col-md-5 .portfolio-item.small_squared {
width: 20%;
}
@media screen and (max-width: 767px) {
.portfolio-wrapper.stber-col-md-5 .portfolio-item.small_squared {
width: 50%;
}
}
.portfolio-wrapper.stber-col-md-5 .portfolio-item.big_squared {
width: 40%;
}
@media screen and (max-width: 767px) {
.portfolio-wrapper.stber-col-md-5 .portfolio-item.big_squared {
width: 50%;
}
}
.portfolio-wrapper.stber-col-md-6 .portfolio-item {
width: 16.6666667%;
}
.portfolio-wrapper.stber-col-md-6 .portfolio-item.portrait {
width: 16.6666667%;
}
.portfolio-wrapper.stber-col-md-6 .portfolio-item.landscape {
width: 33.3333333%;
}
.portfolio-wrapper.stber-col-md-6 .portfolio-item.small_squared {
width: 16.6666667%;
}
.portfolio-wrapper.stber-col-md-6 .portfolio-item.big_squared {
width: 33.3333333%;
}
@media screen and (max-width: 767px) {
.portfolio-wrapper .portfolio-item {
width: 50% !important;
height: auto !important;
}
.portfolio-wrapper .portfolio-item img {
height: auto !important;
}
}
@media screen and (max-width: 479px) {
.portfolio-wrapper .portfolio-item {
width: 100% !important;
height: auto !important;
}
.portfolio-wrapper .portfolio-item img {
height: auto !important;
}
}
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.top, .portfolio-wrapper .portfolio-item .portfolio-title-wrap.bottom {
border: 1px solid #ededed;
text-align: center;
}
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.top .portfolio-title, .portfolio-wrapper .portfolio-item .portfolio-title-wrap.bottom .portfolio-title {
position: relative;
text-transform: uppercase;
color: #333333;
font-weight: bold;
margin-top: 15px;
display: block;
font-size: 16px;
padding-bottom: 10px;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.top .portfolio-title:hover, .portfolio-wrapper .portfolio-item .portfolio-title-wrap.bottom .portfolio-title:hover {
color: #333333;
}
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.top .portfolio-title:before, .portfolio-wrapper .portfolio-item .portfolio-title-wrap.bottom .portfolio-title:before {
content: '';
width: 50px;
height: 1px;
background-color: #333333;
position: absolute;
bottom: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
}
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.top .portfolio-tag, .portfolio-wrapper .portfolio-item .portfolio-title-wrap.bottom .portfolio-tag {
margin-top: 10px;
margin-bottom: 15px;
text-transform: uppercase;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail {
position: relative;
overflow: hidden;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail i {
font-size: 24px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail:hover .entry-thumbnail-hover {
opacity: 1;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail img {
width: 100%;
height: auto;
display: block;
max-width: 100%;
display: inline-block;
-webkit-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(51, 51, 51, 0.3);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
text-align: center;
opacity: 0;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i {
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-only .entry-thumbnail-hover {
background: rgba(255, 255, 255, 0.9);
text-align: center;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-only .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i {
color: #333333 !important;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-only .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title .entry-thumbnail-hover {
text-align: center;
background: rgba(0, 0, 0, 0.3);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i {
color: #333333 !important;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title {
color: #333333 !important;
top: 60% !important;
position: absolute;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover {
text-align: center;
background: rgba(0, 0, 0, 0.3);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i {
color: #333333 !important;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: auto;
left: auto;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title {
white-space: nowrap;
color: #333333 !important;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title:hover {
color: #333333 !important;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
color: #333333;
left: 0;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover {
text-align: center;
background: rgba(255, 255, 255, 0.9);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title {
white-space: nowrap;
color: #333333 !important;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title:hover {
color: #333333 !important;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
color: #333333;
left: 0;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover {
text-align: left;
background: rgba(255, 255, 255, 0.9);
border: 3px solid #333333;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content {
position: absolute;
top: auto !important;
bottom: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
-o-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title {
white-space: nowrap;
color: #333333 !important;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title:hover {
color: #333333 !important;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content span.category {
white-space: nowrap;
color: #333333;
left: 0;
position: relative;
width: 100%;
font-size: 14px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a.link i {
color: #333333 !important;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: 0;
left: auto;
right: 0;
z-index: 1;
width: 50px;
height: 50px;
border-radius: 100%;
line-height: 48px;
border: 1px solid transparent;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
font-size: 24px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a.link i:before {
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a.link i:hover {
font-size: 24px;
border-color: #333333;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_1 .entry-thumbnail-hover {
background: rgba(255, 255, 255, 0.9);
text-align: center;
border: 10px solid fade(#333333, 90%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_1 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
color: #333333 !important;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_1 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover {
text-align: center;
background: -webkit-radial-gradient(stber, rgba(255, 255, 255, 0.1), white);
background: -o-radial-gradient(stber, rgba(255, 255, 255, 0.1), white);
background: -moz-radial-gradient(stber, rgba(255, 255, 255, 0.1), white);
background: radial-gradient(stber, rgba(255, 255, 255, 0.1), white);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
color: #333333 !important;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: auto;
left: auto;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
margin-bottom: 20px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
white-space: nowrap;
color: #333333;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
color: #333333;
left: 0;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover {
text-align: center;
background: -webkit-radial-gradient(stber, rgba(0, 0, 0, 0.1), black);
background: -o-radial-gradient(stber, rgba(0, 0, 0, 0.1), black);
background: -moz-radial-gradient(stber, rgba(0, 0, 0, 0.1), black);
background: radial-gradient(stber, rgba(0, 0, 0, 0.1), black);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content a .title {
color: #fff !important;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
color: #333333 !important;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: auto;
left: auto;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
margin-bottom: 20px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
white-space: nowrap;
color: #fff !important;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
color: #333333;
left: 0;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover {
text-align: left;
background-color: rgba(255, 255, 255, 0.9);
border: 3px solid #333333;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
text-align: center;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
width: 100%;
text-align: center;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span {
display: block;
text-align: center;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content {
position: absolute;
top: auto !important;
bottom: 50% !important;
left: 50% !important;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title {
white-space: nowrap;
color: #333333 !important;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title:hover {
color: #333333 !important;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content span.category {
white-space: nowrap;
color: #333333;
left: 0;
position: relative;
width: 100%;
font-size: 14px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover {
text-align: center;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
background: rgba(255, 255, 255, 0.9);
border: none;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
margin-bottom: 20px;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: auto;
left: auto;
z-index: 1;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
white-space: nowrap;
color: #333333 !important;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title:hover {
color: #333333 !important;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
color: #333333;
left: 0;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail {
position: relative;
overflow: hidden;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail i {
font-size: 24px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail:hover .entry-thumbnail-hover {
opacity: 1;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail:hover.effect_5 .entry-thumbnail-hover {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail:hover.effect_1 .entry-thumbnail-hover {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail:hover.effect_2 img, .portfolio-wrapper.hover-dir-off .entry-thumbnail:hover.effect_3 img {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail img {
width: 100%;
height: auto;
display: block;
max-width: 100%;
display: inline-block;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_1 .entry-thumbnail-hover {
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
background: rgba(255, 255, 255, 0.9);
text-align: center;
border: 10px solid rgba(51, 51, 51, 0.9);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_1 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
color: #333333 !important;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_1 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_2 .entry-thumbnail-hover {
text-align: center;
background: -webkit-radial-gradient(stber, rgba(255, 255, 255, 0.1), white);
background: -o-radial-gradient(stber, rgba(255, 255, 255, 0.1), white);
background: -moz-radial-gradient(stber, rgba(255, 255, 255, 0.1), white);
background: radial-gradient(stber, rgba(255, 255, 255, 0.1), white);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
color: #333333 !important;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: auto;
left: auto;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
margin-bottom: 20px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
white-space: nowrap;
color: #333333;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
color: #333333;
left: 0;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover {
text-align: center;
background: -webkit-radial-gradient(stber, rgba(0, 0, 0, 0.1), black);
background: -o-radial-gradient(stber, rgba(0, 0, 0, 0.1), black);
background: -moz-radial-gradient(stber, rgba(0, 0, 0, 0.1), black);
background: radial-gradient(stber, rgba(0, 0, 0, 0.1), black);
border: none;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content a .title {
color: #fff !important;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
color: #333333 !important;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: auto;
left: auto;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
margin-bottom: 20px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
white-space: nowrap;
color: #fff !important;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
color: #333333;
left: 0;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover {
text-align: left;
background-color: rgba(255, 255, 255, 0.9);
border: 3px solid #333333;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
text-align: center;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
width: 100%;
text-align: center;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span {
display: block;
text-align: center;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content {
position: absolute;
top: auto !important;
bottom: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
-o-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title {
white-space: nowrap;
color: #333333 !important;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title:hover {
color: #333333 !important;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content span.category {
white-space: nowrap;
color: #333333;
left: 0;
position: relative;
width: 100%;
font-size: 14px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover {
text-align: center;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
background: rgba(255, 255, 255, 0.9);
border: none;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
margin-bottom: 20px;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: auto;
left: auto;
z-index: 1;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
white-space: nowrap;
color: #333333 !important;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title:hover {
color: #333333 !important;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
color: #333333;
left: 0;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
.portfolio-full.detail-01 .portfolio-top {
margin-top: 100px;
text-align: center;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 img {
width: 100%;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow:hover .owl-nav {
opacity: 1;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav > div {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
line-height: 1;
font-size: 60px;
color: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav > div:hover {
color: #333333;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav > div.owl-next {
right: 30px;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav > div.owl-prev {
left: 30px;
}
.portfolio-full.detail-01 .paging-wrap {
margin-top: 15px;
}
.portfolio-full.detail-01 .paging-wrap .container .row {
margin: 0;
}
.portfolio-full.detail-01 .paging-wrap .container .row:hover .owl-nav {
opacity: 1;
}
.portfolio-full.detail-01 .paging-wrap .container .row .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-01 .paging-wrap .container .row .owl-nav > div {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
padding: 7px 10px;
line-height: 1;
background-color: rgba(0, 0, 0, 0.3);
color: #fff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-01 .paging-wrap .container .row .owl-nav > div:hover {
background-color: #333333;
}
.portfolio-full.detail-01 .paging-wrap .container .row .owl-nav > div.owl-next {
right: 0;
}
.portfolio-full.detail-01 .paging-wrap .container .row .owl-nav > div.owl-prev {
left: 0;
}
.portfolio-full.detail-01 .portfolio-content-wrap {
padding-top: 30px;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-title-wrap h2 {
position: relative;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
margin-top: 15px;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-title-wrap h2:before {
content: '';
height: 1px;
width: 50px;
background-color: #333333;
position: absolute;
bottom: 0;
left: 0;
}
.portfolio-full.detail-01 .portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box:first-child h6 {
margin-top: 20px;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box h6 {
font-size: 18px;
margin-top: 45px;
color: #333333;
font-weight: bold;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box div {
line-height: 1.4;
color: #333333;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-term-cat span {
text-transform: uppercase;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-term-tag span {
padding: 5px 10px;
background: #f6f6f6;
margin-right: 5px;
display: inline-block;
margin-top: 5px;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-term-tag span:hover {
background: #333333;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-network-wrapper {
list-style: none;
list-style-type: none;
padding: 0;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-network-wrapper li {
display: inline-block;
margin: 0 9px;
width: 40px;
height: 40px;
float: left;
border: 1px solid #ededed;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-network-wrapper li a {
display: block;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-network-wrapper li a i {
line-height: 38px;
width: 40px;
text-align: center;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-network-wrapper li:first-child {
margin-left: 0;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-network-wrapper li:last-child {
margin-right: 0;
}
.portfolio-full.detail-02 .container {
margin-top: 100px;
text-align: center;
}
.portfolio-full.detail-02 .container .col-md-6 .post-slideshow .item {
margin-bottom: 30px;
}
.portfolio-full.detail-02 .container .col-md-6 .post-slideshow .item img {
width: 100%;
}
.portfolio-full.detail-02 .col-md-6 {
text-align: left;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info h2 {
margin-top: 0;
position: relative;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info h2:before {
content: '';
height: 1px;
width: 50px;
background-color: #333333;
position: absolute;
bottom: 0;
left: 0;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box h6 {
font-size: 18px;
margin-top: 45px;
color: #333333;
font-weight: bold;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box div {
line-height: 1.4;
color: #333333;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-term-cat span {
text-transform: uppercase;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-term-tag span {
padding: 5px 10px;
background: #f6f6f6;
margin-right: 5px;
display: inline-block;
margin-top: 5px;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-term-tag span:hover {
background: #333333;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper {
list-style: none;
list-style-type: none;
padding: 0;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li {
display: inline-block;
margin: 0 9px;
width: 40px;
height: 40px;
float: left;
border: 1px solid #ededed;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li a {
display: block;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li a i {
line-height: 38px;
width: 40px;
text-align: center;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li:first-child {
margin-left: 0;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li:last-child {
margin-right: 0;
}
.portfolio-full.detail-03 .container {
margin-top: 100px;
text-align: center;
}
.portfolio-full.detail-03 .container .col-md-8 img {
width: 100%;
}
.portfolio-full.detail-03 .container .col-md-8 .post-slideshow:hover .owl-nav {
opacity: 1;
}
.portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav > div {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
line-height: 1;
font-size: 60px;
color: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav > div:hover {
color: #333333;
}
.portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav > div.owl-next {
right: 30px;
}
.portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav > div.owl-prev {
left: 30px;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap {
margin-top: 15px;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container {
margin-top: 0;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row {
margin: 0;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row:hover .owl-nav {
opacity: 1;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav > div {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
padding: 7px 10px;
line-height: 1;
background-color: rgba(0, 0, 0, 0.3);
color: #fff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav > div:hover {
background-color: #333333;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav > div.owl-next {
right: 0;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav > div.owl-prev {
left: 0;
}
.portfolio-full.detail-03 .col-md-4 {
text-align: left;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info h2 {
margin-top: 0;
position: relative;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info h2:before {
content: '';
height: 1px;
width: 50px;
background-color: #333333;
position: absolute;
bottom: 0;
left: 0;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box h6 {
font-size: 18px;
margin-top: 45px;
color: #333333;
font-weight: bold;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box div {
line-height: 1.4;
color: #333333;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-cat span {
text-transform: uppercase;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span {
padding: 5px 10px;
background: #f6f6f6;
margin-right: 5px;
display: inline-block;
margin-top: 5px;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span:hover {
background: #333333;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper {
list-style: none;
list-style-type: none;
padding: 0;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li {
display: inline-block;
margin: 0 9px;
width: 40px;
height: 40px;
float: left;
border: 1px solid #ededed;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li a {
display: block;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li a i {
line-height: 38px;
width: 40px;
text-align: center;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li:first-child {
margin-left: 0;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li:last-child {
margin-right: 0;
}
.portfolio-full.detail-04 .container {
margin-top: 100px;
text-align: center;
}
.portfolio-full.detail-04 .container .col-md-8 img {
width: 100%;
}
.portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item {
position: relative;
}
.portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item .grid-image-hover {
opacity: 0;
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
background-color: rgba(255, 255, 255, 0.9);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item .grid-image-hover i {
font-size: 36px;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item .grid-image-hover i:hover {
color: #333333;
}
.portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item:hover .grid-image-hover {
opacity: 1;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.portfolio-full.detail-04 .col-md-4 {
text-align: left;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info h2 {
margin-top: 0;
position: relative;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info h2:before {
content: '';
height: 1px;
width: 50px;
background-color: #333333;
position: absolute;
bottom: 0;
left: 0;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box h6 {
font-size: 18px;
margin-top: 45px;
color: #333333;
font-weight: bold;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box div {
line-height: 1.4;
color: #333333;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-cat span {
text-transform: uppercase;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span {
padding: 5px 10px;
background: #f6f6f6;
margin-right: 5px;
display: inline-block;
margin-top: 5px;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span:hover {
background: #333333;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper {
list-style: none;
list-style-type: none;
padding: 0;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li {
display: inline-block;
margin: 0 9px;
width: 40px;
height: 40px;
float: left;
border: 1px solid #ededed;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li a {
display: block;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li a i {
line-height: 38px;
width: 40px;
text-align: center;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li:first-child {
margin-left: 0;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li:last-child {
margin-right: 0;
}
.portfolio-full.detail-05 .container {
margin-top: 100px;
}
.portfolio-full.detail-05 .container .col-md-12 img {
width: 100%;
}
.portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item {
position: relative;
}
.portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item .grid-image-hover {
opacity: 0;
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
background-color: rgba(255, 255, 255, 0.9);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item .grid-image-hover i {
font-size: 36px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item .grid-image-hover i:hover {
color: #333333;
}
.portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item:hover .grid-image-hover {
opacity: 1;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.portfolio-full.detail-05 .container.portfolio-content-wrap {
margin-top: 50px;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-8 {
text-align: left;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-8 .portfolio-info h2 {
color: #333333;
margin-top: 0;
position: relative;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-8 .portfolio-info h2:before {
content: '';
height: 1px;
width: 50px;
background-color: #333333;
position: absolute;
bottom: 0;
left: 0;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box:first-child h6 {
margin-top: 0;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box h6 {
font-size: 18px;
margin-top: 45px;
color: #333333;
font-weight: bold;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box div {
line-height: 1.4;
color: #333333;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-cat span {
text-transform: uppercase;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span {
padding: 5px 10px;
background: #f6f6f6;
margin-right: 5px;
display: inline-block;
margin-top: 5px;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span:hover {
background: #333333;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper {
list-style: none;
list-style-type: none;
padding: 0;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li {
display: inline-block;
margin: 0 9px;
width: 40px;
height: 40px;
float: left;
border: 1px solid #ededed;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li a {
display: block;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li a i {
line-height: 38px;
width: 40px;
text-align: center;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li:first-child {
margin-left: 0;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-network-wrapper li:last-child {
margin-right: 0;
}
.portfolio-related-wrap .heading-wrap .post-navigation {
margin-top: 100px;
}
.portfolio-related-wrap .heading-wrap .post-navigation .nav-links .nav-previous .post-navigation-content, .portfolio-related-wrap .heading-wrap .post-navigation .nav-links .nav-next .post-navigation-content {
display: none;
}
.portfolio-related-wrap .heading-wrap .post-navigation .nav-links a div i {
color: #333333;
top: 0;
margin-top: 0;
text-align: center;
height: 50px;
width: 60px;
line-height: 50px;
background-color: #f6f6f6;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-related-wrap .heading-wrap .post-navigation .nav-links a div:hover i {
color: #333333;
}
.portfolio-related-wrap .heading-wrap .post-navigation .nav-links > i {
color: #333333;
line-height: 50px;
font-size: 28px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-related-wrap .heading-wrap .heading {
text-align: center;
text-transform: uppercase;
color: #333333;
font-size: 36px;
margin-top: 70px;
}
.portfolio-related-wrap .heading-wrap .heading .heading-icon {
font-size: 14px;
height: 30px;
width: 30px;
line-height: 30px;
position: relative;
margin: 0 auto;
z-index: 1;
}
.portfolio-related-wrap .heading-wrap .heading .heading-icon i {
font-size: 12px;
color: #6fd9ec;
height: 30px;
width: 30px;
background-color: #fff;
line-height: 30px;
position: relative;
margin: 0 auto;
z-index: 1;
}
.portfolio-related-wrap .heading-wrap .heading .heading-icon:before {
content: '';
width: 70px;
height: 1px;
background-color: #ededed;
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-related-wrap .portfolio-related {
margin-top: 60px;
margin-bottom: 100px;
position: relative;
}
.portfolio-related-wrap .portfolio-related.portfolio-wrapper .portfolio-item {
width: 100% !important;
padding: 0 15px;
}
.portfolio-related-wrap .portfolio-related .owl-nav div {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: 44px;
width: 44px;
padding: 0;
background-color: rgba(128, 128, 128, 0.5);
text-align: center;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-related-wrap .portfolio-related .owl-nav div i {
font-size: 24px;
color: #fff;
line-height: 44px;
}
.portfolio-related-wrap .portfolio-related .owl-nav div:hover {
background-color: #333333;
}
.portfolio-related-wrap .portfolio-related .owl-nav .owl-prev {
left: -10px;
}
.portfolio-related-wrap .portfolio-related .owl-nav .owl-next {
right: -10px;
}  .products-shortcode-paging-wrap {
margin-top: 40px;
}
@media screen and (max-width: 991px) {
.products-shortcode-paging-wrap {
margin-top: 25px;
}
}
.products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers {
list-style: none;
list-style-type: none;
display: inline-block;
padding: 0;
margin: 0;
}
.products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li {
display: inline-block;
padding-right: 5px;
}
.products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li span, .products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li a {
border: 1px solid #ededed;
color: #333333;
display: inline-block;
padding: 2px 13px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li span.current {
background-color: #333333;
border: 1px solid #333333;
color: #fff;
}
.products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li a:hover, .products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li a:focus {
background: #333333;
border: 1px solid #333333;
color: #fff;
}
.products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li a.prev, .products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li a.next {
text-transform: capitalize;
}
.products-shortcode-paging-wrap.paging-load-more button {
border: 1px solid #ccc;
background: transparent;
color: #333333;
font-weight: 700;
letter-spacing: 2px;
padding: 10px 20px;
text-align: center;
text-transform: uppercase;
width: 160px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.products-shortcode-paging-wrap.paging-load-more button:hover {
border: 1px solid #333333;
background: #333333;
color: #fff;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.products-shortcode-paging-wrap.paging-load-more button:focus {
outline: none;
} .products-slider-shortcode-wrapper.carousel {
position: relative;
}
.products-slider-shortcode-wrapper.carousel:hover ul.products .owl-nav .owl-prev, .products-slider-shortcode-wrapper.carousel:hover ul.products .owl-nav .owl-next {
opacity: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.products-slider-shortcode-wrapper.carousel ul.products {
padding: 0;
margin: 0;
list-style: none;
list-style-type: none;
}
.products-slider-shortcode-wrapper.carousel ul.products li.product {
position: relative;
padding: 0;
margin: 0;
width: 100%;
}
.products-slider-shortcode-wrapper.carousel ul.products .owl-nav {
display: block;
position: absolute;
right: 0;
top: -60px;
}
.products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-prev, .products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-next {
border: 1px solid #cccccc;
display: inline-block;
font-size: 18px;
z-index: 999;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: #ccc;
opacity: 1;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-prev:hover, .products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-next:hover {
border: 1px solid #333333;
color: #333333;
cursor: pointer;
}
@media screen and (max-width: 991px) {
.products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-prev, .products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-next {
width: 35px;
height: 35px;
line-height: 35px;
}
}
@media screen and (max-width: 767px) {
.products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-prev, .products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-next {
width: 30px;
height: 30px;
line-height: 28px;
}
}
.products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-prev {
left: 0;
}
.products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-next {
margin-left: 10px;
right: 0;
}
@media screen and (max-width: 991px) {
.products-slider-shortcode-wrapper.carousel ul.products .owl-nav {
top: -45px;
}
}
@media screen and (max-width: 767px) {
.products-slider-shortcode-wrapper.carousel ul.products .owl-nav {
top: -35px;
}
} .products-shortcode-wrap.list ul.products {
margin-left: -15px;
margin-right: -15px;
}
.products-shortcode-wrap.list ul.products.list {
margin-left: 0px;
margin-right: 0px;
}
.products-shortcode-wrap.list ul.products.list li.product {
width: 100%;
padding: 0px;
border: 1px solid #ededed;
margin-bottom: 30px;
}
.products-shortcode-wrap.list ul.products.list li.product .product-inner .product-flash, .products-shortcode-wrap.list ul.products.list li.product .product-inner .onsale {
left: 5px !important;
top: 5px !important;
bottom: auto !important;
margin: 0;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-primary, .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-one {
float: left;
margin-right: 20px;
position: relative;
}
.products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-primary img, .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-one img {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-primary img, .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-one img {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-primary, .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-one {
margin-right: 0;
margin-bottom: 15px;
width: 100%;
}
}
.products-shortcode-wrap.list ul.products.list li.product .product-inner .star-rating {
position: relative;
top: auto;
left: auto;
opacity: 1;
margin: 0;
margin-top: 15px;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
@media screen and (max-width: 767px) {
.products-shortcode-wrap.list ul.products.list li.product .product-inner .star-rating {
margin-left: 15px;
margin-right: 15px;
}
}
.products-shortcode-wrap.list ul.products.list li.product .product-inner span.price {
text-align: left;
margin-top: 15px;
}
@media screen and (max-width: 767px) {
.products-shortcode-wrap.list ul.products.list li.product .product-inner span.price {
margin-left: 15px;
margin-right: 15px;
}
}
.products-shortcode-wrap.list ul.products.list li.product .product-inner h2 {
font-size: 18px;
font-weight: 700;
text-align: left;
text-transform: uppercase;
padding-top: 35px !important;
padding-bottom: 10px !important;
margin-top: 0px !important;
}
@media screen and (max-width: 767px) {
.products-shortcode-wrap.list ul.products.list li.product .product-inner h2 {
margin-left: 15px;
margin-right: 15px;
}
}
.products-shortcode-wrap.list ul.products.list li.product .product-inner p {
text-align: left;
}
@media screen and (max-width: 767px) {
.products-shortcode-wrap.list ul.products.list li.product .product-inner p {
margin-left: 15px;
margin-right: 15px;
}
}
.products-shortcode-wrap.list ul.products.list li.product .product-inner .product-actions {
opacity: 1;
width: auto;
top: auto;
left: 280px;
bottom: auto;
right: auto;
margin-top: 10px;
} .products-shortcode-wrap.grid .product-filters ul, .products-shortcode-wrap.masonry .product-filters ul {
list-style: none;
list-style-type: none;
padding: 0;
margin-bottom: 20px;
}
.products-shortcode-wrap.grid .product-filters ul.filter-center, .products-shortcode-wrap.masonry .product-filters ul.filter-center {
text-align: center;
}
.products-shortcode-wrap.grid .product-filters ul.filter-left, .products-shortcode-wrap.masonry .product-filters ul.filter-left {
text-align: left;
}
.products-shortcode-wrap.grid .product-filters ul.filter-right, .products-shortcode-wrap.masonry .product-filters ul.filter-right {
text-align: right;
}
.products-shortcode-wrap.grid .product-filters ul.style_1 li, .products-shortcode-wrap.masonry .product-filters ul.style_1 li {
display: inline-block;
}
.products-shortcode-wrap.grid .product-filters ul.style_1 li a, .products-shortcode-wrap.masonry .product-filters ul.style_1 li a {
display: block;
padding: 6px 20px;
}
.products-shortcode-wrap.grid .product-filters ul.style_1 li a.selected, .products-shortcode-wrap.masonry .product-filters ul.style_1 li a.selected {
background-color: #333333;
color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
@media screen and (max-width: 767px) {
.products-shortcode-wrap.grid .product-filters ul.style_1 li, .products-shortcode-wrap.masonry .product-filters ul.style_1 li {
margin-top: 10px;
}
}
.products-shortcode-wrap.grid .product-filters ul.style_2 li, .products-shortcode-wrap.masonry .product-filters ul.style_2 li {
display: inline-block;
}
.products-shortcode-wrap.grid ul.products, .products-shortcode-wrap.masonry ul.products {
margin-left: -15px;
margin-right: -15px;
}
.products-shortcode-wrap.grid ul.products.shortcode-product-columns-2 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-2 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-2 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-2 li.type-product {
width: 50%;
}
@media screen and (max-width: 991px) {
.products-shortcode-wrap.grid ul.products.shortcode-product-columns-2 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-2 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-2 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-2 li.type-product {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.products-shortcode-wrap.grid ul.products.shortcode-product-columns-2 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-2 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-2 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-2 li.type-product {
width: 50%;
}
}
.products-shortcode-wrap.grid ul.products.shortcode-product-columns-3 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-3 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-3 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-3 li.type-product {
width: 33.333333%;
}
@media screen and (max-width: 767px) {
.products-shortcode-wrap.grid ul.products.shortcode-product-columns-3 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-3 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-3 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-3 li.type-product {
width: 50%;
}
}
.products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.type-product {
width: 25%;
}
@media screen and (max-width: 991px) {
.products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.type-product {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.type-product {
width: 50%;
}
}
.products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.type-product {
width: 20%;
}
@media screen and (max-width: 1199px) {
.products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.type-product {
width: 25%;
}
}
@media screen and (max-width: 991px) {
.products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.type-product {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.type-product {
width: 50%;
}
}
.haru-woo-shortcodes-products-ajax-category {
border: 1px solid #ededed;
overflow: hidden;
position: relative;
}
.haru-woo-shortcodes-products-ajax-category .products-tabs {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0 !important;
width: calc(25% - 22px);
float: left;
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category .products-tabs {
padding: 0;
width: 100%;
}
}
.haru-woo-shortcodes-products-ajax-category .products-tabs .heading-title {
border-top: 3px solid #333333;
position: relative;
padding: 25px 10px 25px 60px;
}
.haru-woo-shortcodes-products-ajax-category .products-tabs .heading-title i {
font-size: 26px;
line-height: 34px;
padding: 5px 0;
text-align: center;
position: absolute;
top: 50%;
left: 25px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.haru-woo-shortcodes-products-ajax-category .products-tabs .heading-title i:after {
background-color: #333333;
content: "";
position: absolute;
width: 30px;
height: 3px;
bottom: -8px;
left: 0;
}
.haru-woo-shortcodes-products-ajax-category .products-tabs .heading-title span {
color: #333333;
font-weight: 500;
font-size: 18px;
text-transform: uppercase;
}
.haru-woo-shortcodes-products-ajax-category .products-tabs li {
color: #333333;
cursor: pointer;
display: block;
font-size: 14px;
padding: 3px 5px 3px 20px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-woo-shortcodes-products-ajax-category .products-tabs li:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-woo-shortcodes-products-ajax-category .products-tabs li span {
display: block;
position: relative;
padding: 5px;
}
.haru-woo-shortcodes-products-ajax-category .products-tabs li.current {
color: #333333;
}
.haru-woo-shortcodes-products-ajax-category .products-content {
width: calc(75% + 22px);
float: left;
overflow: hidden;
min-height: 300px;
padding: 0 10px 10px 10px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category .products-content {
padding-right: 10px;
width: 100% !important;
}
}
.haru-woo-shortcodes-products-ajax-category .products-content.loading {
position: relative;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.haru-woo-shortcodes-products-ajax-category .products-content.loading:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: -1px;
left: 0;
z-index: 5;
background-color: #fff;
}
.haru-woo-shortcodes-products-ajax-category .products-content.loading:before {
content: '\f110';
font-family: fontAwesome;
position: absolute;
top: 10%;
left: 50%;
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
z-index: 6;
font-size: 24px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.haru-woo-shortcodes-products-ajax-category .products-content.slider {
padding-left: 20px;
padding-right: 20px;
}
.haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products {
margin-bottom: 0;
padding: 0;
}
.haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products:hover .owl-nav {
opacity: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products li.type-product {
list-style: none;
list-style-type: none;
width: 100% !important;
padding: 0;
margin: 20px 0;
}
.haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav .owl-prev, .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav .owl-next {
position: absolute;
display: block;
top: 40%;
z-index: 99;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: rgba(0, 0, 0, 0.2);
color: #fff;
}
.haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav .owl-prev:hover, .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav .owl-next:hover {
background: rgba(0, 0, 0, 0.4);
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav .owl-next {
right: 0;
}
.haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav .owl-prev {
left: 0;
}
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products {
margin: 0;
padding: 0;
}
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products li.type-product {
position: relative;
padding: 20px 10px 5px 10px;
margin: 0;
}
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-2 li.type-product {
width: 50%;
float: left;
}
@media screen and (max-width: 991px) {
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-2 li.type-product {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-2 li.type-product {
width: 50%;
}
}
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-3 li.type-product {
width: 33.333333%;
float: left;
}
@media screen and (max-width: 991px) {
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-3 li.type-product {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-3 li.type-product {
width: 50%;
}
}
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-4 li.type-product {
width: 25%;
float: left;
}
@media screen and (max-width: 991px) {
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-4 li.type-product {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-4 li.type-product {
width: 50%;
}
}
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product {
width: 20%;
float: left;
}
@media screen and (max-width: 1199px) {
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product {
width: 25%;
}
}
@media screen and (max-width: 991px) {
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product {
width: 50%;
}
}
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product {
width: 16.666666%;
float: left;
}
@media screen and (max-width: 1199px) {
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product {
width: 25%;
}
}
@media screen and (max-width: 991px) {
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product {
width: 50%;
}
}
.haru-woo-shortcodes-products-ajax-category .see-more-wrapper {
display: none;
}
.haru-woo-shortcodes-products-ajax-category .products-banner {
float: right;
position: relative;
width: calc(25% - 7px);
padding: 20px;
padding-left: 10px;
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category .products-banner {
width: 100%;
padding-left: 20px;
}
}
.haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel {
margin: 0;
padding: 0;
}
.haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel:hover .owl-nav div {
opacity: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel .owl-nav div {
background: rgba(0, 0, 0, 0.2);
color: #fff;
display: block;
height: 40px;
line-height: 40px;
opacity: 0;
position: absolute;
text-align: center;
top: 50%;
width: 40px;
z-index: 99;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel .owl-nav div:hover {
background: rgba(0, 0, 0, 0.4);
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel .owl-nav div.owl-next {
right: 0;
}
.haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel .owl-nav div.owl-prev {
left: 0;
}
.haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel .owl-dots {
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
}
.haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel .owl-dots .owl-dot {
background: transparent;
border: 1px solid #fff;
display: inline-block;
height: 10px;
margin: 0 3px;
width: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.haru-woo-shortcodes-products-ajax-category .products-banner .haru-carousel .owl-dots .owl-dot.active {
background: #fff;
}
.haru-woo-shortcodes-products-ajax-category.filter_left:before {
border-right: 1px solid #ededed;
content: "";
position: absolute;
width: calc(25% - 22px);
height: 100%;
left: 0;
top: 0;
background-color: #f9f9f9;
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category.filter_left:before {
display: none;
}
}
.haru-woo-shortcodes-products-ajax-category.filter_left .products-tabs {
position: relative;
}
.haru-woo-shortcodes-products-ajax-category.filter_left .products-tabs:before {
background-color: #f9f9f9;
content: "";
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category.filter_left .products-tabs:before {
display: block;
}
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category.filter_left .products-tabs li {
display: inline-block;
}
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category.filter_left .products-tabs .heading-title {
display: block;
}
}
.haru-woo-shortcodes-products-ajax-category.filter_right:before {
border-left: 1px solid #ededed;
content: "";
position: absolute;
width: calc(25% - 22px);
height: 100%;
right: 0;
top: 0;
background-color: #f9f9f9;
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category.filter_right:before {
display: none;
}
}
.haru-woo-shortcodes-products-ajax-category.filter_right .products-tabs {
float: right;
position: relative;
}
.haru-woo-shortcodes-products-ajax-category.filter_right .products-tabs:before {
background-color: #f9f9f9;
content: "";
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category.filter_right .products-tabs:before {
display: block;
}
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category.filter_right .products-tabs li {
display: inline-block;
}
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category.filter_right .products-tabs .heading-title {
display: block;
}
}
.haru-woo-shortcodes-products-ajax-category.filter_right .products-content {
float: right;
padding-left: 10px;
padding-right: 10px;
}
.haru-woo-shortcodes-products-ajax-category.filter_right .products-content.slider {
padding-left: 20px;
padding-right: 20px;
}
.haru-woo-shortcodes-products-ajax-category.filter_right .products-banner {
padding-left: 20px;
padding-right: 20px;
}
.haru-woo-shortcodes-products-ajax-category.filter_right.has-banner .products-content {
padding-left: 0;
padding-right: 10px;
}
.haru-woo-shortcodes-products-ajax-category.filter_top .products-tabs {
border-bottom: 1px solid #ededed;
padding: 0;
width: 100%;
text-align: center;
}
.haru-woo-shortcodes-products-ajax-category.filter_top .products-tabs li {
border-top: none;
display: inline-block;
padding-right: 20px;
}
.haru-woo-shortcodes-products-ajax-category.filter_top .products-tabs .heading-title {
border-bottom: 1px solid #ededed;
display: block;
padding: 15px 0;
margin-bottom: 0;
}
.haru-woo-shortcodes-products-ajax-category.filter_top .products-tabs .heading-title i {
left: 0;
position: relative;
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.haru-woo-shortcodes-products-ajax-category.filter_top .products-tabs .heading-title span {
margin-left: 10px;
}
.haru-woo-shortcodes-products-ajax-category.filter_top .products-content {
padding-left: 10px;
width: 100%;
}
@media screen and (max-width: 991px) {
.haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-2 li.type-product, .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-3 li.type-product, .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-4 li.type-product, .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-5 li.type-product, .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-6 li.type-product {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-2 li.type-product, .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-3 li.type-product, .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-4 li.type-product, .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-5 li.type-product, .haru-woo-shortcodes-products-ajax-category.filter_top .products-content.grid ul.products.columns-6 li.type-product {
width: 50%;
}
}
.haru-woo-shortcodes-products-ajax-category.filter_top .products-content.slider {
padding-left: 20px;
padding-right: 20px;
}
.haru-woo-shortcodes-products-ajax-category.filter_top.has-banner .products-content {
width: 100%;
padding-right: 10px;
}
.haru-woo-shortcodes-products-ajax-category.filter_top .products-banner {
padding-left: 20px;
padding-top: 0;
width: 100%;
}
.haru-woo-shortcodes-products-ajax-category.has-banner .products-content {
width: calc(50% + 29px);
padding-right: 0;
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category.has-banner .products-content {
padding-right: 10px;
}
}
.haru-woo-shortcodes-products-ajax-category.has-banner .products-content.slider {
padding-right: 10px;
}
.haru-woo-shortcodes-products-ajax-category.has-banner.filter_left.slider .products-content {
padding-right: 20px;
}
.haru-woo-shortcodes-products-ajax-category.has-banner.filter_right .products-banner {
padding-right: 10px;
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category.has-banner.filter_right .products-banner {
padding-right: 20px;
}
}
.haru-woo-shortcodes-products-ajax-category.has-banner.filter_right.slider .products-content {
padding-right: 20px;
padding-left: 10px;
}
@media screen and (max-width: 767px) {
.haru-woo-shortcodes-products-ajax-category.has-banner.filter_right.slider .products-content {
padding-left: 20px;
}
}
.haru-woo-shortcodes-products-ajax-category.has-banner.filter_top.slider .products-content {
padding-right: 20px;
}
.haru-products-ajax-order {
overflow: hidden;
position: relative;
}
.haru-products-ajax-order .products-tabs {
list-style: none;
padding: 0;
margin: 0;
}
.haru-products-ajax-order .products-tabs.align_left {
text-align: left;
}
.haru-products-ajax-order .products-tabs.align_center {
text-align: center;
}
.haru-products-ajax-order .products-tabs.align_right {
text-align: right;
}
.haru-products-ajax-order .products-tabs li {
cursor: pointer;
color: #ababab;
display: inline-block;
font-size: 34px;
padding: 8px 15px;
font-weight: 600;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-products-ajax-order .products-tabs li:hover {
color: #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.haru-products-ajax-order .products-tabs li:first-child {
padding-left: 0;
}
.haru-products-ajax-order .products-tabs li:last-child {
padding-right: 0;
}
@media screen and (max-width: 991px) {
.haru-products-ajax-order .products-tabs li {
font-size: 22px;
}
}
@media screen and (max-width: 767px) {
.haru-products-ajax-order .products-tabs li {
font-size: 16px;
padding: 8px 8px;
}
}
.haru-products-ajax-order .products-tabs li.current {
color: #333333;
}
.haru-products-ajax-order .products-content {
min-height: 300px;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
}
.haru-products-ajax-order .products-content.loading {
position: relative;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
}
.haru-products-ajax-order .products-content.loading:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: -1px;
left: 0;
z-index: 5;
background-color: #fff;
}
.haru-products-ajax-order .products-content.loading:before {
content: '\f110';
font-family: fontAwesome;
position: absolute;
top: 10%;
left: 50%;
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
z-index: 6;
font-size: 24px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.haru-products-ajax-order .products-content.slider ul.products {
margin-bottom: 0;
padding: 0;
}
.haru-products-ajax-order .products-content.slider ul.products:hover .owl-nav {
opacity: 1;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
}
.haru-products-ajax-order .products-content.slider ul.products li.type-product {
padding: 0;
}
.haru-products-ajax-order .products-content.slider ul.products .owl-nav {
display: block;
position: absolute;
right: 0;
top: -35px;
}
.haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-prev, .haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-next {
border: 1px solid #cccccc;
display: inline-block;
font-size: 18px;
z-index: 999;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: #ccc;
opacity: 1;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-prev:hover, .haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-next:hover {
border: 1px solid #333333;
color: #333333;
cursor: pointer;
}
@media screen and (max-width: 991px) {
.haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-prev, .haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-next {
width: 35px;
height: 35px;
line-height: 32px;
}
}
@media screen and (max-width: 767px) {
.haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-prev, .haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-next {
width: 30px;
height: 30px;
line-height: 28px;
}
}
.haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-prev {
left: 0;
}
.haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-next {
margin-left: 10px;
right: 0;
}
@media screen and (max-width: 767px) {
.haru-products-ajax-order .products-content.slider ul.products .owl-nav {
top: -20px;
}
}
.haru-products-ajax-order .products-content.grid ul.products {
margin-left: -15px;
margin-right: -15px;
padding: 0;
}
.haru-products-ajax-order .products-content.grid ul.products.columns-2 li.type-product {
width: 50%;
}
@media screen and (max-width: 991px) {
.haru-products-ajax-order .products-content.grid ul.products.columns-2 li.type-product {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.haru-products-ajax-order .products-content.grid ul.products.columns-2 li.type-product {
width: 50%;
}
}
.haru-products-ajax-order .products-content.grid ul.products.columns-3 li.type-product {
width: 33.333333%;
}
@media screen and (max-width: 991px) {
.haru-products-ajax-order .products-content.grid ul.products.columns-3 li.type-product {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.haru-products-ajax-order .products-content.grid ul.products.columns-3 li.type-product {
width: 50%;
}
}
.haru-products-ajax-order .products-content.grid ul.products.columns-4 li.type-product {
width: 25%;
}
@media screen and (max-width: 991px) {
.haru-products-ajax-order .products-content.grid ul.products.columns-4 li.type-product {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.haru-products-ajax-order .products-content.grid ul.products.columns-4 li.type-product {
width: 50%;
}
}
.haru-products-ajax-order .products-content.grid ul.products.columns-5 li.type-product {
width: 20%;
}
@media screen and (max-width: 1199px) {
.haru-products-ajax-order .products-content.grid ul.products.columns-5 li.type-product {
width: 25%;
}
}
@media screen and (max-width: 991px) {
.haru-products-ajax-order .products-content.grid ul.products.columns-5 li.type-product {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.haru-products-ajax-order .products-content.grid ul.products.columns-5 li.type-product {
width: 50%;
}
}
.haru-products-ajax-order .products-content.grid ul.products.columns-6 li.type-product {
width: 16.666666%;
}
@media screen and (max-width: 1199px) {
.haru-products-ajax-order .products-content.grid ul.products.columns-6 li.type-product {
width: 25%;
}
}
@media screen and (max-width: 991px) {
.haru-products-ajax-order .products-content.grid ul.products.columns-6 li.type-product {
width: 33.333333%;
}
}
@media screen and (max-width: 767px) {
.haru-products-ajax-order .products-content.grid ul.products.columns-6 li.type-product {
width: 50%;
}
} .products-recent-viewed-shortcode-wrap.carousel {
position: relative;
}
.products-recent-viewed-shortcode-wrap.carousel:hover ul.products .owl-nav .owl-prev, .products-recent-viewed-shortcode-wrap.carousel:hover ul.products .owl-nav .owl-next {
opacity: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.products-recent-viewed-shortcode-wrap.carousel ul.products {
padding: 0;
margin: 0;
list-style: none;
list-style-type: none;
}
.products-recent-viewed-shortcode-wrap.carousel ul.products li.product {
position: relative;
padding: 0;
margin: 0;
width: 100%;
}
.products-recent-viewed-shortcode-wrap.carousel ul.products .owl-nav .owl-prev, .products-recent-viewed-shortcode-wrap.carousel ul.products .owl-nav .owl-next {
position: absolute;
display: block;
top: 50%;
z-index: 999;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: rgba(0, 0, 0, 0.2);
color: #fff;
opacity: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.products-recent-viewed-shortcode-wrap.carousel ul.products .owl-nav .owl-prev:hover, .products-recent-viewed-shortcode-wrap.carousel ul.products .owl-nav .owl-next:hover {
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
}
.products-recent-viewed-shortcode-wrap.carousel ul.products .owl-nav .owl-prev {
left: 0;
}
.products-recent-viewed-shortcode-wrap.carousel ul.products .owl-nav .owl-next {
right: 0;
}
@media screen and (max-width: 767px) {
.products-top-sale-shortcode-wrap {
margin-top: 10px;
}
}
.products-top-sale-shortcode-wrap .yith-wcwl-add-to-wishlist {
display: none;
}
.products-top-sale-shortcode-wrap.carousel_1 {
position: relative;
}
.products-top-sale-shortcode-wrap.carousel_1 .products-title {
font-size: 22px;
line-height: 1.4;
margin-bottom: 30px;
margin-top: -5px;
padding-bottom: 13px;
position: relative;
text-transform: uppercase;
}
@media screen and (max-width: 991px) {
.products-top-sale-shortcode-wrap.carousel_1 .products-title {
font-size: 18px;
}
}
.products-top-sale-shortcode-wrap.carousel_1 .products-title:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 30px;
height: 3px;
background-color: #333333;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel {
list-style: none;
padding-left: 0;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product {
margin-bottom: 30px;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-inner .onsale, .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-inner .product-flash {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail {
width: 35%;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail .product-thumb-primary:before {
opacity: 0;
visibility: hidden;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info {
margin-left: 15px;
text-align: left;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .woocommerce-loop-product__title {
font-size: 14px;
font-weight: 500;
margin-top: 0 !important;
padding-top: 0;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .star-rating {
margin-left: 0;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .onsale, .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-flash {
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .owl-nav {
position: absolute;
display: block;
bottom: calc(100% + 38px);
z-index: 9;
width: 100%;
text-align: right;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .owl-nav .owl-prev, .products-top-sale-shortcode-wrap.carousel_1 .products .owl-nav .owl-next {
display: inline-block;
z-index: 9;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #f6f6f6;
color: #a5a5a5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .owl-nav .owl-prev:hover, .products-top-sale-shortcode-wrap.carousel_1 .products .owl-nav .owl-next:hover {
background: #333333;
cursor: pointer;
color: #fff;
}
.products-top-sale-shortcode-wrap.carousel_1 .products .owl-nav .owl-next {
margin-left: 5px;
}
.products-top-sale-shortcode-wrap.carousel_2 {
position: relative;
}
.products-top-sale-shortcode-wrap.carousel_2 .products-title {
font-size: 22px;
line-height: 1.4;
margin-bottom: 30px;
margin-top: -5px;
padding-bottom: 13px;
position: relative;
text-transform: uppercase;
}
.products-top-sale-shortcode-wrap.carousel_2 .products-title:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 30px;
height: 3px;
background-color: #333333;
}
.products-top-sale-shortcode-wrap.carousel_2 .products {
list-style: none;
border: 1px solid #ededed;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel {
list-style: none;
padding-left: 0;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product {
padding: 15px;
margin: 0;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-thumbnail {
float: left;
width: 45%;
}
@media screen and (max-width: 991px) {
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-thumbnail {
width: 100%;
}
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-thumbnail .product-label {
left: 20px !important;
top: 5px !important;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-thumbnail .onsale, .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-thumbnail .product-flash {
left: auto !important;
right: 0 !important;
-webkit-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
-o-transform: translateX(0) !important;
transform: translateX(0) !important;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-thumbnail .product-thumb-primary:before {
display: none;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info {
float: right;
text-align: left;
width: 55%;
}
@media screen and (max-width: 991px) {
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info {
margin-top: 20px;
width: 100%;
}
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .woocommerce-loop-product__title {
font-size: 24px;
font-weight: normal;
margin-top: 0 !important;
padding-top: 0;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .excerpt {
font-size: 12px;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .star-rating {
margin-left: 0;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .price {
font-size: 24px !important;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown {
margin-top: 15px;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown .countdown-time .list-time {
padding: 0;
text-align: left;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown .countdown-time .list-time li {
border: 1px solid #ededed;
display: inline-block;
margin: 0;
margin-right: 10px;
padding: 0;
width: 58px;
height: 58px;
text-align: center;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown .countdown-time .list-time li p {
line-height: 1.6;
margin-bottom: 0;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown .countdown-time .list-time li .countdown-number {
color: #333333;
font-size: 20px;
font-weight: 500;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown .countdown-time .list-time li .countdown-text {
font-size: 11px;
text-transform: uppercase;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .owl-nav {
position: absolute;
display: block;
bottom: calc(100% + 38px);
z-index: 9;
width: 100%;
text-align: right;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .owl-nav .owl-prev, .products-top-sale-shortcode-wrap.carousel_2 .products .owl-nav .owl-next {
display: inline-block;
z-index: 9;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #f6f6f6;
color: #a5a5a5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .owl-nav .owl-prev:hover, .products-top-sale-shortcode-wrap.carousel_2 .products .owl-nav .owl-next:hover {
background: #333333;
cursor: pointer;
color: #fff;
}
.products-top-sale-shortcode-wrap.carousel_2 .products .owl-nav .owl-next {
margin-left: 5px;
}
.products-top-rated-shortcode-wrap .yith-wcwl-add-to-wishlist {
display: none;
}
.products-top-rated-shortcode-wrap.carousel_1 {
position: relative;
}
.products-top-rated-shortcode-wrap.carousel_1 .products-title {
font-size: 22px;
line-height: 1.4;
margin-bottom: 30px;
margin-top: -5px;
padding-bottom: 13px;
position: relative;
text-transform: uppercase;
}
@media screen and (max-width: 991px) {
.products-top-rated-shortcode-wrap.carousel_1 .products-title {
font-size: 18px;
}
}
.products-top-rated-shortcode-wrap.carousel_1 .products-title:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 30px;
height: 3px;
background-color: #333333;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel {
list-style: none;
padding-left: 0;
margin: 0;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product {
margin-bottom: 30px;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-inner .onsale, .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-inner .product-flash {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail {
width: 35%;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail .product-thumb-primary:before {
opacity: 0;
visibility: hidden;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info {
margin-left: 15px;
text-align: left;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .woocommerce-loop-product__title {
font-size: 14px;
font-weight: 500;
margin-top: 0 !important;
padding-top: 0;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .star-rating {
margin-left: 0;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .onsale, .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-flash {
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .owl-nav {
position: absolute;
display: block;
bottom: calc(100% + 38px);
z-index: 9;
width: 100%;
text-align: right;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .owl-nav .owl-prev, .products-top-rated-shortcode-wrap.carousel_1 .products .owl-nav .owl-next {
display: inline-block;
z-index: 9;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #f6f6f6;
color: #a5a5a5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .owl-nav .owl-prev:hover, .products-top-rated-shortcode-wrap.carousel_1 .products .owl-nav .owl-next:hover {
background: #333333;
cursor: pointer;
color: #fff;
}
.products-top-rated-shortcode-wrap.carousel_1 .products .owl-nav .owl-next {
margin-left: 5px;
}
.products-top-seller-shortcode-wrap .yith-wcwl-add-to-wishlist {
display: none;
}
.products-top-seller-shortcode-wrap.carousel_1 {
position: relative;
}
.products-top-seller-shortcode-wrap.carousel_1 .products-title {
font-size: 22px;
line-height: 1.4;
margin-bottom: 30px;
margin-top: -5px;
padding-bottom: 13px;
position: relative;
text-transform: uppercase;
}
@media screen and (max-width: 991px) {
.products-top-seller-shortcode-wrap.carousel_1 .products-title {
font-size: 18px;
}
}
.products-top-seller-shortcode-wrap.carousel_1 .products-title:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 30px;
height: 3px;
background-color: #333333;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel {
list-style: none;
padding-left: 0;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product {
margin-bottom: 30px;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-inner .onsale, .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-inner .product-flash {
opacity: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail {
width: 35%;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail .product-thumb-primary:before {
opacity: 0;
visibility: hidden;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info {
margin-left: 15px;
text-align: left;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .woocommerce-loop-product__title {
font-size: 14px;
font-weight: 500;
margin-top: 0 !important;
padding-top: 0;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .star-rating {
margin-left: 0;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .onsale, .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-flash {
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .owl-nav {
position: absolute;
display: block;
bottom: calc(100% + 38px);
z-index: 9;
width: 100%;
text-align: right;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .owl-nav .owl-prev, .products-top-seller-shortcode-wrap.carousel_1 .products .owl-nav .owl-next {
display: inline-block;
z-index: 9;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #f6f6f6;
color: #a5a5a5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .owl-nav .owl-prev:hover, .products-top-seller-shortcode-wrap.carousel_1 .products .owl-nav .owl-next:hover {
background: #333333;
cursor: pointer;
color: #fff;
}
.products-top-seller-shortcode-wrap.carousel_1 .products .owl-nav .owl-next {
margin-left: 5px;
} .body-font {
font-family: "Muli";
}
.secondary-font {
font-family: "Muli";
}
.wpb_revslider_element.home-lookbook {
margin-bottom: 0;
}
#rev_slider_3_1 .tparrows {
background: transparent;
border: 1px solid #696969;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#rev_slider_3_1 .tparrows:hover {
background: #333333;
border: 1px solid #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#rev_slider_3_1 .tparrows:hover:before {
color: #fff;
}
#rev_slider_3_1 .tparrows:before {
color: #696969;
}
#rev_slider_6_1 .tparrows {
background: transparent;
border: 1px solid #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#rev_slider_6_1 .tparrows:hover {
background: rgba(0, 0, 0, 0.7);
border: 1px solid rgba(0, 0, 0, 0.7);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#rev_slider_6_1 .tparrows:hover:before {
color: #fff;
}
#rev_slider_6_1 .tparrows:before {
color: #ccc;
}
@media screen and (max-width: 991px) {
#rev_slider_6_1 .tparrows {
display: none !important;
}
}
@media screen and (max-width: 767px) {
#rev_slider_6_1 .tparrows {
display: block !important;
}
}
#rev_slider_6_1 .tp-static-layer {
color: #ccc !important;
border-bottom-width: 0;
position: relative;
-webkit-transition: all 0.3s !important;
-o-transition: all 0.3s !important;
transition: all 0.3s !important;
}
#rev_slider_6_1 .tp-static-layer:hover {
cursor: pointer;
color: #333333 !important;
border-bottom-width: 100%;
border-bottom: 1px solid rgba(51, 51, 51, 0.6) !important;
padding-bottom: 2px;
-webkit-transition: all 0.3s !important;
-o-transition: all 0.3s !important;
transition: all 0.3s !important;
}
#rev_slider_6_1 .tp-static-layer span {
position: absolute;
top: -8px;
right: -10px;
}
.about-intro p {
font-size: 18px;
text-align: center;
}
@media screen and (max-width: 767px) {
.about-intro p {
font-size: 14px;
}
}
.about-team-odd .wpb_single_image,
.about-team-even .wpb_single_image {
margin-bottom: 20px !important;
}
.about-team-odd h2,
.about-team-even h2 {
letter-spacing: 1px;
}
.about-team-odd {
padding-top: 35px;
}
.contact-intro {
font-size: 18px;
text-align: center;
}
.contact-intro p {
font-size: 18px;
text-align: center;
}
@media screen and (max-width: 767px) {
.contact-intro p {
font-size: 14px;
}
}
.instagram-heading {
font-size: 24px;
margin-bottom: 10px;
color: #333333;
text-align: center;
}
.instagram-heading span {
font-weight: 700;
border-bottom: 1px solid #cccccc;
padding-bottom: 2px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.instagram-heading span:hover {
border-bottom: 1px solid #333333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rotate-left {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
position: absolute;
left: -24%;
bottom: 17%;
}
.rotate-right {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
position: absolute;
right: -43%;
bottom: 27%;
}
@media screen and (max-width: 991px) {
.vertical-menu-holder {
min-height: 0;
}
}
@media screen and (max-width: 767px) {
.vertical-menu-holder {
min-height: 1px;
}
}
.banner-2-col-1 {
margin-top: 25%;
}
@media screen and (max-width: 767px) {
.banner-2-col-1 {
margin-top: 15px;
}
}
.banner-2-col-3 {
margin-top: 25%;
}
@media screen and (max-width: 767px) {
.banner-2-col-3 {
margin-top: 15px;
}
}
.banner-sale-home-2 {
position: relative;
}
.banner-sale-home-2 .text-label-shortcode-wrap {
position: absolute;
top: 13%;
left: 8%;
}
.banner-sale-home-3 {
position: relative;
}
.banner-sale-home-3 .text-label-shortcode-wrap {
position: absolute;
top: 5%;
left: 35%;
}
.row-parallax {
background-position: center;
}
@media screen and (max-width: 767px) {
.row-parallax .heading_style_1,
.row-parallax .sub_heading_style_3 {
text-align: center !important;
}
}
@media screen and (max-width: 767px) {
.row-parallax .text-label-shortcode-wrap.style_2 {
text-align: center !important;
}
}
@media screen and (max-width: 991px) {
.vc_row.deal-home6 {
padding-top: 0 !important;
}
}
@media screen and (max-width: 767px) {
.vc_row.deal-home6 {
padding-top: 30px !important;
}
}
@media screen and (max-width: 767px) {
.vc_row.deal-home6 .heading_style_2 {
text-align: center !important;
}
}
@media screen and (max-width: 767px) {
.vc_row.deal-home6 .countdown-shortcode-wrap {
text-align: center !important;
}
}
@media screen and (max-width: 767px) {
.banner-home62 > .vc_column-inner {
padding-top: 15% !important;
}
}
@media screen and (max-width: 991px) {
.haru-col-sm-4 {
width: 33.33333% !important;
}
}
@media screen and (max-width: 767px) {
.haru-col-sm-4 {
width: auto !important;
}
}
@media screen and (max-width: 991px) {
.haru-col-sm-6 {
width: 50% !important;
}
}
@media screen and (max-width: 767px) {
.haru-col-sm-6 {
width: auto !important;
}
}
@media screen and (max-width: 991px) {
.haru-col-sm-8 {
width: 66.66667% !important;
}
}
@media screen and (max-width: 767px) {
.haru-col-sm-8 {
width: auto !important;
}
}
@media screen and (max-width: 991px) {
.haru-col-sm-12 {
width: 100% !important;
}
}
@media screen and (max-width: 767px) {
.haru-col-sm-12 {
width: auto !important;
}
} .page-sidebar {
margin-top: 60px;
}
table {
border-collapse: collapse;
}
table thead {
background: rgba(51, 51, 51, 0.3);
}
table, th, td {
border: 1px solid #ededed;
}
th, td {
padding: 5px;
}
.post-password-form input[type="password"] {
background: none;
border: 1px solid #ededed;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.post-password-form input[type="password"]:focus {
border: 1px solid #333333;
outline: none;
}
.post-password-form input[type=submit] {
background: #444444;
border: none;
color: #fff;
padding: 2px 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.post-password-form input[type=submit]:hover {
background: #333333;
}
.haru-page-links {
clear: both;
} .banner-home-1-1 {
margin-bottom: -60%;
z-index: 2;
}
@media screen and (max-width: 767px) {
.banner-home-1-1 {
margin-bottom: 0;
}
}
@media screen and (max-width: 991px) {
.banner-home-1-2 {
margin-top: 20%;
}
}
.banner-home-1-2 .vc_custom_heading {
color: rgba(38, 38, 38, 0.4);
font-weight: 700;
}
.banner-home-1-2 p {
color: rgba(38, 38, 38, 0.2);
font-size: 36px;
font-style: italic;
line-height: 40px;
margin-top: -20px;
}