@font-face {
font-family: "Flaticon";
src: url(https://powerbearings.co/wp-content/themes/valen/assets/fonts/valen-flaticon/font/Flaticon.eot);
src: url(https://powerbearings.co/wp-content/themes/valen/assets/fonts/valen-flaticon/font/Flaticon.eot?#iefix) format("embedded-opentype"),
url(https://powerbearings.co/wp-content/themes/valen/assets/fonts/valen-flaticon/font/Flaticon.woff) format("woff"),
url(https://powerbearings.co/wp-content/themes/valen/assets/fonts/valen-flaticon/font/Flaticon.ttf) format("truetype"),
url(https://powerbearings.co/wp-content/themes/valen/assets/fonts/valen-flaticon/font/Flaticon.svg#Flaticon) format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "Flaticon";
src: url(https://powerbearings.co/wp-content/themes/valen/assets/fonts/valen-flaticon/font/Flaticon.svg#Flaticon) format("svg");
}
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
font-family: Flaticon;
font-size: 20px;
font-style: normal;
margin-left: 20px;
}
.flaticon-four-grid-layout-design-interface-symbol:before { content: "\f100"; }
.flaticon-menu:before { content: "\f101"; }
.flaticon-nine-squares-of-phone-keyboard-buttons:before { content: "\f102"; }
.flaticon-keyboard-of-phone-nine-squares-black-buttons-symbol:before { content: "\f103"; }
.flaticon-menu-1:before { content: "\f104"; }
.flaticon-list:before { content: "\f105"; }
.flaticon-close:before { content: "\f106"; }
.flaticon-right-arrow:before { content: "\f107"; }
.flaticon-add:before { content: "\f108"; }
.flaticon-phone-call:before { content: "\f109"; }
.flaticon-message:before { content: "\f10a"; }
.flaticon-mail:before { content: "\f10b"; }
.flaticon-placeholder:before { content: "\f10c"; }
.flaticon-avatar:before { content: "\f10d"; }
.flaticon-visible:before { content: "\f10e"; }
.flaticon-magnifying-glass:before { content: "\f10f"; }
.flaticon-heart:before { content: "\f110"; }
.flaticon-heart-1:before { content: "\f111"; }
.flaticon-shopping-bag:before { content: "\f112"; }
.flaticon-paper-bag:before { content: "\f113"; }
.flaticon-shopping-bag-1:before { content: "\f114"; }
.flaticon-exchange:before { content: "\f115"; }
.flaticon-refresh:before { content: "\f116"; }
.flaticon-exchange-1:before { content: "\f117"; }
.flaticon-repeat:before { content: "\f118"; }
.flaticon-random:before { content: "\f119"; }
.flaticon-exchange-2:before { content: "\f11a"; }
.flaticon-plus-button:before { content: "\f11b"; }
.flaticon-left-alignment-of-text-circular-button:before { content: "\f11c"; }
.flaticon-menu-2:before { content: "\f11d"; }
.flaticon-right-arrow-1:before { content: "\f11e"; }
.flaticon-right-arrow-2:before { content: "\f11f"; }
.flaticon-play-video:before { content: "\f120"; }
.flaticon-music-player:before { content: "\f121"; }
.flaticon-expand:before { content: "\f122"; }
.flaticon-menu-3:before { content: "\f123"; }
.flaticon-lists:before { content: "\f124"; }
.flaticon-text:before { content: "\f125"; }
.flaticon-align:before { content: "\f126"; }
.flaticon-down-arrow:before { content: "\f127"; }
.flaticon-sort-down:before { content: "\f128"; }
.flaticon-arrow-point-to-down:before { content: "\f129"; }
.flaticon-play-button:before { content: "\f12a"; }
.flaticon-right-arrow-3:before { content: "\f12b"; }
.flaticon-right-arrow-4:before { content: "\f12c"; }
.flaticon-next:before { content: "\f12d"; }
.flaticon-hold:before { content: "\f12e"; }
.flaticon-expand-1:before { content: "\f12f"; }
.flaticon-move:before { content: "\f130"; }
.flaticon-star:before { content: "\f131"; }
.flaticon-filter:before { content: "\f132"; }
.flaticon-filter-1:before { content: "\f133"; }
.flaticon-filter-2:before { content: "\f134"; }
.flaticon-spinner-of-dots:before { content: "\f135"; }
.flaticon-refresh-1:before { content: "\f136"; }
.flaticon-loading:before { content: "\f137"; }
.flaticon-quote-left:before { content: "\f138"; }
.flaticon-show:before { content: "\f139"; }
.flaticon-adjust:before { content: "\f13a"; }
.flaticon-reply:before { content: "\f13b"; }
.flaticon-pen:before { content: "\f13c"; }
.flaticon-pen-1:before { content: "\f13d"; }
.flaticon-event:before { content: "\f13e"; }
.flaticon-calendar:before { content: "\f13f"; }
.flaticon-push-pin:before { content: "\f140"; }
.flaticon-business-and-finance:before { content: "\f141"; }
.flaticon-checked:before { content: "\f142"; }
.flaticon-tick:before { content: "\f143"; }
.flaticon-tick-1:before { content: "\f144"; }
.flaticon-database:before { content: "\f145"; }
.flaticon-server:before { content: "\f146"; }
.flaticon-server-1:before { content: "\f147"; }
.flaticon-skateboard:before { content: "\f148"; }
.flaticon-shoe:before { content: "\f149"; }
.flaticon-shoe-1:before { content: "\f14a"; }
.flaticon-shoe-2:before { content: "\f14b"; }
.flaticon-flip-flop:before { content: "\f14c"; }
.flaticon-sports:before { content: "\f14d"; }
.flaticon-helmet:before { content: "\f14e"; }
.flaticon-glove:before { content: "\f14f"; }
.flaticon-gymnast:before { content: "\f150"; }
.flaticon-glove-1:before { content: "\f151"; }
.flaticon-tshirt:before { content: "\f152"; }
.flaticon-shipped:before { content: "\f153"; }
.flaticon-delivery-truck:before { content: "\f154"; }
.flaticon-money-back:before { content: "\f155"; }
.flaticon-wallet:before { content: "\f156"; }
.flaticon-support:before { content: "\f157"; }
.flaticon-pencil-case:before { content: "\f158"; }
.flaticon-pen-2:before { content: "\f159"; }
.flaticon-floor:before { content: "\f15a"; }
.flaticon-drop-down:before { content: "\f15b"; }
.flaticon-drop-down-list:before { content: "\f15c"; }
.flaticon-drop-down-1:before { content: "\f15d"; }
.flaticon-show-more-button:before { content: "\f15e"; }
.flaticon-more-button-interface-symbol-of-three-horizontal-aligned-dots:before { content: "\f15f"; }
.flaticon-more-button-of-three-dots:before { content: "\f160"; }
.flaticon-menu-4:before { content: "\f161"; }
.flaticon-menu-5:before { content: "\f162"; }.container-image-and-badge .yith-wcbm-badge {
text-transform: uppercase;
font-size: 12px;
}
@-ms-keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@-o-keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@-webkit-keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@-ms-keyframes shinex {
100% {
left: 125%;
}
}
@-o-keyframes shinex {
100% {
left: 125%;
}
}
@-webkit-keyframes shinex {
100% {
left: 125%;
}
}
@keyframes shinex {
100% {
left: 125%;
}
}
@-ms-keyframes flash {
0% {
opacity: 0.4;
}
100% {
opacity: 1;
}
}
@-o-keyframes flash {
0% {
opacity: 0.4;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes flash {
0% {
opacity: 0.4;
}
100% {
opacity: 1;
}
}
@keyframes flash {
0% {
opacity: 0.4;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes snsnavloadding {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes snsnavloadding {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes snssheen {
100% {
transform: rotateZ(60deg) translate(1em, -9em);
}
}
@keyframes snssheen {
100% {
transform: rotateZ(60deg) translate(1em, -9em);
}
}
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinAround {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes spinAround {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@font-face {
font-family: 'star';
src: url(//powerbearings.co/wp-content/themes/valen/assets/fonts/star.eot);
src: url(//powerbearings.co/wp-content/themes/valen/assets/fonts/star.eot?#iefix) format('embedded-opentype'), url(//powerbearings.co/wp-content/themes/valen/assets/fonts/star.woff) format('woff'), url(//powerbearings.co/wp-content/themes/valen/assets/fonts/star.ttf) format('truetype'), url(//powerbearings.co/wp-content/themes/valen/assets/fonts/star.svg#star) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'WooCommerce';
src: url(//powerbearings.co/wp-content/themes/valen/assets/fonts/WooCommerce.eot);
src: url(//powerbearings.co/wp-content/themes/valen/assets/fonts/WooCommerce.eot?#iefix) format('embedded-opentype'), url(//powerbearings.co/wp-content/themes/valen/assets/fonts/WooCommerce.woff) format('woff'), url(//powerbearings.co/wp-content/themes/valen/assets/fonts/WooCommerce.ttf) format('truetype'), url(//powerbearings.co/wp-content/themes/valen/assets/fonts/WooCommerce.svg#WooCommerce) format('svg');
font-weight: normal;
font-style: normal;
}
.price {
white-space: nowrap;
font-size: 1em;
}
.price .amount {
color: #333;
font-weight: bold;
}
.price del {
text-decoration: none;
position: relative;
padding: 0 3px;
}
.price del .amount {
color: #888;
font-weight: normal;
}
.price del:before {
content: '';
display: block;
width: 100%;
height: 1px;
background: #888;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.price ins {
margin: 0 0 0 5px;
text-decoration: none;
}
.price ins .amount {
color: #333;
font-weight: bold;
}
.price .from {
font-size: 1em;
margin: -2px 0 0 0;
text-transform: uppercase;
}
@media (min-width: 1199px) {
.price .woocommerce-Price-amount {
margin: 0 0 0 3px;
}
.price .woocommerce-Price-amount:first-child {
margin: 0 3px 0 0;
}
}
@media (max-width: 1199px) {
.product-type-variable .price .amount {
font-size: 1em;
}
}
p.demo_store {
position: fixed;
top: 0;
left: 0;
right: 0;
margin: 0;
width: 100%;
font-size: 1em;
padding: 1em 0;
text-align: center;
background-color: #a46497;
color: #fff;
z-index: 99998;
box-shadow: 0 1px 1em rgba(0, 0, 0, 0.2);
}
.admin-bar p.demo_store {
top: 32px;
}
.clear {
clear: both;
}
a.remove {
display: block;
width: 18px;
height: 18px;
text-align: center;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
position: relative;
color: #666;
overflow: hidden;
padding: 0 0;
font-size: 0px;
}
a.remove:hover {
color: #333;
text-decoration: none;
}
a.remove:before {
content: "\f106";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
font-size: 12px;
height: 100%;
width: 100%;
color: inherit;
}
.blockUI.blockOverlay {
position: relative;
background: transparent !important;
}
.blockUI.blockOverlay:before {
content: "\f136";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
z-index: 1;
color: #fff;
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
-o-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
}
.loader {
background: transparent !important;
}
.loader:before {
content: "\f136";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
z-index: 1;
color: #fff;
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
-o-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
}
.woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info {
padding: 10px 20px 10px 25px;
margin: 0 0 30px;
position: relative;
list-style: none !important;
*zoom: 1;
width: auto;
}
.woocommerce .woocommerce-message:before, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:after, .woocommerce .woocommerce-error:after, .woocommerce .woocommerce-info:after {
content: " ";
display: table;
}
.woocommerce .woocommerce-message:after, .woocommerce .woocommerce-error:after, .woocommerce .woocommerce-info:after {
clear: both;
}
.woocommerce .woocommerce-message:before, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before {
font-family: "WooCommerce";
content: "\e028";
display: inline-block;
position: relative;
left: -5px;
}
.woocommerce .woocommerce-message .button, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button {
float: right;
background: none;
color: #666;
font-size: 100%;
padding: 0;
border: none;
height: auto;
line-height: inherit;
}
.woocommerce .woocommerce-message .button:hover, .woocommerce .woocommerce-error .button:hover, .woocommerce .woocommerce-info .button:hover {
color: #333;
}
.woocommerce .woocommerce-message li, .woocommerce .woocommerce-error li, .woocommerce .woocommerce-info li {
list-style: none;
padding-left: 0;
margin-left: 0;
}
.woocommerce .woocommerce-message li:first-child, .woocommerce .woocommerce-error li:first-child, .woocommerce .woocommerce-info li:first-child {
display: inline-block;
}
.woocommerce .woocommerce-message {
background: #dff0d8;
color: #8fae1b;
}
.woocommerce .woocommerce-message:before {
content: "\e015";
color: #8fae1b;
}
.woocommerce .woocommerce-info {
background: #d9edf7;
color: #1e85be;
}
.woocommerce .woocommerce-info:before {
color: #1e85be;
}
.woocommerce .woocommerce-error {
background: #f2dede;
color: #b94a48;
}
.woocommerce .woocommerce-error:before {
content: "\e016";
color: #b94a48;
}
.woocommerce small.note {
display: block;
color: #777;
font-size: 0.857em;
margin-top: 10px;
}
.woocommerce .woocommerce-breadcrumb {
*zoom: 1;
margin: 0 0 1em;
padding: 0;
font-size: 0.92em;
color: #777;
}
.woocommerce .woocommerce-breadcrumb:before, .woocommerce .woocommerce-breadcrumb:after {
content: " ";
display: table;
}
.woocommerce .woocommerce-breadcrumb:after {
clear: both;
}
.woocommerce .woocommerce-breadcrumb a {
color: #777;
}
.woocommerce .quantity .screen-reader-text {
display: none;
}
.woocommerce .quantity .qty {
width: 3.631em;
text-align: center;
color: #666;
}
.woocommerce div.type-product, .woocommerce div.product {
margin-bottom: 0;
position: relative;
}
.woocommerce div.type-product .product_title, .woocommerce div.product .product_title {
clear: none;
padding: 0;
text-transform: none;
font-weight: bold;
}
.woocommerce div.type-product p.stock, .woocommerce div.product p.stock {
font-size: 0.92em;
}
.woocommerce div.type-product .stock, .woocommerce div.product .stock {
color: #38e534;
}
.woocommerce div.type-product .out-of-stock, .woocommerce div.product .out-of-stock {
color: red;
}
.woocommerce div.type-product .woocommerce-product-rating, .woocommerce div.product .woocommerce-product-rating {
position: relative;
}
.woocommerce div.type-product div.social, .woocommerce div.product div.social {
text-align: right;
margin: 0 0 1em;
}
.woocommerce div.type-product div.social span, .woocommerce div.product div.social span {
margin: 0 0 0 2px;
}
.woocommerce div.type-product div.social span span, .woocommerce div.product div.social span span {
margin: 0;
}
.woocommerce div.type-product div.social span .stButton .chicklets, .woocommerce div.product div.social span .stButton .chicklets {
padding-left: 16px;
width: 0;
}
.woocommerce div.type-product div.social iframe, .woocommerce div.product div.social iframe {
float: left;
margin-top: 3px;
}
.woocommerce div.type-product .woocommerce-tabs ul.tabs, .woocommerce div.product .woocommerce-tabs ul.tabs {
list-style: none;
padding: 0 0 0 1em;
margin: 0 0 1.618em;
overflow: hidden;
position: relative;
}
.woocommerce div.type-product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 1px solid #d3ced2;
background-color: #ebe9eb;
display: inline-block;
position: relative;
z-index: 0;
border-radius: 4px 4px 0 0;
margin: 0 -5px;
padding: 0 1em;
}
.woocommerce div.type-product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a {
display: inline-block;
padding: 0.5em 0;
font-weight: 700;
color: #515151;
text-decoration: none;
}
.woocommerce div.type-product .woocommerce-tabs ul.tabs li a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
text-decoration: none;
color: #6b6b6b;
}
.woocommerce div.type-product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background: #fff;
z-index: 2;
border-bottom-color: #fff;
}
.woocommerce div.type-product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: inherit;
text-shadow: inherit;
}
.woocommerce div.type-product .woocommerce-tabs ul.tabs li.active:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before {
box-shadow: 2px 2px 0 #fff;
}
.woocommerce div.type-product .woocommerce-tabs ul.tabs li.active:after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
box-shadow: -2px 2px 0 #fff;
}
.woocommerce div.type-product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.type-product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:after {
border: 1px solid #d3ced2;
position: absolute;
bottom: -1px;
width: 5px;
height: 5px;
content: " ";
}
.woocommerce div.type-product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:before {
left: -6px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
border-width: 0 1px 1px 0;
box-shadow: 2px 2px 0 #ebe9eb;
}
.woocommerce div.type-product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:after {
right: -6px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
border-width: 0 0 1px 1px;
box-shadow: -2px 2px 0 #ebe9eb;
}
.woocommerce div.type-product .woocommerce-tabs ul.tabs:before, .woocommerce div.product .woocommerce-tabs ul.tabs:before {
position: absolute;
content: " ";
width: 100%;
bottom: 0;
left: 0;
border-bottom: 1px solid #d3ced2;
z-index: 1;
}
.woocommerce div.type-product .woocommerce-tabs .panel, .woocommerce div.product .woocommerce-tabs .panel {
margin: 0 0 2em;
padding: 0;
}
.woocommerce div.type-product p.cart, .woocommerce div.product p.cart {
*zoom: 1;
}
.woocommerce div.type-product p.cart:before, .woocommerce div.product p.cart:before, .woocommerce div.type-product p.cart:after, .woocommerce div.product p.cart:after {
content: " ";
display: table;
}
.woocommerce div.type-product p.cart:after, .woocommerce div.product p.cart:after {
clear: both;
}
.woocommerce div.type-product form.cart, .woocommerce div.product form.cart {
*zoom: 1;
}
.woocommerce div.type-product form.cart:before, .woocommerce div.product form.cart:before, .woocommerce div.type-product form.cart:after, .woocommerce div.product form.cart:after {
content: " ";
display: table;
}
.woocommerce div.type-product form.cart:after, .woocommerce div.product form.cart:after {
clear: both;
}
.woocommerce div.type-product form.cart table, .woocommerce div.product form.cart table {
margin: 0 0 15px;
border-bottom: 1px solid #e9e9e9;
border-left: 1px solid #e9e9e9;
}
.woocommerce div.type-product form.cart table td, .woocommerce div.product form.cart table td {
border-right: 1px solid #e9e9e9;
border-top: 1px solid #e9e9e9;
vertical-align: middle;
display: table-cell;
padding: 10px 15px;
}
.woocommerce div.type-product form.cart table td label, .woocommerce div.product form.cart table td label {
margin: 0 5px 5px 0px !important;
float: none;
line-height: inherit !important;
}
.woocommerce div.type-product form.cart table td .quantity, .woocommerce div.product form.cart table td .quantity {
text-align: center;
margin: 10px !important;
height: 32px !important;
}
.woocommerce div.type-product form.cart table td .quantity .qty, .woocommerce div.product form.cart table td .quantity .qty {
height: 30px;
line-height: 30px !important;
}
@media (max-width: 767px) {
.woocommerce div.type-product form.cart table td .quantity .qty, .woocommerce div.product form.cart table td .quantity .qty {
width: 45px;
}
}
.woocommerce div.type-product form.cart table td.woocommerce-grouped-product-list-item__label, .woocommerce div.product form.cart table td.woocommerce-grouped-product-list-item__label {
text-transform: uppercase;
}
.woocommerce div.type-product form.cart table td.price, .woocommerce div.product form.cart table td.price {
text-align: center;
padding: 0 5px;
}
.woocommerce div.type-product form.cart table td.price .amount, .woocommerce div.product form.cart table td.price .amount {
font-size: 115%;
}
.woocommerce div.type-product form.cart table td.price del, .woocommerce div.product form.cart table td.price del {
margin-left: 10px;
}
@media (min-width: 1199px) {
.woocommerce div.type-product form.cart table td.price del:before, .woocommerce div.product form.cart table td.price del:before {
margin-top: -2px;
}
}
.woocommerce div.type-product form.cart table td.price ins, .woocommerce div.product form.cart table td.price ins {
float: none;
margin-right: 10px;
}
.woocommerce div.type-product form.cart table td.price .stock, .woocommerce div.product form.cart table td.price .stock {
margin-top: 5px;
}
.woocommerce div.type-product form.cart table td.label, .woocommerce div.product form.cart table td.label {
text-align: center;
padding: 5px 10px;
}
.woocommerce div.type-product form.cart table small.stock, .woocommerce div.product form.cart table small.stock {
display: block;
float: none;
}
.woocommerce div.type-product form.cart table.group_table .quantity, .woocommerce div.product form.cart table.group_table .quantity {
padding: 0 5px;
overflow: hidden;
}
.woocommerce div.type-product form.cart table.group_table .quantity label.screen-reader-text, .woocommerce div.product form.cart table.group_table .quantity label.screen-reader-text {
display: none;
}
.woocommerce div.type-product form.cart table.group_table .quantity .qty, .woocommerce div.product form.cart table.group_table .quantity .qty {
margin: 0;
}
.woocommerce div.type-product form.cart table.group_table td:first-child, .woocommerce div.product form.cart table.group_table td:first-child {
width: 80px;
padding: 0 0;
}
@media (max-width: 767px) {
.woocommerce div.type-product form.cart table.group_table td:first-child, .woocommerce div.product form.cart table.group_table td:first-child {
width: auto;
}
}
.woocommerce div.type-product form.cart table.group_table td label, .woocommerce div.product form.cart table.group_table td label {
margin: 0 !important;
}
.woocommerce div.type-product form.cart table.group_table td.label, .woocommerce div.product form.cart table.group_table td.label {
text-align: left;
white-space: normal;
line-height: inherit;
}
.woocommerce div.type-product form.cart .button, .woocommerce div.product form.cart .button {
vertical-align: middle;
float: left;
}
.woocommerce ul.products {
padding: 0;
list-style: none;
clear: both;
*zoom: 1;
}
.woocommerce ul.products:before, .woocommerce ul.products:after {
content: " ";
display: table;
}
.woocommerce ul.products:after {
clear: both;
}
.woocommerce ul.products li {
list-style: none;
}
.woocommerce .woocommerce-result-count {
margin: 0 0 1em;
}
.woocommerce .woocommerce-ordering {
margin: 0 0 1em;
}
.woocommerce .woocommerce-ordering select {
vertical-align: top;
border: 1px solid #ccc;
}
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt {
-webkit-font-smoothing: antialiased;
}
.woocommerce a.button:disabled, .woocommerce button.button:disabled, .woocommerce input.button:disabled, .woocommerce #respond input#submit:disabled, .woocommerce a.button.disabled, .woocommerce button.button.disabled, .woocommerce input.button.disabled, .woocommerce #respond input#submit.disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button:disabled[disabled], .woocommerce input.button:disabled[disabled], .woocommerce #respond input#submit:disabled[disabled] {
color: inherit;
cursor: not-allowed;
opacity: 0.7;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
float: none;
}
.woocommerce #reviews h2 small {
float: right;
color: #777;
font-size: 15px;
margin: 10px 0 0 0;
}
.woocommerce #reviews h2 small a {
text-decoration: none;
color: #777;
}
.woocommerce #reviews h3 {
margin: 0;
}
.woocommerce #reviews p.woocommerce-noreviews {
margin: 0 0 30px 0;
}
.woocommerce #reviews #respond {
margin: 0;
border: 0;
padding: 0;
}
.woocommerce #reviews #comment {
height: 100px;
}
.woocommerce #reviews #comments .add_review {
*zoom: 1;
}
.woocommerce #reviews #comments .add_review:before, .woocommerce #reviews #comments .add_review:after {
content: " ";
display: table;
}
.woocommerce #reviews #comments .add_review:after {
clear: both;
}
.woocommerce #reviews #comments h2 {
clear: none;
}
.woocommerce #reviews #comments ol.commentlist {
*zoom: 1;
margin: 0;
padding: 0;
list-style: none;
margin: 0;
width: 100%;
background: none;
list-style: none;
}
.woocommerce #reviews #comments ol.commentlist:before, .woocommerce #reviews #comments ol.commentlist:after {
content: " ";
display: table;
}
.woocommerce #reviews #comments ol.commentlist:after {
clear: both;
}
.woocommerce #reviews #comments ol.commentlist li.review {
padding: 0;
margin: 0 0 20px;
border: 0;
position: relative;
background: 0;
border: 0;
}
.woocommerce #reviews #comments ol.commentlist li.review .meta {
color: #686868;
}
.woocommerce #reviews #comments ol.commentlist li.review img.avatar {
float: left;
position: absolute;
top: 0;
left: 0;
padding: 0px;
width: 60px;
height: auto;
background: #ebe9eb;
border: 1px solid #eaeaea;
margin: 0;
box-shadow: none;
}
.woocommerce #reviews #comments ol.commentlist li.review .comment-text {
margin: 0 0 0 80px;
border: 1px solid #eaeaea;
border-radius: 5px;
padding: 15px 20px 5px;
*zoom: 1;
}
.woocommerce #reviews #comments ol.commentlist li.review .comment-text:before, .woocommerce #reviews #comments ol.commentlist li.review .comment-text:after {
content: " ";
display: table;
}
.woocommerce #reviews #comments ol.commentlist li.review .comment-text:after {
clear: both;
}
.woocommerce #reviews #comments ol.commentlist li.review .comment-text p {
margin: 0 0 15px;
}
.woocommerce #reviews #comments ol.commentlist ol, .woocommerce #reviews #comments ol.commentlist ul {
padding: 0 0 0 25px;
margin: 0 0 25px;
}
.woocommerce #reviews #comments ol.commentlist ol ol, .woocommerce #reviews #comments ol.commentlist ul ol, .woocommerce #reviews #comments ol.commentlist ol ul, .woocommerce #reviews #comments ol.commentlist ul ul {
margin: 0 0;
padding: 0 0 0 30px;
}
.woocommerce #reviews #comments ol.commentlist ul.children {
list-style: none outside;
margin: 20px 0 0 50px;
}
.woocommerce #reviews #comments ol.commentlist ul.children .star-rating {
display: none;
}
.woocommerce #reviews #comments ol.commentlist #respond {
border: 1px solid #e4e1e3;
border-radius: 4px;
padding: 1em 1em 0;
margin: 20px 0 0 50px;
}
.woocommerce #reviews #comments .commentlist > li:before {
content: "";
}
.woocommerce .price {
display: inline-block;
}
.woocommerce .star-rating {
overflow: hidden;
position: relative;
height: 24px;
line-height: 24px;
font-size: 12px;
width: 75px;
letter-spacing: 3px;
font-family: 'Flaticon';
}
.woocommerce .star-rating:before {
content: "\f131\f131\f131\f131\f131";
color: #ccc;
float: left;
top: 0;
left: 0;
position: absolute;
}
.woocommerce .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 24px;
height: 24px;
}
.woocommerce .star-rating span:before {
content: "\f131\f131\f131\f131\f131";
color: #f4e206;
top: 0;
position: absolute;
left: 0;
}
.woocommerce .woocommerce-product-rating {
*zoom: 1;
line-height: 24px;
height: 24px;
display: block;
}
.woocommerce .woocommerce-product-rating:before, .woocommerce .woocommerce-product-rating:after {
content: " ";
display: table;
}
.woocommerce .woocommerce-product-rating:after {
clear: both;
}
.woocommerce .woocommerce-product-rating .star-rating {
margin: 0.5em 4px 0 0;
float: left;
}
.woocommerce .products .list-view .star-rating {
display: block;
margin: 5px 0;
float: none;
position: relative;
left: 0;
}
.woocommerce .hreview-aggregate .star-rating {
margin: 10px 0 0 0;
}
.woocommerce #review_form #respond {
*zoom: 1;
position: static;
margin: 0;
width: auto;
padding: 0 0 0;
background: transparent none;
border: 0;
}
.woocommerce #review_form #respond:before, .woocommerce #review_form #respond:after {
content: " ";
display: table;
}
.woocommerce #review_form #respond:after {
clear: both;
}
.woocommerce #review_form #respond .comment-notes {
margin-bottom: 15px;
font-style: italic;
}
.woocommerce #review_form #respond p {
margin: 0 0 15px;
}
.woocommerce #review_form #respond p input[type=email], .woocommerce #review_form #respond p input[type=text] {
width: 100%;
height: 45px;
border-color: #eaeaea;
}
.woocommerce #review_form #respond p input[type=email]::-moz-placeholder, .woocommerce #review_form #respond p input[type=text]::-moz-placeholder {
color: #666;
opacity: 1;
}
.woocommerce #review_form #respond p input[type=email]:-ms-input-placeholder, .woocommerce #review_form #respond p input[type=text]:-ms-input-placeholder {
color: #666;
}
.woocommerce #review_form #respond p input[type=email]::-webkit-input-placeholder, .woocommerce #review_form #respond p input[type=text]::-webkit-input-placeholder {
color: #666;
}
.woocommerce #review_form #respond p input[type=email]:focus, .woocommerce #review_form #respond p input[type=text]:focus {
background: transparent;
border-color: #ccc;
}
.woocommerce #review_form #respond p.comment-form-email {
width: 50%;
float: left;
padding-left: 10px;
}
.woocommerce #review_form #respond p.comment-form-email label {
display: block;
}
.woocommerce #review_form #respond p.comment-form-author {
width: 50%;
float: left;
padding-right: 10px;
}
.woocommerce #review_form #respond p.comment-form-author label {
display: block;
}
.woocommerce #review_form #respond .form-submit {
width: 100%;
float: left;
margin: 10px 0 0;
}
.woocommerce #review_form #respond label {
font-weight: bold;
margin: 0 0 5px;
}
.woocommerce #review_form #respond textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border-color: #eaeaea;
}
.woocommerce #review_form #respond textarea::-moz-placeholder {
color: #666;
opacity: 1;
}
.woocommerce #review_form #respond textarea:-ms-input-placeholder {
color: #666;
}
.woocommerce #review_form #respond textarea::-webkit-input-placeholder {
color: #666;
}
.woocommerce #review_form #respond textarea:focus {
background: transparent;
border-color: #ccc;
}
.woocommerce #review_form #respond .comment-form-rating label {
margin-bottom: 5px;
}
.woocommerce p.stars {
position: relative;
font-size: 12px;
}
.woocommerce p.stars a {
display: inline-block;
margin-right: 1em;
text-indent: -9999px;
position: relative;
border-bottom: 0 !important;
outline: 0;
line-height: 12px;
}
.woocommerce p.stars a:last-child {
border-right: 0;
}
.woocommerce p.stars a.star-1, .woocommerce p.stars a.star-2, .woocommerce p.stars a.star-3, .woocommerce p.stars a.star-4, .woocommerce p.stars a.star-5 {
font-family: 'Flaticon';
margin-right: 30px;
display: inline-block;
letter-spacing: 3px;
position: relative;
height: 16px;
line-height: 16px;
}
.woocommerce p.stars a.star-1:after, .woocommerce p.stars a.star-2:after, .woocommerce p.stars a.star-3:after, .woocommerce p.stars a.star-4:after, .woocommerce p.stars a.star-5:after {
text-indent: 0;
position: absolute;
top: 0;
left: 0;
content: "\f131";
color: #ccc;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.woocommerce p.stars a.star-1:before, .woocommerce p.stars a.star-2:before, .woocommerce p.stars a.star-3:before, .woocommerce p.stars a.star-4:before, .woocommerce p.stars a.star-5:before {
position: absolute;
content: "";
height: 11px;
width: 1px;
background: #ccc;
right: -15px;
top: 3px;
}
.woocommerce p.stars a.star-1:hover:after, .woocommerce p.stars a.star-2:hover:after, .woocommerce p.stars a.star-3:hover:after, .woocommerce p.stars a.star-4:hover:after, .woocommerce p.stars a.star-5:hover:after, .woocommerce p.stars a.star-1.active:after, .woocommerce p.stars a.star-2.active:after, .woocommerce p.stars a.star-3.active:after, .woocommerce p.stars a.star-4.active:after, .woocommerce p.stars a.star-5.active:after {
color: #f4e206;
}
.woocommerce p.stars a.star-1 {
width: 14.5px;
}
.woocommerce p.stars a.star-1:after {
content: "\f131";
}
.woocommerce p.stars a.star-2 {
width: 29px;
}
.woocommerce p.stars a.star-2:after {
content: "\f131\f131";
}
.woocommerce p.stars a.star-3 {
width: 43.5px;
}
.woocommerce p.stars a.star-3:after {
content: "\f131\f131\f131";
}
.woocommerce p.stars a.star-4 {
width: 58px;
}
.woocommerce p.stars a.star-4:after {
content: "\f131\f131\f131\f131";
}
.woocommerce p.stars a.star-5 {
width: 72.5px;
}
.woocommerce p.stars a.star-5:after {
content: "\f131\f131\f131\f131\f131";
}
.woocommerce p.stars a.star-5:before {
display: none;
}
.woocommerce table.shop_attributes {
border: 1px solid #eaeaea;
border-right: none;
margin-bottom: 1.618em;
width: 100%;
}
.woocommerce table.shop_attributes tr:nth-child(even) {
background-color: #f5f5f5;
}
.woocommerce table.shop_attributes th {
width: 150px;
font-weight: bold;
padding: 15px 15px;
border-top: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
margin: 0;
line-height: 1.5;
color: #333;
}
.woocommerce table.shop_attributes td {
padding: 15px 15px;
border-top: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
margin: 0;
line-height: 1.5;
}
.woocommerce table.shop_attributes td p {
margin: 0;
}
.woocommerce table.shop_attributes .alt td, .woocommerce table.shop_attributes .alt th {
background: #f9f9f9;
}
.woocommerce table.shop_table {
border: 1px solid #eaeaea;
border-right: none;
margin: 0px 0px 40px 0px;
text-align: left;
width: 100%;
border-collapse: separate;
overflow: hidden;
}
.woocommerce table.shop_table th {
padding: 10px 15px;
text-align: center;
border-bottom: none;
}
.woocommerce table.shop_table td {
border-top: 1px solid #eaeaea;
padding: 10px 15px;
vertical-align: middle;
}
.woocommerce table.shop_table td small {
font-weight: normal;
}
.woocommerce table.shop_table td.product-remove {
border-right: 1px solid #eaeaea;
width: 60px;
}
.woocommerce table.shop_table td.product-remove .remove {
margin: auto;
}
.woocommerce table.shop_table td.product-remove .remove:before {
position: absolute;
top: 0px;
left: 0px;
}
.woocommerce table.shop_table td.product-thumbnail {
width: 150px;
text-align: center;
}
.woocommerce table.shop_table td.product-price, .woocommerce table.shop_table td.product-subtotal, .woocommerce table.shop_table td.product-quantity {
text-align: center;
}
.woocommerce table.shop_table td.product-price label, .woocommerce table.shop_table td.product-subtotal label, .woocommerce table.shop_table td.product-quantity label {
float: left;
line-height: 45px;
}
.woocommerce table.shop_table td.product-quantity {
width: 200px;
}
.woocommerce table.shop_table tbody:first-child tr:first-child th, .woocommerce table.shop_table tbody:first-child tr:first-child td {
border-top: 0;
}
.woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tbody th {
font-weight: 700;
border-top: 1px solid #eaeaea;
}
.woocommerce table.my_account_orders th, .woocommerce table.my_account_orders td {
padding: 10px 10px;
vertical-align: middle;
}
.woocommerce table.my_account_orders .button {
white-space: nowrap;
}
.woocommerce table.my_account_orders .order-actions {
text-align: right;
}
.woocommerce table.my_account_orders .order-actions .button {
margin: 0.125em 0 0.125em 0.25em;
}
.woocommerce td.product-name dl.variation {
margin: 0.7em 0 0.25em 0;
*zoom: 1;
}
.woocommerce td.product-name dl.variation:before, .woocommerce td.product-name dl.variation:after {
content: " ";
display: table;
}
.woocommerce td.product-name dl.variation:after {
clear: both;
}
.woocommerce td.product-name dl.variation dt, .woocommerce td.product-name dl.variation dd {
display: inline-block;
float: left;
}
.woocommerce td.product-name dl.variation dt {
font-weight: 700;
padding: 0 0 0.25em 0;
margin: 0 4px 0 0;
clear: left;
}
.woocommerce td.product-name dl.variation dd {
padding: 0 0 0.25em 0;
}
.woocommerce td.product-name dl.variation dd p:last-child {
margin-bottom: 0;
}
.woocommerce td.product-name p.backorder_notification {
font-size: 0.83em;
}
.woocommerce .woocommerce-customer-details {
margin-bottom: 60px;
}
@media (min-width: 768px) {
.woocommerce form.track_order .form-row-first, .woocommerce form.track_order .form-row-last {
width: 50%;
float: left;
padding: 5px 15px 0 0;
}
.woocommerce form.track_order .form-row-last {
padding: 5px 0 0 15px;
}
}
.woocommerce .woocomerce-form.woocommerce-form-login .button {
display: block;
margin: 0 0 10px;
}
.woocommerce form.lost_reset_password {
margin: 0 0 60px;
}
.woocommerce ul.cart_list, .woocommerce ul.product_list_widget {
list-style: none outside;
padding: 0 25px 0;
margin: 0;
overflow: auto;
font-size: 1em;
max-height: 420px;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
padding: 15px 0 15px;
margin: 0 0;
*zoom: 1;
list-style: none;
border-top: 1px solid #eaeaea;
}
.woocommerce ul.cart_list li:before, .woocommerce ul.product_list_widget li:before, .woocommerce ul.cart_list li:after, .woocommerce ul.product_list_widget li:after {
content: " ";
display: table;
}
.woocommerce ul.cart_list li:after, .woocommerce ul.product_list_widget li:after {
clear: both;
}
.woocommerce ul.cart_list li:first-child, .woocommerce ul.product_list_widget li:first-child {
padding-top: 20px;
border-top: none;
}
.woocommerce ul.cart_list li:first-child .remove, .woocommerce ul.product_list_widget li:first-child .remove {
top: 23px;
}
.woocommerce ul.cart_list li:last-child, .woocommerce ul.product_list_widget li:last-child {
padding-bottom: 20px;
}
.woocommerce ul.cart_list li.empty, .woocommerce ul.product_list_widget li.empty {
padding: 25px 0 30px;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
margin-bottom: 5px;
}
.woocommerce ul.cart_list li a:hover, .woocommerce ul.product_list_widget li a:hover {
color: #234a80;
}
.woocommerce ul.cart_list li .product-image, .woocommerce ul.product_list_widget li .product-image {
position: relative;
display: inline-block;
float: left;
float: left;
padding: 0 0;
margin-right: 15px;
max-width: 90px;
}
.woocommerce ul.cart_list li .product-image:before, .woocommerce ul.product_list_widget li .product-image:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0px;
top: 0px;
background-color: rgba(0, 0, 0, 0.2);
opacity: 0;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.woocommerce ul.cart_list li .title, .woocommerce ul.product_list_widget li .title {
font-size: 1em;
padding: 0 0;
margin: 0 20px 5px 0;
display: block;
text-transform: uppercase;
}
.woocommerce ul.cart_list li .title:hover, .woocommerce ul.product_list_widget li .title:hover {
color: #333;
}
.woocommerce ul.cart_list li .quantity, .woocommerce ul.product_list_widget li .quantity {
display: block;
}
.woocommerce ul.cart_list li .quantity .amount, .woocommerce ul.product_list_widget li .quantity .amount {
color: #333;
font-weight: bold;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
box-shadow: none;
border: 1px solid transparent;
}
.woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl {
margin: 0;
padding-left: 1em;
border: none;
display: inline-block;
vertical-align: top;
*zoom: 1;
}
.woocommerce ul.cart_list li dl:before, .woocommerce ul.product_list_widget li dl:before, .woocommerce ul.cart_list li dl:after, .woocommerce ul.product_list_widget li dl:after {
content: " ";
display: table;
}
.woocommerce ul.cart_list li dl:after, .woocommerce ul.product_list_widget li dl:after {
clear: both;
}
.woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dt, .woocommerce ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dd {
display: inline-block;
float: left;
margin-bottom: 0;
}
.woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dt {
font-weight: 700;
padding: 0 0 0.25em 0;
margin: 0 4px 0 0;
clear: left;
}
.woocommerce ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dd {
padding: 0 0 0.25em 0;
}
.woocommerce ul.cart_list li dl dd p:last-child, .woocommerce ul.product_list_widget li dl dd p:last-child {
margin-bottom: 0;
}
.woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating {
float: none;
}
.woocommerce.widget_shopping_cart .total, .woocommerce .widget_shopping_cart .total {
height: 50px;
line-height: 50px;
padding: 0 25px;
margin: 0 0 25px;
font-size: 1em;
position: relative;
text-transform: uppercase;
color: #333;
font-weight: bold;
}
.woocommerce.widget_shopping_cart .total:before, .woocommerce .widget_shopping_cart .total:before {
content: "";
position: absolute;
top: 0;
height: 1px;
width: calc(100% - 50px) !important;
left: 25px;
background: #eaeaea;
}
.woocommerce.widget_shopping_cart .total:after, .woocommerce .widget_shopping_cart .total:after {
content: "";
position: absolute;
bottom: 0;
height: 1px;
width: calc(100% - 50px) !important;
left: 25px;
background: #eaeaea;
}
.woocommerce.widget_shopping_cart .total strong, .woocommerce .widget_shopping_cart .total strong {
display: inline-block;
float: left;
}
.woocommerce.widget_shopping_cart .total .amount, .woocommerce .widget_shopping_cart .total .amount {
float: right;
}
.woocommerce.widget_shopping_cart .buttons, .woocommerce .widget_shopping_cart .buttons {
margin: 0 0 15px !important;
padding: 0 25px;
*zoom: 1;
text-align: center;
}
.woocommerce.widget_shopping_cart .buttons:before, .woocommerce .widget_shopping_cart .buttons:before, .woocommerce.widget_shopping_cart .buttons:after, .woocommerce .widget_shopping_cart .buttons:after {
content: " ";
display: table;
}
.woocommerce.widget_shopping_cart .buttons:after, .woocommerce .widget_shopping_cart .buttons:after {
clear: both;
}
.woocommerce.widget_shopping_cart .buttons .button, .woocommerce .widget_shopping_cart .buttons .button {
margin: 0 5px 10px 0;
display: block;
float: left;
width: calc(50% - 5px);
padding-left: 0px;
padding-right: 0px;
}
.woocommerce.widget_shopping_cart .buttons .button.checkout, .woocommerce .widget_shopping_cart .buttons .button.checkout {
margin: 0 0 10px 5px;
}
.woocommerce.widget_shopping_cart .remove, .woocommerce .widget_shopping_cart .remove {
position: absolute;
overflow: hidden;
right: 0px;
top: 18px;
z-index: 1;
padding: 0 0;
margin: 0 0;
color: #ccc;
width: 14px;
height: 14px;
}
.woocommerce.widget_shopping_cart .remove:before, .woocommerce .widget_shopping_cart .remove:before {
font-size: 10px;
width: 14px;
height: 14px;
}
.woocommerce.widget_shopping_cart .remove:hover, .woocommerce .widget_shopping_cart .remove:hover {
color: #333;
}
.woocommerce form .form-row {
padding: 3px 0;
margin: 0 0 10px;
}
.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder {
-webkit-transition: opacity 0.5s 0.5s ease;
-moz-transition: opacity 0.5s 0.5s ease;
transition: opacity 0.5s 0.5s ease;
opacity: 0;
}
.woocommerce form .form-row .select2-container .select2-choice {
padding: 4px 0 4px 8px;
border-color: #e9e9e9;
border-radius: 0;
}
.woocommerce form .form-row label {
line-height: 2;
}
.woocommerce form .form-row label.hidden {
visibility: hidden;
}
.woocommerce form .form-row label.inline {
display: inline;
}
.woocommerce form .form-row select {
cursor: pointer;
margin: 0;
}
.woocommerce form .form-row .required {
color: red;
font-weight: 700;
border: 0;
}
.woocommerce form .form-row label.checkbox {
padding-left: 20px;
line-height: normal;
}
.woocommerce form .form-row label.checkbox .input-checkbox {
display: inline;
margin: 3px 0 0 -20px;
text-align: center;
vertical-align: middle;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin: 0;
outline: 0;
}
.woocommerce form .form-row textarea {
height: 135px;
line-height: 1.5;
display: block;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce form .form-row .select2-container {
width: 100%;
line-height: 2em;
}
.woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select {
border-color: #a00;
}
.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
border-color: #69bf29;
}
.woocommerce form .form-row ::-webkit-input-placeholder {
line-height: normal;
}
.woocommerce form .form-row :-moz-placeholder {
line-height: normal;
}
.woocommerce form .form-row :-ms-input-placeholder {
line-height: normal;
}
.woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register {
border: 1px solid #ccc;
padding: 20px 30px;
margin: 2em 0 2em 0px;
text-align: left;
}
.woocommerce ul#shipping_method {
list-style: none outside;
margin: 0 0 10px;
padding: 0;
}
.woocommerce ul#shipping_method li {
margin: 0;
padding: 4px 0;
list-style: none outside;
display: block;
*zoom: 1;
}
.woocommerce ul#shipping_method li:before, .woocommerce ul#shipping_method li:after {
content: " ";
display: table;
}
.woocommerce ul#shipping_method li:after {
clear: both;
}
.woocommerce ul#shipping_method li input[type="checkbox"], .woocommerce ul#shipping_method li input[type="radio"] {
float: left;
margin: 3px 8px 0 0;
}
.woocommerce ul#shipping_method li label {
float: left;
margin: 0 0;
}
.woocommerce ul#shipping_method .amount {
font-weight: 700;
}
.woocommerce p.woocommerce-shipping-contents {
margin: 0;
}
.woocommerce .order_details {
*zoom: 1;
margin: 0 0 1.5em;
list-style: none;
}
.woocommerce .order_details:before, .woocommerce .order_details:after {
content: " ";
display: table;
}
.woocommerce .order_details:after {
clear: both;
}
.woocommerce .order_details li {
float: left;
margin-right: 2em;
text-transform: uppercase;
font-size: 0.715em;
line-height: 1;
border-right: 1px dashed #d3ced2;
padding-right: 2em;
margin-left: 0;
padding-left: 0;
}
.woocommerce .order_details li strong {
display: block;
font-size: 1.4em;
text-transform: none;
line-height: 1.5;
}
.woocommerce .order_details li:last-of-type {
border: none;
}
.woocommerce .widget_layered_nav ul {
margin: 0;
margin-left: 20px;
padding: 0;
border: 0;
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce .widget_layered_nav ul li {
padding: 11px 0;
}
.woocommerce .widget_layered_nav ul li a {
position: relative;
padding: 0 0 0 22px;
background: transparent;
line-height: 1;
display: block;
color: #666;
}
.woocommerce .widget_layered_nav ul li a:before {
width: 12px;
height: 12px;
border: 1px solid #ccc;
border-radius: 0px;
content: "";
position: absolute;
top: 1px;
left: 0;
}
.woocommerce .widget_layered_nav ul li .count {
position: absolute;
top: 3px;
right: 0px;
margin-left: 1px;
padding: 0 5px;
color: #ccc;
font-size: 100%;
}
.woocommerce .widget_layered_nav ul li.chosen a, .woocommerce .widget_layered_nav ul li:hover a {
color: #333;
text-decoration: none;
}
.woocommerce .widget_layered_nav ul li.chosen a:before, .woocommerce .widget_layered_nav ul li:hover a:before {
border-color: #333;
}
.woocommerce .widget_layered_nav ul li.chosen .count, .woocommerce .widget_layered_nav ul li:hover .count {
color: #333;
}
.woocommerce .widget_layered_nav ul li:first-child {
padding-top: 5px;
}
.woocommerce .widget_layered_nav ul li:first-child .count {
top: -5px;
}
.woocommerce .widget_layered_nav ul li:last-child {
padding-bottom: 0px;
}
.woocommerce .widget_layered_nav ul.yith-wcan-color {
margin: 0;
padding: 0;
list-style: none;
margin: 0 0;
}
.woocommerce .widget_layered_nav ul.yith-wcan-color li {
padding: 0px;
margin: 8px 0 8px 0;
display: inline-block;
float: left;
width: 100%;
}
.woocommerce .widget_layered_nav ul.yith-wcan-color li:first-child {
margin-top: 5px;
}
.woocommerce .widget_layered_nav ul.yith-wcan-color li:last-child {
margin-bottom: 0px;
}
.woocommerce .widget_layered_nav ul.yith-wcan-color li:before {
display: none;
}
.woocommerce .widget_layered_nav ul.yith-wcan-color li a {
width: 25px;
height: 25px;
line-height: 25px;
display: block;
overflow: visible;
text-indent: 35px;
position: relative;
margin: 0 0;
border: none !important;
border-radius: 100%;
}
.woocommerce .widget_layered_nav ul.yith-wcan-color li a:before {
content: "\f144";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 25px;
height: 25px;
text-align: center;
line-height: 25px;
position: absolute;
left: 0px;
top: 0px;
opacity: 0;
border: none;
text-indent: 0px;
color: #fff;
border-radius: 100%;
}
.woocommerce .widget_layered_nav ul.yith-wcan-color li.chosen a, .woocommerce .widget_layered_nav ul.yith-wcan-color li:hover a {
color: #333;
text-decoration: underline;
border-radius: 100%;
}
.woocommerce .widget_layered_nav ul.yith-wcan-color li.chosen a:before, .woocommerce .widget_layered_nav ul.yith-wcan-color li:hover a:before {
opacity: 1;
}
.woocommerce .widget_layered_nav ul.yith-wcan-color li:first-child {
padding-top: 0px;
}
.woocommerce .widget_layered_nav ul.yith-wcan-color li:first-child a {
padding-top: 0px;
}
.woocommerce .widget_layered_nav .dropdown_layered_nav_color {
width: 100%;
border-radius: 0;
background: transparent;
}
.woocommerce .widget_layered_nav .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan {
margin-left: 15px;
}
.woocommerce .widget_layered_nav .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li {
padding: 0;
}
.woocommerce .widget_layered_nav .yith-wcan-label li {
margin-bottom: 0px;
}
.woocommerce .widget_layered_nav .yith-wcan-label li:before {
display: none;
}
.woocommerce .widget_layered_nav .yith-wcan-label li:hover:before {
display: none;
}
.woocommerce .widget_layered_nav .yith-wcan-label li a {
padding: 4px 8px !important;
}
.woocommerce .widget_layered_nav .yith-wcan-label li a:hover, .woocommerce .widget_layered_nav .yith-wcan-label li.chosen a {
background: #234a80 !important;
border-color: #234a80 !important;
}
.woocommerce .widget_rating_filter .wc-layered-nav-rating a {
display: block;
text-align: right;
}
.woocommerce .widget_rating_filter .wc-layered-nav-rating a .star-rating {
float: left;
}
.woocommerce .widget_layered_nav_filters ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
overflow: hidden;
zoom: 1;
}
.woocommerce .widget_layered_nav_filters ul li {
float: left;
padding: 0 10px 1px 0;
list-style: none;
}
.woocommerce .widget_layered_nav_filters ul li a {
text-decoration: none;
color: inherit;
}
.woocommerce .widget_layered_nav_filters ul li a:hover {
color: #234a80;
}
.woocommerce .widget_layered_nav_filters ul li a:before {
font-family: 'WooCommerce';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 0.618em;
content: "\e013";
text-decoration: none;
top: 1px;
position: relative;
}
.woocommerce .widget_price_filter form, .woocommerce .widget_price_filter .widget-title + form {
padding: 6px 0px 0px 0px;
}
.woocommerce .widget_price_filter .price_slider_wrapper {
position: relative;
padding-top: 6px;
}
.woocommerce .widget_price_filter .price_slider_amount {
margin-top: 30px;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
display: block;
float: right;
}
@media (max-width: 1199px) {
.woocommerce .widget_price_filter .price_slider_amount .button {
float: none;
}
}
.woocommerce .widget_price_filter .price_slider_amount .price_label {
line-height: normal;
margin-right: 110px;
text-transform: none;
line-height: 45px;
}
@media (max-width: 1199px) {
.woocommerce .widget_price_filter .price_slider_amount .price_label {
margin-right: 0px;
margin-bottom: -20px;
}
}
.woocommerce .widget_price_filter .price_slider_amount .price_label span {
width: calc(50% - 5px);
}
@media (max-width: 1199px) {
.woocommerce .widget_price_filter .price_slider_amount .price_label span {
width: 100%;
}
}
.woocommerce .widget_price_filter .price_slider_amount .price_label .from {
left: 0;
}
.woocommerce .widget_price_filter .price_slider_amount .price_label .to {
right: 0;
}
.woocommerce .widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 20px;
height: 20px;
border-radius: 100%;
background: #333;
cursor: ew-resize;
outline: none;
top: -7.5px;
margin: 0;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -20px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
display: block;
border: 0;
background-color: #333;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
border: 0;
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
height: 5px;
background-color: #d8d8d8;
margin: 0 0;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}
.woocommerce p.cart-empty {
margin: 0 0 30px 0;
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f;
padding: 15px 30px;
}
.woocommerce p.cart-empty hr {
border-top-color: #a6e1ec;
}
.woocommerce p.cart-empty .alert-link {
color: #245269;
}
.woocommerce p.return-to-shop {
margin: 0 0;
}
@media (min-width: 991px) {
.woocommerce .woocommerce-MyAccount-navigation {
width: 25%;
float: left;
padding-right: 15px;
}
.woocommerce .woocommerce-MyAccount-navigation > ul {
counter-reset: li-counter;
list-style: none;
padding: 15px 30px;
border: 1px solid #ccc;
}
.woocommerce .woocommerce-MyAccount-navigation > ul li {
position: relative;
padding: 12px 0px;
margin: 0;
border-bottom: 1px solid #eaeaea;
}
.woocommerce .woocommerce-MyAccount-navigation > ul li:last-child {
border-bottom: none;
}
.woocommerce .woocommerce-MyAccount-navigation > ul li.is-active a {
color: #234a80;
}
.woocommerce .woocommerce-MyAccount-content {
width: 75%;
float: left;
padding-left: 15px;
}
.woocommerce .woocommerce-MyAccount-content fieldset {
margin: 25px 0 10px;
}
}
@media (max-width: 991px) {
.woocommerce .woocommerce-MyAccount-navigation {
margin-bottom: 30px;
}
.woocommerce .woocommerce-MyAccount-navigation > ul li {
padding: 3px 0px;
}
.woocommerce .woocommerce-MyAccount-navigation > ul li.is-active a {
color: #234a80;
}
}
.woocommerce-account .addresses .title {
*zoom: 1;
}
.woocommerce-account .addresses .title:before, .woocommerce-account .addresses .title:after {
content: " ";
display: table;
}
.woocommerce-account .addresses .title:after {
clear: both;
}
.woocommerce-account .addresses .title h3 {
float: left;
}
.woocommerce-account .addresses .title .edit {
float: right;
}
.woocommerce-account ol.commentlist.notes li.note p.meta {
font-weight: 700;
margin-bottom: 0;
}
.woocommerce-account ol.commentlist.notes li.note .description p:last-child {
margin-bottom: 0;
}
.woocommerce-account ul.digital-downloads {
margin-left: 0;
padding-left: 0;
}
.woocommerce-account ul.digital-downloads li {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.woocommerce-account ul.digital-downloads li:before {
font-family: 'WooCommerce';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 0.618em;
content: "\e00a";
text-decoration: none;
}
.woocommerce-account ul.digital-downloads li .count {
float: right;
}
body.single-product .woocommerce-message, body.single-product .woocommerce-error, body.single-product .woocommerce-info {
margin-bottom: 30px;
}
.woocommerce-cart table.cart {
overflow: hidden;
}
.woocommerce-cart table.cart .quantity {
display: inline-block;
float: none;
border: 1px solid #eaeaea;
border-radius: 5px;
padding: 0 15px;
}
.woocommerce-cart table.cart .quantity label.screen-reader-text {
color: #333;
}
.woocommerce-cart table.cart .quantity .qty {
border: none;
width: 40px;
padding: 0 0 0 5px;
margin: 0 0;
background: none;
}
.woocommerce-cart table.cart .product-name a {
text-transform: uppercase;
}
.woocommerce-cart table.cart .product-thumbnail img {
max-width: 100%;
box-shadow: none;
}
.woocommerce-cart table.cart th {
text-transform: uppercase;
background: #fff;
font-weight: bold;
color: #333;
}
.woocommerce-cart table.cart th, .woocommerce-cart table.cart td {
vertical-align: middle;
}
.woocommerce-cart table.cart td.actions {
padding: 20px 20px;
}
.woocommerce-cart table.cart td.actions .coupon {
float: left;
padding: 0 0;
}
.woocommerce-cart table.cart td.actions .coupon label {
display: none;
float: left;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
float: left;
margin: 0 10px 0 0;
min-width: 200px;
}
@media (max-width: 480px) {
.woocommerce-cart table.cart td.actions .coupon .input-text {
margin: 0;
}
}
@media (max-width: 767px) {
.woocommerce-cart table.cart td.actions .coupon .input-text + .button {
float: left;
margin-top: 10px;
clear: left;
}
}
.woocommerce-cart table.cart td.actions > .button {
float: right;
}
@media (max-width: 767px) {
.woocommerce-cart table.cart td.actions > .button {
float: left;
margin-top: 20px;
clear: left;
}
}
.woocommerce-cart table.cart input {
margin: 0;
vertical-align: middle;
}
.woocommerce-cart table.cart input.button {
margin: 0;
}
.woocommerce-cart table.cart a.remove {
line-height: 20px;
background: transparent;
color: #666;
}
.woocommerce-cart table.cart a.remove:hover {
color: #333;
}
@media (max-width: 767px) {
.woocommerce-cart table.cart td.product-quantity {
width: auto;
padding: 10px;
}
.woocommerce-cart table.cart td.product-quantity .quantity {
padding: 0 5px;
}
.woocommerce-cart table.cart td.product-quantity .quantity label.screen-reader-text {
display: none;
}
}
@media (max-width: 480px) {
.woocommerce-cart table.cart {
border-collapse: collapse;
}
.woocommerce-cart table.cart thead {
display: none;
}
.woocommerce-cart table.cart tr.cart_item {
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
position: relative;
display: inline-block;
}
.woocommerce-cart table.cart tr.cart_item td {
border: medium none;
float: right;
text-align: left;
width: 70%;
padding: 4px 8px 4px 0;
}
.woocommerce-cart table.cart tr.cart_item td.product-thumbnail {
padding: 12px;
}
.woocommerce-cart table.cart tr.cart_item td.product-name {
padding-top: 15px;
}
.woocommerce-cart table.cart tr.cart_item td.product-subtotal {
padding-bottom: 15px;
}
.woocommerce-cart table.cart tr.cart_item .product-remove {
padding: 0;
position: absolute;
width: 20px;
left: 5px;
top: 5px;
}
.woocommerce-cart table.cart tr.cart_item .product-thumbnail {
float: left;
width: 30%;
}
.woocommerce-cart table.cart tr.cart_item .product-subtotal:before {
content: 'Subtotal: ';
}
}
.woocommerce-cart .wc-proceed-to-checkout {
*zoom: 1;
padding: 0 0;
}
.woocommerce-cart .wc-proceed-to-checkout:before, .woocommerce-cart .wc-proceed-to-checkout:after {
content: " ";
display: table;
}
.woocommerce-cart .wc-proceed-to-checkout:after {
clear: both;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
text-align: center;
width: 100%;
}
.woocommerce-cart .wc-proceed-to-checkout .wcppec-checkout-buttons {
margin: 10px 0 0;
}
.woocommerce-cart .wc-proceed-to-checkout .wcppec-checkout-buttons .wcppec-checkout-buttons__separator {
margin: 15px 0;
}
.woocommerce-cart .wc-proceed-to-checkout .wcppec-checkout-buttons .wcppec-checkout-buttons__button {
padding: 0;
}
.woocommerce-cart .cart-collaterals {
margin: 0 0 0;
*zoom: 1;
}
.woocommerce-cart .cart-collaterals:before, .woocommerce-cart .cart-collaterals:after {
content: " ";
display: table;
}
.woocommerce-cart .cart-collaterals:after {
clear: both;
}
.woocommerce-cart .cart-collaterals .shipping_calculator .button {
width: 100%;
float: none;
display: block;
}
.woocommerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button:after {
font-family: 'WooCommerce';
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-left: 0.618em;
content: "\e019";
text-decoration: none;
}
.woocommerce-cart .cart-collaterals .cross-sells {
width: 75%;
float: left;
padding: 0 60px 0 0;
margin: 35px 0 0;
}
@media (max-width: 1199px) {
.woocommerce-cart .cart-collaterals .cross-sells {
padding: 0 30px 0 0;
}
}
@media (max-width: 992px) {
.woocommerce-cart .cart-collaterals .cross-sells {
width: 68%;
}
}
@media (max-width: 767px) {
.woocommerce-cart .cart-collaterals .cross-sells {
width: 100%;
padding: 0 0;
}
}
.woocommerce-cart .cart-collaterals .cart_totals {
margin: 35px 0 0;
width: 25%;
float: right;
}
@media (max-width: 992px) {
.woocommerce-cart .cart-collaterals .cart_totals {
width: 32%;
}
}
@media (max-width: 767px) {
.woocommerce-cart .cart-collaterals .cart_totals {
width: 100%;
margin-top: 60px;
}
}
.woocommerce-cart .cart-collaterals .cart_totals .sns_products_heading {
margin-bottom: 60px;
}
.woocommerce-cart .cart-collaterals .cart_totals ul.products li.product {
margin-top: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals ul.products li.product .block-product-inner .item-info .info-inner {
padding-bottom: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals ul.products li.product .block-product-inner .item-info .item-content {
*zoom: 1;
}
.woocommerce-cart .cart-collaterals .cart_totals ul.products li.product .block-product-inner .item-info .item-content:before, .woocommerce-cart .cart-collaterals .cart_totals ul.products li.product .block-product-inner .item-info .item-content:after {
content: " ";
display: table;
}
.woocommerce-cart .cart-collaterals .cart_totals ul.products li.product .block-product-inner .item-info .item-content:after {
clear: both;
}
.woocommerce-cart .cart-collaterals .cart_totals h2 {
font-size: 1.8571em;
margin: 0 0 15px;
font-weight: bold;
display: inline-block;
padding: 0 0;
}
@media (max-width: 1199px) {
.woocommerce-cart .cart-collaterals .cart_totals h2 {
font-size: 1.7142em;
}
}
@media (max-width: 767px) {
.woocommerce-cart .cart-collaterals .cart_totals h2 {
font-size: 1.4285em;
}
}
.woocommerce-cart .cart-collaterals .cart_totals p small {
color: #777;
font-size: 0.83em;
}
.woocommerce-cart .cart-collaterals .cart_totals table {
border-collapse: separate;
margin: 0 0 15px;
padding: 0;
border: none;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td {
border-top: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th {
vertical-align: top;
border-left: 0;
border-right: 0;
padding: 15px 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table th {
text-align: left;
color: #333;
padding: 15px 15px 15px 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table td {
padding: 15px 0 15px 15px;
}
.woocommerce-cart .cart-collaterals .cart_totals table small {
color: #777;
}
.woocommerce-cart .cart-collaterals .cart_totals table select {
width: 100%;
}
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator {
margin: 0 0;
}
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .shipping-calculator-form {
margin-top: 10px;
}
.woocommerce-cart .cart-collaterals .cart_totals .discount td {
color: #77a464;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th {
border-top: 1px solid #ebe9eb;
}
.woocommerce-checkout .checkout h3 {
color: #333;
font-size: 2em;
}
@media (max-width: 1199px) {
.woocommerce-checkout .checkout h3 {
font-size: 1.7142em;
}
}
@media (max-width: 767px) {
.woocommerce-checkout .checkout h3 {
font-size: 1.4285em;
}
}
.woocommerce-checkout .checkout label {
color: #686868;
}
.woocommerce-checkout .checkout .col-1, .woocommerce-checkout .checkout .col-2 {
margin-bottom: 30px;
}
.woocommerce-checkout .checkout #customer_details {
*zoom: 1;
}
.woocommerce-checkout .checkout #customer_details:before, .woocommerce-checkout .checkout #customer_details:after {
content: " ";
display: table;
}
.woocommerce-checkout .checkout #customer_details:after {
clear: both;
}
.woocommerce-checkout .checkout #customer_details h3#ship-to-different-address {
*zoom: 1;
}
.woocommerce-checkout .checkout #customer_details h3#ship-to-different-address:before, .woocommerce-checkout .checkout #customer_details h3#ship-to-different-address:after {
content: " ";
display: table;
}
.woocommerce-checkout .checkout #customer_details h3#ship-to-different-address:after {
clear: both;
}
.woocommerce-checkout .checkout #customer_details h3#ship-to-different-address label {
float: left;
margin: 0 8px 0 0;
font-weight: inherit;
color: inherit;
}
.woocommerce-checkout .checkout #customer_details h3#ship-to-different-address input[type="checkbox"] {
position: static;
margin: 0 0;
}
.woocommerce-checkout .checkout #customer_details .notes {
clear: left;
}
.woocommerce-checkout .checkout #customer_details .form-row-first {
clear: left;
}
.woocommerce-checkout .checkout #customer_details.col2-set .col-1 {
width: 50%;
padding-right: 15px;
float: left;
}
@media (max-width: 480px) {
.woocommerce-checkout .checkout #customer_details.col2-set .col-1 {
width: 100%;
padding: 0;
float: left;
}
}
.woocommerce-checkout .checkout #customer_details.col2-set .col-2 {
width: 50%;
padding-left: 15px;
float: left;
}
@media (max-width: 480px) {
.woocommerce-checkout .checkout #customer_details.col2-set .col-2 {
width: 100%;
padding: 0;
float: left;
}
}
.woocommerce-checkout .checkout .create-account small {
font-size: 11px;
color: #777;
font-weight: normal;
}
.woocommerce-checkout .checkout div.shipping-address {
padding: 0;
clear: left;
width: 100%;
}
.woocommerce-checkout .checkout .shipping_address {
clear: both;
}
.woocommerce-checkout .checkout h3#order_review_heading {
margin-top: 20px;
}
.woocommerce-checkout .checkout #order_review .shop_table th {
text-align: left;
}
.woocommerce-checkout #payment {
background: #fff;
border: 1px solid #e9e9e9;
border-radius: 5px;
}
.woocommerce-checkout #payment ul.payment_methods {
*zoom: 1;
text-align: left;
padding: 1em;
border-bottom: 1px solid #d3ced2;
margin: 0;
list-style: none outside;
}
.woocommerce-checkout #payment ul.payment_methods:before, .woocommerce-checkout #payment ul.payment_methods:after {
content: " ";
display: table;
}
.woocommerce-checkout #payment ul.payment_methods:after {
clear: both;
}
.woocommerce-checkout #payment ul.payment_methods li {
line-height: 2;
text-align: left;
margin: 0;
font-weight: normal;
}
.woocommerce-checkout #payment ul.payment_methods li input {
margin: 0 1em 0 0;
}
.woocommerce-checkout #payment ul.payment_methods li img {
vertical-align: middle;
margin: -2px 8px 0 8px;
padding: 0;
position: relative;
box-shadow: none;
}
.woocommerce-checkout #payment ul.payment_methods li img + img {
margin-left: 2px;
}
.woocommerce-checkout #payment div.form-row {
padding: 1em;
}
.woocommerce-checkout #payment div.payment_box {
position: relative;
width: 96%;
padding: 1em 2%;
margin: 1em 0 1em 0;
font-size: 0.92em;
border-radius: 2px;
line-height: 1.5;
background-color: #dfdcde;
color: #515151;
}
.woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea {
border-color: #c7c1c6;
border-top-color: #bbb3b9;
}
.woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder {
color: #bbb3b9;
}
.woocommerce-checkout #payment div.payment_box :-moz-placeholder {
color: #bbb3b9;
}
.woocommerce-checkout #payment div.payment_box :-ms-input-placeholder {
color: #bbb3b9;
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc {
font-size: 1.5em;
padding: 8px;
background-repeat: no-repeat;
background-position: right;
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa {
background-image: url(//powerbearings.co/wp-content/themes/valen/assets/img/woo/icons/credit-cards/visa.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard {
background-image: url(//powerbearings.co/wp-content/themes/valen/assets/img/woo/icons/credit-cards/mastercard.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser {
background-image: url(//powerbearings.co/wp-content/themes/valen/assets/img/woo/icons/credit-cards/laser.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub {
background-image: url(//powerbearings.co/wp-content/themes/valen/assets/img/woo/icons/credit-cards/diners.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro {
background-image: url(//powerbearings.co/wp-content/themes/valen/assets/img/woo/icons/credit-cards/maestro.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb {
background-image: url(//powerbearings.co/wp-content/themes/valen/assets/img/woo/icons/credit-cards/jcb.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex {
background-image: url(//powerbearings.co/wp-content/themes/valen/assets/img/woo/icons/credit-cards/amex.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover {
background-image: url(//powerbearings.co/wp-content/themes/valen/assets/img/woo/icons/credit-cards/discover.png);
}
.woocommerce-checkout #payment div.payment_box span.help {
font-size: 0.857em;
color: #777;
font-weight: normal;
}
.woocommerce-checkout #payment div.payment_box .form-row {
margin: 0 0 1em;
}
.woocommerce-checkout #payment div.payment_box p:last-child {
margin-bottom: 0;
}
.woocommerce-checkout #payment div.payment_box:after {
content: "";
display: block;
border: 8px solid #dfdcde;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
top: -3px;
left: 0;
margin: -1em 0 0 2em;
}
.woocommerce-checkout #payment .payment_method_paypal > input {
margin-top: 27px !important;
float: left;
}
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
float: right;
line-height: 70px;
font-size: 0.83em;
}
.woocommerce-checkout #payment .payment_method_paypal img {
max-height: 70px;
vertical-align: middle;
}
#yith-wcwl-popup-message {
line-height: normal;
border-color: #999;
color: #999;
left: auto;
right: 10px;
top: 10px;
border-radius: 4px;
background: #fff;
}
#yith-wcwl-popup-message:before {
position: absolute;
content: "";
border-top: 8px solid #999;
border-left: 8px solid rgba(0, 0, 0, 0);
border-right: 0px solid rgba(0, 0, 0, 0);
right: 8px;
bottom: -8px;
}
#yith-wcwl-popup-message:after {
position: absolute;
content: "";
border-top: 5px solid #fff;
border-left: 5px solid rgba(0, 0, 0, 0);
border-right: 0px solid rgba(0, 0, 0, 0);
right: 9px;
bottom: -5px;
}
.yith-woocompare-widget ul.products-list {
padding: 0 0 15px;
*zoom: 1;
}
.yith-woocompare-widget ul.products-list:before, .yith-woocompare-widget ul.products-list:after {
content: " ";
display: table;
}
.yith-woocompare-widget ul.products-list:after {
clear: both;
}
.yith-woocompare-widget ul.products-list li {
padding: 2px 0;
float: left;
width: 100%;
}
.yith-woocompare-widget ul.products-list li .title {
float: left;
font-size: 108.3%;
max-width: 90%;
}
.yith-woocompare-widget ul.products-list li .remove {
background: none;
font-size: 0px;
width: 20px;
height: 20px;
border-radius: 0;
display: inline-block;
line-height: normal;
float: right;
}
.yith-woocompare-widget ul.products-list li .remove:hover {
background: none;
}
.yith-woocompare-widget .compare.button {
margin: 0 0 0 8px;
}
.widget_product_search label {
display: block;
font-weight: bold;
}
.widget_product_search input[type="search"] {
float: left;
margin: 0 5px 0 0;
}
.widget_product_tag_cloud .tagcloud {
padding: 0px !important;
}
.widget_product_tag_cloud .tagcloud a {
background: #fff;
border: 1px solid #eaeaea;
padding: 4px 15px;
border-radius: 5px;
display: inline-block;
font-size: 100% !important;
color: inherit;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
margin: 0 10px 10px 0;
float: left;
}
.widget_product_tag_cloud .tagcloud a:hover {
color: #fff;
border-color: #234a80;
background-color: #234a80;
}
.widget.widget_product_categories .widget-title + .product-categories {
padding: 0;
margin: -2px 0 -6px;
}
.widget.widget_product_categories > ul {
counter-reset: li-counter;
padding-right: 0;
list-style: none;
padding-left: 0px;
}
.widget.widget_product_categories > ul .children {
padding-top: 7px;
padding-left: 35px;
position: relative;
}
.widget.widget_product_categories > ul .children:before {
width: 1px;
height: calc(100% - 30px) !important;
background: #eaeaea;
position: absolute;
left: 16px;
top: 18px;
content: "";
}
.widget.widget_product_categories > ul li {
position: relative;
padding: 5px 0px;
margin: 0;
*zoom: 1;
}
.widget.widget_product_categories > ul li:before, .widget.widget_product_categories > ul li:after {
content: " ";
display: table;
}
.widget.widget_product_categories > ul li:after {
clear: both;
}
.widget.widget_product_categories > ul li:last-child {
border-bottom: none;
}
.widget.widget_product_categories > ul li .accr_header {
padding: 0 0;
display: block;
}
.widget.widget_product_categories > ul li > a, .widget.widget_product_categories > ul li .accr_header:first-child {
padding: 0 0;
}
.widget.widget_product_categories > ul li .count {
color: #888;
}
.widget.widget_product_categories > ul > li .accr_header a, .widget.widget_product_categories > ul > li > a {
padding: 0 0;
color: #666;
}
.widget.widget_product_categories > ul > li .accr_header a:before, .widget.widget_product_categories > ul > li > a:before {
content: "\f12b";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 16px;
height: 16px;
text-align: center;
line-height: 16px;
font-size: 10px;
margin-top: -2px;
color: #888;
text-align: left;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
vertical-align: middle;
}
.widget.widget_product_categories > ul > li .accr_header a:hover:before, .widget.widget_product_categories > ul > li > a:hover:before {
color: #333;
}
.widget.widget_product_categories > ul > li .accr_header {
position: relative;
}
.widget.widget_product_categories > ul > li .accr_header .btn_accor {
top: 0px;
left: 0px;
height: 100%;
width: 16px;
background: #fff;
text-align: center;
}
.widget.widget_product_categories > ul > li .accr_header .btn_accor i {
display: none;
}
.widget.widget_product_categories > ul > li .accr_header .btn_accor:before {
content: "\f12b";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 16px;
height: 16px;
text-align: center;
line-height: 16px;
font-size: 10px;
margin-top: -2px;
color: #888;
text-align: left;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
vertical-align: middle;
}
.widget.widget_product_categories > ul > li .accr_header:hover a, .widget.widget_product_categories > ul > li .accr_header.open a {
color: #333;
}
.widget.widget_product_categories > ul > li .accr_header:hover .btn_accor, .widget.widget_product_categories > ul > li .accr_header.open .btn_accor {
color: #333;
}
.widget.widget_product_categories > ul > li .accr_header:hover .btn_accor:before, .widget.widget_product_categories > ul > li .accr_header.open .btn_accor:before {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
color: #333;
margin-top: 5px;
margin-left: -5px;
}
.widget.widget_product_categories > ul > li:first-child {
padding-top: 0px;
}
.widget.widget_product_categories > ul > li:last-child {
padding-bottom: 0px;
}
.widget.widget_product_categories .accr_content {
width: 100%;
}
.widget_products ins {
margin: 0 0 0 5px;
}
.products-list a.title {
font-size: 108.3%;
}
.woocommerce table.wishlist_table {
font-size: 100%;
opacity: 1 !important;
margin-bottom: 0px;
}
.woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a, .woocommerce table.wishlist_table .added_to_cart, .woocommerce table.wishlist_table .compare, .woocommerce table.wishlist_table .button {
font-size: 0px;
padding: 0;
width: 35px;
height: 35px;
background-color: #fff;
border: 1px solid #eaeaea;
border-radius: 100%;
display: block;
vertical-align: top;
overflow: hidden;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
position: relative;
}
.woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a:before, .woocommerce table.wishlist_table .added_to_cart:before, .woocommerce table.wishlist_table .compare:before, .woocommerce table.wishlist_table .button:before {
position: absolute;
left: 0px;
top: 0px;
font-size: 14px;
color: #fff;
background-color: transparent;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a:hover, .woocommerce table.wishlist_table .added_to_cart:hover, .woocommerce table.wishlist_table .compare:hover, .woocommerce table.wishlist_table .button:hover {
border-color: #234a80;
background: #234a80;
}
.woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a:hover:before, .woocommerce table.wishlist_table .added_to_cart:hover:before, .woocommerce table.wishlist_table .compare:hover:before, .woocommerce table.wishlist_table .button:hover:before {
color: #333;
}
.woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.button.add_to_cart:before, .woocommerce table.wishlist_table .added_to_cart.button.add_to_cart:before, .woocommerce table.wishlist_table .compare.button.add_to_cart:before, .woocommerce table.wishlist_table .button.button.add_to_cart:before, .woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.product_type_variable:before, .woocommerce table.wishlist_table .added_to_cart.product_type_variable:before, .woocommerce table.wishlist_table .compare.product_type_variable:before, .woocommerce table.wishlist_table .button.product_type_variable:before, .woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.button.product_type_simple:before, .woocommerce table.wishlist_table .added_to_cart.button.product_type_simple:before, .woocommerce table.wishlist_table .compare.button.product_type_simple:before, .woocommerce table.wishlist_table .button.button.product_type_simple:before, .woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.button.product_type_grouped:before, .woocommerce table.wishlist_table .added_to_cart.button.product_type_grouped:before, .woocommerce table.wishlist_table .compare.button.product_type_grouped:before, .woocommerce table.wishlist_table .button.button.product_type_grouped:before, .woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.product_type_external:before, .woocommerce table.wishlist_table .added_to_cart.product_type_external:before, .woocommerce table.wishlist_table .compare.product_type_external:before, .woocommerce table.wishlist_table .button.product_type_external:before, .woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.add_to_cart_button:before, .woocommerce table.wishlist_table .added_to_cart.add_to_cart_button:before, .woocommerce table.wishlist_table .compare.add_to_cart_button:before, .woocommerce table.wishlist_table .button.add_to_cart_button:before {
content: "\f112";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.button.add_to_cart.loading, .woocommerce table.wishlist_table .added_to_cart.button.add_to_cart.loading, .woocommerce table.wishlist_table .compare.button.add_to_cart.loading, .woocommerce table.wishlist_table .button.button.add_to_cart.loading, .woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.product_type_variable.loading, .woocommerce table.wishlist_table .added_to_cart.product_type_variable.loading, .woocommerce table.wishlist_table .compare.product_type_variable.loading, .woocommerce table.wishlist_table .button.product_type_variable.loading, .woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.button.product_type_simple.loading, .woocommerce table.wishlist_table .added_to_cart.button.product_type_simple.loading, .woocommerce table.wishlist_table .compare.button.product_type_simple.loading, .woocommerce table.wishlist_table .button.button.product_type_simple.loading, .woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.button.product_type_grouped.loading, .woocommerce table.wishlist_table .added_to_cart.button.product_type_grouped.loading, .woocommerce table.wishlist_table .compare.button.product_type_grouped.loading, .woocommerce table.wishlist_table .button.button.product_type_grouped.loading, .woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.product_type_external.loading, .woocommerce table.wishlist_table .added_to_cart.product_type_external.loading, .woocommerce table.wishlist_table .compare.product_type_external.loading, .woocommerce table.wishlist_table .button.product_type_external.loading, .woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.add_to_cart_button.loading, .woocommerce table.wishlist_table .added_to_cart.add_to_cart_button.loading, .woocommerce table.wishlist_table .compare.add_to_cart_button.loading, .woocommerce table.wishlist_table .button.add_to_cart_button.loading {
background: #234a80;
border-color: #234a80;
}
.woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.button.add_to_cart.loading:before, .woocommerce table.wishlist_table .added_to_cart.button.add_to_cart.loading:before, .woocommerce table.wishlist_table .compare.button.add_to_cart.loading:before, .woocommerce table.wishlist_table .button.button.add_to_cart.loading:before, .woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.product_type_variable.loading:before, .woocommerce table.wishlist_table .added_to_cart.product_type_variable.loading:before, .woocommerce table.wishlist_table .compare.product_type_variable.loading:before, .woocommerce table.wishlist_table .button.product_type_variable.loading:before, .woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.button.product_type_simple.loading:before, .woocommerce table.wishlist_table .added_to_cart.button.product_type_simple.loading:before, .woocommerce table.wishlist_table .compare.button.product_type_simple.loading:before, .woocommerce table.wishlist_table .button.button.product_type_simple.loading:before, .woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.button.product_type_grouped.loading:before, .woocommerce table.wishlist_table .added_to_cart.button.product_type_grouped.loading:before, .woocommerce table.wishlist_table .compare.button.product_type_grouped.loading:before, .woocommerce table.wishlist_table .button.button.product_type_grouped.loading:before, .woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.product_type_external.loading:before, .woocommerce table.wishlist_table .added_to_cart.product_type_external.loading:before, .woocommerce table.wishlist_table .compare.product_type_external.loading:before, .woocommerce table.wishlist_table .button.product_type_external.loading:before, .woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.add_to_cart_button.loading:before, .woocommerce table.wishlist_table .added_to_cart.add_to_cart_button.loading:before, .woocommerce table.wishlist_table .compare.add_to_cart_button.loading:before, .woocommerce table.wishlist_table .button.add_to_cart_button.loading:before {
position: absolute;
background: transparent;
content: "\f136";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
font-size: 14px;
z-index: 1;
color: #333;
cursor: wait;
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
-o-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
}
.woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.button.add_to_cart.added, .woocommerce table.wishlist_table .added_to_cart.button.add_to_cart.added, .woocommerce table.wishlist_table .compare.button.add_to_cart.added, .woocommerce table.wishlist_table .button.button.add_to_cart.added, .woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.product_type_variable.added, .woocommerce table.wishlist_table .added_to_cart.product_type_variable.added, .woocommerce table.wishlist_table .compare.product_type_variable.added, .woocommerce table.wishlist_table .button.product_type_variable.added, .woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.button.product_type_simple.added, .woocommerce table.wishlist_table .added_to_cart.button.product_type_simple.added, .woocommerce table.wishlist_table .compare.button.product_type_simple.added, .woocommerce table.wishlist_table .button.button.product_type_simple.added, .woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.button.product_type_grouped.added, .woocommerce table.wishlist_table .added_to_cart.button.product_type_grouped.added, .woocommerce table.wishlist_table .compare.button.product_type_grouped.added, .woocommerce table.wishlist_table .button.button.product_type_grouped.added, .woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.product_type_external.added, .woocommerce table.wishlist_table .added_to_cart.product_type_external.added, .woocommerce table.wishlist_table .compare.product_type_external.added, .woocommerce table.wishlist_table .button.product_type_external.added, .woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.add_to_cart_button.added, .woocommerce table.wishlist_table .added_to_cart.add_to_cart_button.added, .woocommerce table.wishlist_table .compare.add_to_cart_button.added, .woocommerce table.wishlist_table .button.add_to_cart_button.added {
display: none;
}
.woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.added_to_cart, .woocommerce table.wishlist_table .added_to_cart.added_to_cart, .woocommerce table.wishlist_table .compare.added_to_cart, .woocommerce table.wishlist_table .button.added_to_cart {
color: #333;
}
.woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.added_to_cart i, .woocommerce table.wishlist_table .added_to_cart.added_to_cart i, .woocommerce table.wishlist_table .compare.added_to_cart i, .woocommerce table.wishlist_table .button.added_to_cart i {
display: none;
}
.woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.added_to_cart:before, .woocommerce table.wishlist_table .added_to_cart.added_to_cart:before, .woocommerce table.wishlist_table .compare.added_to_cart:before, .woocommerce table.wishlist_table .button.added_to_cart:before {
content: "\f144";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.added_to_cart:hover, .woocommerce table.wishlist_table .added_to_cart.added_to_cart:hover, .woocommerce table.wishlist_table .compare.added_to_cart:hover, .woocommerce table.wishlist_table .button.added_to_cart:hover {
background: #234a80;
}
.woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.added_to_cart:hover:before, .woocommerce table.wishlist_table .added_to_cart.added_to_cart:hover:before, .woocommerce table.wishlist_table .compare.added_to_cart:hover:before, .woocommerce table.wishlist_table .button.added_to_cart:hover:before {
color: #333;
}
.woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.compare:before, .woocommerce table.wishlist_table .added_to_cart.compare:before, .woocommerce table.wishlist_table .compare.compare:before, .woocommerce table.wishlist_table .button.compare:before {
content: "\f118";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a.yith-wcqv-button:before, .woocommerce table.wishlist_table .added_to_cart.yith-wcqv-button:before, .woocommerce table.wishlist_table .compare.yith-wcqv-button:before, .woocommerce table.wishlist_table .button.yith-wcqv-button:before {
content: "\f10f";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a .blockUI.blockOverlay, .woocommerce table.wishlist_table .added_to_cart .blockUI.blockOverlay, .woocommerce table.wishlist_table .compare .blockUI.blockOverlay, .woocommerce table.wishlist_table .button .blockUI.blockOverlay {
position: absolute;
top: 0px !important;
left: 0px !important;
overflow: hidden;
background: #234a80 !important;
color: #333;
opacity: 1 !important;
width: 33px !important;
height: 33px !important;
line-height: 33px !important;
cursor: wait;
}
.woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a .blockUI.blockOverlay:before, .woocommerce table.wishlist_table .added_to_cart .blockUI.blockOverlay:before, .woocommerce table.wishlist_table .compare .blockUI.blockOverlay:before, .woocommerce table.wishlist_table .button .blockUI.blockOverlay:before, .woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a .blockUI.blockOverlay:after, .woocommerce table.wishlist_table .added_to_cart .blockUI.blockOverlay:after, .woocommerce table.wishlist_table .compare .blockUI.blockOverlay:after, .woocommerce table.wishlist_table .button .blockUI.blockOverlay:after {
color: #333;
font-size: 14px;
cursor: wait;
}
.woocommerce table.wishlist_table .show {
display: block !important;
}
.woocommerce table.wishlist_table .clear {
display: none !important;
}
.woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist {
position: relative;
margin: 0 0;
}
.woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist .feedback {
display: none !important;
}
.woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist .ajax-loading {
position: absolute;
margin: 0 0;
width: 35px !important;
height: 35px !important;
border: none;
border-radius: 100%;
left: 0px !important;
top: 0px !important;
overflow: hidden;
background: #234a80;
opacity: 1;
cursor: wait;
}
.woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist .ajax-loading:before {
position: absolute;
left: 0px;
top: 0px;
font-size: 14px;
background: transparent;
content: "\f136";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
z-index: 1;
color: #333;
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
-o-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
}
.woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist a:before {
content: "\f110";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
}
.woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before, .woocommerce table.wishlist_table .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before {
content: "\f144";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
}
.woocommerce table.wishlist_table .add_to_cart.button, .woocommerce table.wishlist_table .yith-wcqv-button.button {
border: 1px solid #ccc;
color: #333;
margin: 0 0;
border-radius: 100%;
}
.woocommerce table.wishlist_table .add_to_cart.button:before, .woocommerce table.wishlist_table .yith-wcqv-button.button:before {
color: #666 !important;
}
.woocommerce table.wishlist_table .add_to_cart.button:hover, .woocommerce table.wishlist_table .yith-wcqv-button.button:hover {
border-color: #234a80;
background-color: #234a80;
}
.woocommerce table.wishlist_table .add_to_cart.button:hover:before, .woocommerce table.wishlist_table .yith-wcqv-button.button:hover:before {
color: #333 !important;
}
.woocommerce table.wishlist_table .yith-wcqv-button.button {
margin-top: 10px;
}
@media (max-width: 992px) {
.woocommerce table.wishlist_table .yith-wcqv-button.button {
display: none;
}
}
.woocommerce table.wishlist_table .add_to_cart.button {
margin: 0 auto;
}
.woocommerce table.wishlist_table > thead > tr > th {
background: #fff;
text-transform: uppercase;
color: #333;
}
.woocommerce table.wishlist_table a.remove {
margin-left: auto;
margin-right: auto;
}
.woocommerce table.wishlist_table tr td {
padding: 10px 15px;
}
.woocommerce table.wishlist_table tr td.product-thumbnail a {
max-width: 100%;
}
.woocommerce table.wishlist_table tr td.product-stock-status span.wishlist-in-stock {
color: #38e534;
}
.woocommerce table.wishlist_table tr td.product-name a {
text-transform: uppercase;
}
.woocommerce table.wishlist_table tr td.product-remove {
padding: 10px 0;
}
.woocommerce table.wishlist_table tr td.product-add-to-cart a {
margin: 0;
padding: 0 !important;
}
.woocommerce table.wishlist_table tr td.wishlist-empty {
padding: 70px 15px;
}
.woocommerce table.wishlist_table tfoot tr td {
padding: 15px 20px;
}
.woocommerce table.wishlist_table tfoot tr td .yith-wcwl-share {
margin: 0 0;
}
.woocommerce table.wishlist_table tfoot tr td .yith-wcwl-share h4.yith-wcwl-share-title {
margin: 0 0 5px;
font-size: 1em;
text-transform: uppercase;
}
.woocommerce table.wishlist_table tfoot tr td .yith-wcwl-share ul {
margin: 0 0 5px;
}
.woocommerce table.wishlist_table tfoot tr td .yith-wcwl-share ul li {
padding: 0;
}
@media (max-width: 480px) {
.woocommerce table.wishlist_table {
border-collapse: collapse;
}
.woocommerce table.wishlist_table thead {
display: none;
}
.woocommerce table.wishlist_table tbody tr {
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
position: relative;
}
.woocommerce table.wishlist_table tbody tr td {
border: medium none;
float: right;
width: 70%;
padding: 4px 8px 4px 0;
text-align: left !important;
}
.woocommerce table.wishlist_table tbody tr td.product-remove {
padding: 0;
position: absolute;
width: 20px;
left: 5px;
top: 5px;
border: none;
}
.woocommerce table.wishlist_table tbody tr td.product-add-to-cart > * {
margin: 0 0 10px !important;
}
.woocommerce table.wishlist_table tbody tr td.product-thumbnail {
padding: 12px;
}
.woocommerce table.wishlist_table tbody tr td.product-name {
padding-top: 15px;
}
.woocommerce table.wishlist_table tbody tr td.product-subtotal {
padding-bottom: 15px;
}
.woocommerce table.wishlist_table tbody tr .product-thumbnail {
float: left;
width: 30%;
}
.woocommerce table.wishlist_table tbody tr .product-subtotal:before {
content: 'Subtotal: ';
}
}
.woocommerce .wishlist-title h2 {
padding: 0;
vertical-align: middle;
text-transform: none;
font-weight: bold;
margin-bottom: 20px;
}
body .select2-drop-active {
border-color: #e9e9e9;
}
@media (min-width: 768px) {
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
clear: none;
}
}
@media screen and (max-width: 600px) {
html {
margin-top: 0px !important;
}
* html body {
margin-top: 0px !important;
}
}
body {
color: #666;
line-height: 1.68;
}
@media (min-width: 1200px) {
body #sns_wrapper {
overflow-x: hidden;
}
}
body #sns_wrapper > .wrap {
width: 100%;
}
body.boxed-layout #sns_wrapper {
max-width: 1470px;
margin: 0 auto !important;
background: #fff;
padding: 0 15px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
overflow: hidden;
}
.btn:focus:hover, .btn.focus:hover, .btn:active:focus:hover, .btn.focus:active:hover, .btn.active:focus:hover, .btn.active.focus:hover, *:hover, a:hover, .btn:focus:focus, .btn.focus:focus, .btn:active:focus:focus, .btn.focus:active:focus, .btn.active:focus:focus, .btn.active.focus:focus, *:focus, a:focus, .btn:focus:active, .btn.focus:active, .btn:active:focus:active, .btn.focus:active:active, .btn.active:focus:active, .btn.active.focus:active, *:active, a:active {
outline: none;
}
.label, label {
font-size: 100%;
font-weight: inherit;
color: inherit;
}
#sns_wrapper .fa {
font-family: 'FontAwesome';
}
a {
color: #333;
-webkit-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
}
a i {
-webkit-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
}
a:hover {
text-decoration: underline;
color: #333;
}
p {
margin-bottom: 15px;
}
ul, ol {
margin-bottom: 15px;
margin-top: 0;
padding-left: 25px;
}
ul ul, ol ul, ul ol, ol ol {
padding-left: 30px;
}
ul li, ol li {
padding: 4px 0;
}
ul li:first-child, ol li:first-child {
padding-top: 0px;
}
ul.valen-style, ol.valen-style {
padding-left: 0;
list-style: none;
}
ul.valen-style li:before, ol.valen-style li:before {
content: "\f143";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
width: 25px;
text-align: left;
}
dl:not(.gallery-item) {
margin: 0 20px;
}
dl:not(.gallery-item) dt {
font-weight: bold;
}
dl:not(.gallery-item) dd {
margin: 0 0 15px;
}
address {
margin: 0 0 20px;
font-style: italic;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
margin-top: 0;
color: #333;
font-weight: bold;
line-height: 1.42857;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.6818em;
}
h3 {
font-size: 1.4142em;
}
h4 {
font-size: 1.1892em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 0.8409em;
}
label {
font-weight: inherit;
cursor: pointer;
margin: 0 5px 0 0;
}
label.required:before {
content: "*";
color: red;
font-size: 14px;
position: relative;
line-height: 12px;
}
abbr[title], abbr[data-original-title] {
border-bottom: none;
}
.wp-caption {
max-width: 100%;
border: none;
padding: 5px 0 10px;
}
.wp-caption.alignleft {
margin: 3px 25px 15px 0;
}
.wp-caption.alignright {
margin: 3px 0 15px 25px;
}
.wp-caption.alignnone {
margin: 3px 0 15px 0;
}
.wp-caption p.wp-caption-text {
padding: 5px 0;
}
.wpb_text_column img.alignleft {
margin: 5px 15px 5px 0;
}
.alignleft {
margin: 7px 28px 28px 0;
}
.alignright {
margin: 7px 0 28px 28px;
}
legend {
font-weight: inherit;
margin: 15px 0 15px;
padding: 0 0 5px;
color: #333;
font-size: 130%;
}
blockquote {
margin: 0 0 20px;
padding: 0 20px 0 30px;
font-weight: bold;
border: none;
color: #333;
position: relative;
}
@media (min-width: 1199px) {
body.single-post .post-content blockquote {
font-size: 18px;
}
}
blockquote:before {
position: absolute;
content: "";
height: calc(100% - 10px);
width: 4px;
background: #d8d8d8;
left: 0px;
top: 5px;
}
pre {
border-color: #eaeaea;
}
#wp-calendar, table {
background: white;
border-color: #eaeaea;
border-width: 1px;
border-style: solid;
width: 100%;
margin-bottom: 20px;
margin-bottom: 30px;
}
#wp-calendar caption, table caption {
padding: 0 0 5px;
}
#wp-calendar td.label, table td.label {
display: table-cell;
}
#wp-calendar td.label label, table td.label label {
margin: 0 0;
}
#wp-calendar > thead > tr > th, table > thead > tr > th, #wp-calendar > tbody > tr > th, table > tbody > tr > th, #wp-calendar > tfoot > tr > th, table > tfoot > tr > th {
border-color: #eaeaea;
border-width: 1px 1px 0 0;
border-style: solid;
color: #666;
vertical-align: middle;
padding: 8px 15px;
}
#wp-calendar > thead > tr > th, table > thead > tr > th {
background: #f9f9f9;
}
#wp-calendar > thead > tr > td, table > thead > tr > td, #wp-calendar > tbody > tr > td, table > tbody > tr > td, #wp-calendar > tfoot > tr > td, table > tfoot > tr > td {
border-color: #eaeaea;
border-width: 1px 1px 0 0;
border-style: solid;
padding: 8px 15px;
}
#wp-calendar td a.color-myaccount, table td a.color-myaccount {
text-decoration: underline;
}
#wp-calendar td a.color-myaccount:hover, table td a.color-myaccount:hover {
text-decoration: none;
}
#wp-calendar td#today, table td#today {
color: #333;
}
#wp-calendar td#today a, table td#today a {
color: #333;
}
#wp-calendar {
margin-bottom: 0px;
}
#wp-calendar tbody td a {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
padding: 0;
background: transparent;
cursor: pointer;
white-space: normal;
font-size: 100%;
border: none;
border-radius: 100%;
-webkit-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
vertical-align: top;
font-weight: bold;
}
#wp-calendar tbody td a:focus, #wp-calendar tbody td a:hover {
color: #333;
background: #fff;
}
#wp-calendar tfoot #prev, #wp-calendar tfoot #next {
text-align: center;
}
#wp-calendar tfoot #prev a, #wp-calendar tfoot #next a, #wp-calendar tfoot #prev a:focus, #wp-calendar tfoot #next a:focus {
font-size: 100%;
background: none;
border-color: #eaeaea;
color: inherit;
padding: 3px 15px;
box-shadow: none 3px 3px 3px #888;
}
select {
height: 36px;
line-height: 36px;
margin: 0;
padding: 4px 10px;
border: 1px solid #ccc;
cursor: pointer;
border-radius: 0px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
select:focus {
border-color: #ccc;
box-shadow: none 3px 3px 3px #888;
}
input, button, select, textarea {
max-width: 100%;
}
input[type="checkbox"], input[type="radio"] {
margin: 0 8px 0 0;
}
#searchform input#s, input[type="password"], input[type="email"], input[type="search"], input[type="text"], input.input-text {
border-radius: 5px;
padding: 0 15px;
height: 45px;
line-height: 45px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
color: #666;
border: 1px solid #eaeaea;
box-shadow: none 3px 3px 3px #888;
vertical-align: middle;
}
#searchform input#s:hover, input[type="password"]:hover, input[type="email"]:hover, input[type="search"]:hover, input[type="text"]:hover, input.input-text:hover, #searchform input#s:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="text"]:focus, input.input-text:focus {
color: inherit;
box-shadow: none 3px 3px 3px #888;
border-color: #ccc;
}
textarea {
border-radius: 5px;
box-shadow: none 3px 3px 3px #888;
padding: 11px 15px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
border: 1px solid #eaeaea;
resize: none;
}
textarea:focus {
border-color: #ccc;
box-shadow: none 3px 3px 3px #888;
}
article.type-attachment .more-link, article.type-page .more-link, article.type-post .more-link, .vc_btn3-container.valen-btn .vc_btn3, .btn, .comment-respond #submit, #searchform #searchsubmit, input[type="submit"], button[type="submit"], input[type="button"], .button, button {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
padding: 0px 30px;
height: 45px;
line-height: 45px;
border: none;
background: #333;
color: #fff;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
font-size: 1em;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
border-radius: 5px;
vertical-align: middle;
white-space: normal;
}
article.type-attachment .more-link:hover, article.type-page .more-link:hover, article.type-post .more-link:hover, .vc_btn3-container.valen-btn .vc_btn3:hover, .btn:hover, .comment-respond #submit:hover, #searchform #searchsubmit:hover, input[type="submit"]:hover, button[type="submit"]:hover, input[type="button"]:hover, .button:hover, button:hover, article.type-attachment .more-link:focus, article.type-page .more-link:focus, article.type-post .more-link:focus, .vc_btn3-container.valen-btn .vc_btn3:focus, .btn:focus, .comment-respond #submit:focus, #searchform #searchsubmit:focus, input[type="submit"]:focus, button[type="submit"]:focus, input[type="button"]:focus, .button:focus, button:focus {
background-color: #234a80;
color: #333;
border: none;
text-decoration: none;
}
.vc_btn3-container.valen-btn-white .vc_btn3 {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
padding: 0px 30px;
height: 45px;
line-height: 45px;
border: none;
background: #333;
color: #fff;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
font-size: 1em;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
border-radius: 5px;
vertical-align: middle;
white-space: normal;
}
.vc_btn3-container.valen-btn-white .vc_btn3:hover, .vc_btn3-container.valen-btn-white .vc_btn3:focus {
background-color: #234a80 !important;
color: #333 !important;
border: none;
text-decoration: none;
}
a:focus, input:focus, button:focus, select:focus, a:visited, input:visited, button:visited, select:visited {
outline: none !important;
}
#sns-totop {
width: 50px;
bottom: 20px;
right: 15px;
height: 50px;
text-decoration: none;
overflow: hidden;
z-index: 40;
position: fixed;
display: block;
text-align: center;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
background: #333;
border-radius: 50%;
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
#sns-totop.active {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
#sns-totop:before {
content: "\f107";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
position: absolute;
top: 0;
left: 0;
font-size: 18px;
color: #fff;
}
#sns-totop:hover {
background-color: #333;
border-color: #333;
}
#sns-totop:hover:before {
color: #234a80;
}
.icon-chevron-right, .icon-th-large, .icon-th-list, .icon-home, .icon-remove {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-remove:before {
content: "\f00d";
}
.icon-home:before {
content: "\f015";
}
.icon-th-large:before {
content: "\f009";
}
.icon-th-list:before {
content: "\f00b";
}
.icon-chevron-right:before {
content: "\f054";
}
.select2-container--default .select2-selection--single {
border: 1px solid #eaeaea;
border-radius: 5px;
height: 46px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 46px;
padding: 0 30px 0 15px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 8px;
right: 8px;
}
.select2-dropdown {
padding: 15px;
border-color: #eaeaea;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border-color: #eaeaea;
}
.tooltip.in {
z-index: 9999;
}
.tooltip-inner {
background-color: #333;
border-radius: 4px;
}
.tooltip.top .tooltip-arrow {
border-top-color: #333;
}
.tooltip.top-left .tooltip-arrow {
border-top-color: #333;
}
.tooltip.top-right .tooltip-arrow {
border-top-color: #333;
}
.tooltip.right .tooltip-arrow {
border-right-color: #333;
}
.tooltip.left .tooltip-arrow {
border-left-color: #333;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #333;
}
.tooltip.bottom-left .tooltip-arrow {
border-bottom-color: #333;
}
.tooltip.bottom-right .tooltip-arrow {
border-bottom-color: #333;
}
@media (max-width: 479px) {
.col-phone-1, .col-phone-2, .col-phone-3, .col-phone-4, .col-phone-5, .col-phone-6, .col-phone-7, .col-phone-8, .col-phone-9, .col-phone-10, .col-phone-11, .col-phone-12 {
float: left;
}
.col-phone-1 {
width: 8.33333%;
}
.col-phone-2 {
width: 16.66667%;
}
.col-phone-3 {
width: 25%;
}
.col-phone-4 {
width: 33.33333%;
}
.col-phone-5 {
width: 41.66667%;
}
.col-phone-6 {
width: 50%;
}
.col-phone-7 {
width: 58.33333%;
}
.col-phone-8 {
width: 66.66667%;
}
.col-phone-9 {
width: 75%;
}
.col-phone-10 {
width: 83.33333%;
}
.col-phone-11 {
width: 91.66667%;
}
.col-phone-12 {
width: 100%;
}
.col-phone-pull-0 {
right: auto;
}
.col-phone-pull-1 {
right: 8.33333%;
}
.col-phone-pull-2 {
right: 16.66667%;
}
.col-phone-pull-3 {
right: 25%;
}
.col-phone-pull-4 {
right: 33.33333%;
}
.col-phone-pull-5 {
right: 41.66667%;
}
.col-phone-pull-6 {
right: 50%;
}
.col-phone-pull-7 {
right: 58.33333%;
}
.col-phone-pull-8 {
right: 66.66667%;
}
.col-phone-pull-9 {
right: 75%;
}
.col-phone-pull-10 {
right: 83.33333%;
}
.col-phone-pull-11 {
right: 91.66667%;
}
.col-phone-pull-12 {
right: 100%;
}
.col-phone-push-0 {
left: auto;
}
.col-phone-push-1 {
left: 8.33333%;
}
.col-phone-push-2 {
left: 16.66667%;
}
.col-phone-push-3 {
left: 25%;
}
.col-phone-push-4 {
left: 33.33333%;
}
.col-phone-push-5 {
left: 41.66667%;
}
.col-phone-push-6 {
left: 50%;
}
.col-phone-push-7 {
left: 58.33333%;
}
.col-phone-push-8 {
left: 66.66667%;
}
.col-phone-push-9 {
left: 75%;
}
.col-phone-push-10 {
left: 83.33333%;
}
.col-phone-push-11 {
left: 91.66667%;
}
.col-phone-push-12 {
left: 100%;
}
.col-phone-offset-0 {
margin-left: 0%;
}
.col-phone-offset-1 {
margin-left: 8.33333%;
}
.col-phone-offset-2 {
margin-left: 16.66667%;
}
.col-phone-offset-3 {
margin-left: 25%;
}
.col-phone-offset-4 {
margin-left: 33.33333%;
}
.col-phone-offset-5 {
margin-left: 41.66667%;
}
.col-phone-offset-6 {
margin-left: 50%;
}
.col-phone-offset-7 {
margin-left: 58.33333%;
}
.col-phone-offset-8 {
margin-left: 66.66667%;
}
.col-phone-offset-9 {
margin-left: 75%;
}
.col-phone-offset-10 {
margin-left: 83.33333%;
}
.col-phone-offset-11 {
margin-left: 91.66667%;
}
.col-phone-offset-12 {
margin-left: 100%;
}
}
.sticky {
background: none;
padding: 0px;
position: relative;
}
@media (max-width: 480px) {
.post-password-form label input[type="password"] {
display: block;
margin: 10px 0 15px;
}
.post-password-form input[type="submit"] {
display: block;
}
}
header.archive-header {
margin-bottom: 30px;
border-bottom: 1px solid #eaeaea;
}
img {
max-width: 100%;
height: auto;
}
.owl-carousel .owl-item img {
width: auto;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
font-family: Flaticon;
font-size: 1em;
font-style: normal;
margin: 0;
}
.sns-comments {
margin: 120px 0 0;
}
.sns-comments h3#comments {
margin-bottom: 25px;
font-size: 2.1428em;
position: relative;
}
@media (max-width: 1199px) {
.sns-comments h3#comments {
font-size: 2em;
}
}
@media (max-width: 767px) {
.sns-comments h3#comments {
font-size: 1.7142em;
}
}
.sns-comments .comment-reply-title {
margin-bottom: 10px;
font-size: 2.1428em;
position: relative;
}
@media (max-width: 1199px) {
.sns-comments .comment-reply-title {
font-size: 2em;
}
}
@media (max-width: 767px) {
.sns-comments .comment-reply-title {
font-size: 1.7142em;
}
}
.sns-comments .commentlist {
padding: 0;
margin: 0;
}
.sns-comments .commentlist li.pingback, .sns-comments .commentlist li.comment {
list-style: none;
}
.sns-comments .commentlist li.pingback .comment-body, .sns-comments .commentlist li.comment .comment-body {
*zoom: 1;
position: relative;
padding: 35px 0;
margin: 0;
border-bottom: 1px solid #eaeaea;
}
.sns-comments .commentlist li.pingback .comment-body:before, .sns-comments .commentlist li.comment .comment-body:before, .sns-comments .commentlist li.pingback .comment-body:after, .sns-comments .commentlist li.comment .comment-body:after {
content: " ";
display: table;
}
.sns-comments .commentlist li.pingback .comment-body:after, .sns-comments .commentlist li.comment .comment-body:after {
clear: both;
}
.sns-comments .commentlist li.pingback .comment-body .comment-user-meta, .sns-comments .commentlist li.comment .comment-body .comment-user-meta {
display: block;
padding: 0 0 0 100px;
position: relative;
}
.sns-comments .commentlist li.pingback .comment-body .comment-user-meta img.avatar, .sns-comments .commentlist li.comment .comment-body .comment-user-meta img.avatar {
float: left;
margin: 0 25px 0 0;
vertical-align: top;
border-radius: 100%;
position: absolute;
left: 0px;
top: 0px;
max-width: 80px;
}
.sns-comments .commentlist li.pingback .comment-body .comment-user-meta .comment-head, .sns-comments .commentlist li.comment .comment-body .comment-user-meta .comment-head {
margin: 0 0 15px;
display: block;
position: relative;
}
.sns-comments .commentlist li.pingback .comment-body .comment-user-meta .comment-head h4.comment-user, .sns-comments .commentlist li.comment .comment-body .comment-user-meta .comment-head h4.comment-user {
margin: 0 0;
font-size: 1em;
}
.sns-comments .commentlist li.pingback .comment-body .comment-user-meta .comment-head .date, .sns-comments .commentlist li.comment .comment-body .comment-user-meta .comment-head .date {
margin: 0 0;
color: #aaa;
}
.sns-comments .commentlist li.pingback .comment-body .comment-user-meta .comment-content, .sns-comments .commentlist li.comment .comment-body .comment-user-meta .comment-content {
position: relative;
margin: 0 0;
}
.sns-comments .commentlist li.pingback .comment-body .comment-user-meta .comment-content p:last-child, .sns-comments .commentlist li.comment .comment-body .comment-user-meta .comment-content p:last-child {
margin: 0 0;
}
.sns-comments .commentlist li.pingback .comment-body .comment-user-meta .comment-content ol, .sns-comments .commentlist li.comment .comment-body .comment-user-meta .comment-content ol, .sns-comments .commentlist li.pingback .comment-body .comment-user-meta .comment-content ul, .sns-comments .commentlist li.comment .comment-body .comment-user-meta .comment-content ul {
padding: 0 0 0 25px;
margin: 0 0 25px;
}
.sns-comments .commentlist li.pingback .comment-body .comment-user-meta .comment-content ol ol, .sns-comments .commentlist li.comment .comment-body .comment-user-meta .comment-content ol ol, .sns-comments .commentlist li.pingback .comment-body .comment-user-meta .comment-content ul ol, .sns-comments .commentlist li.comment .comment-body .comment-user-meta .comment-content ul ol, .sns-comments .commentlist li.pingback .comment-body .comment-user-meta .comment-content ol ul, .sns-comments .commentlist li.comment .comment-body .comment-user-meta .comment-content ol ul, .sns-comments .commentlist li.pingback .comment-body .comment-user-meta .comment-content ul ul, .sns-comments .commentlist li.comment .comment-body .comment-user-meta .comment-content ul ul {
margin: 0 0;
padding: 0 0 0 30px;
}
.sns-comments .commentlist li.pingback .comment-body .comment-meta, .sns-comments .commentlist li.comment .comment-body .comment-meta {
margin: 0 0;
font-size: 1em;
}
@media (min-width: 767px) {
.sns-comments .commentlist li.pingback .comment-body .comment-meta, .sns-comments .commentlist li.comment .comment-body .comment-meta {
float: right;
position: absolute;
top: 10px;
right: 0px;
}
}
@media (max-width: 767px) {
.sns-comments .commentlist li.pingback .comment-body .comment-meta, .sns-comments .commentlist li.comment .comment-body .comment-meta {
*zoom: 1;
margin-top: 10px;
}
.sns-comments .commentlist li.pingback .comment-body .comment-meta:before, .sns-comments .commentlist li.comment .comment-body .comment-meta:before, .sns-comments .commentlist li.pingback .comment-body .comment-meta:after, .sns-comments .commentlist li.comment .comment-body .comment-meta:after {
content: " ";
display: table;
}
.sns-comments .commentlist li.pingback .comment-body .comment-meta:after, .sns-comments .commentlist li.comment .comment-body .comment-meta:after {
clear: both;
}
}
.sns-comments .commentlist li.pingback .comment-body .comment-meta .comment-edit-link, .sns-comments .commentlist li.comment .comment-body .comment-meta .comment-edit-link, .sns-comments .commentlist li.pingback .comment-body .comment-meta .comment-reply-link, .sns-comments .commentlist li.comment .comment-body .comment-meta .comment-reply-link {
margin: 0 0 0 25px;
color: #333;
display: inline-block;
float: left;
font-weight: normal;
line-height: 24px;
padding: 0 0 0 24px;
border: none;
border-radius: 0;
background: none;
position: relative;
}
.sns-comments .commentlist li.pingback .comment-body .comment-meta .comment-edit-link:before, .sns-comments .commentlist li.comment .comment-body .comment-meta .comment-edit-link:before, .sns-comments .commentlist li.pingback .comment-body .comment-meta .comment-reply-link:before, .sns-comments .commentlist li.comment .comment-body .comment-meta .comment-reply-link:before {
content: "\f13b";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
width: 24px;
text-align: left;
font-size: 16px;
position: absolute;
top: 3px;
left: 0px;
}
.sns-comments .commentlist li.pingback .comment-body .comment-meta .comment-edit-link:focus, .sns-comments .commentlist li.comment .comment-body .comment-meta .comment-edit-link:focus, .sns-comments .commentlist li.pingback .comment-body .comment-meta .comment-reply-link:focus, .sns-comments .commentlist li.comment .comment-body .comment-meta .comment-reply-link:focus, .sns-comments .commentlist li.pingback .comment-body .comment-meta .comment-edit-link:hover, .sns-comments .commentlist li.comment .comment-body .comment-meta .comment-edit-link:hover, .sns-comments .commentlist li.pingback .comment-body .comment-meta .comment-reply-link:hover, .sns-comments .commentlist li.comment .comment-body .comment-meta .comment-reply-link:hover {
color: #333;
box-shadow: none;
text-decoration: underline;
}
.sns-comments .commentlist li.pingback .comment-body .comment-meta .comment-edit-link, .sns-comments .commentlist li.comment .comment-body .comment-meta .comment-edit-link {
padding: 0 0 0 20px;
}
.sns-comments .commentlist li.pingback .comment-body .comment-meta .comment-edit-link:before, .sns-comments .commentlist li.comment .comment-body .comment-meta .comment-edit-link:before {
content: "\f13d";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
width: 20px;
text-align: left;
font-size: 14px;
position: absolute;
top: 2px;
left: 0px;
}
.sns-comments .commentlist li.pingback .comment-body .comment-meta > *:first-child, .sns-comments .commentlist li.comment .comment-body .comment-meta > *:first-child {
margin: 0 0;
}
@media (max-width: 767px) {
.sns-comments .commentlist li.pingback .comment-body, .sns-comments .commentlist li.comment .comment-body {
padding: 20px 0;
}
.sns-comments .commentlist li.pingback .comment-body .comment-user-meta, .sns-comments .commentlist li.comment .comment-body .comment-user-meta {
padding: 0 0 0 65px;
}
.sns-comments .commentlist li.pingback .comment-body .comment-user-meta img.avatar, .sns-comments .commentlist li.comment .comment-body .comment-user-meta img.avatar {
max-width: 50px;
margin-right: 15px;
}
.sns-comments .commentlist li.pingback .comment-body:before, .sns-comments .commentlist li.comment .comment-body:before {
display: none;
}
}
.sns-comments .commentlist li.pingback .comment-body .comment-user-meta {
padding-left: 0px;
}
.sns-comments .commentlist li.pingback .comment-body .comment-user-meta .comment-head {
margin-bottom: 0px;
}
.sns-comments .commentlist > li:first-child > .comment-body:first-child {
padding-top: 0;
}
.sns-comments .commentlist > li:last-child > .comment-body:last-child {
border-bottom: none;
}
.sns-comments .commentlist .children {
position: relative;
margin-left: 20px;
padding-left: 20px;
}
.sns-comments .commentlist #respond {
margin: -1px 0 0;
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
}
.sns-comments .commentlist + #respond {
margin-top: 80px;
}
.sns-comments .navigation {
margin: 0 0 30px;
padding: 25px 0 0;
*zoom: 1;
border: none;
}
.sns-comments .navigation:before, .sns-comments .navigation:after {
content: " ";
display: table;
}
.sns-comments .navigation:after {
clear: both;
}
.sns-comments .navigation + #respond {
margin-top: 103px;
}
.sns-comments small {
font-size: 13px;
margin: 0 0 0 5px;
}
.sns-comments small a {
color: #333;
}
.sns-comments small a:hover {
text-decoration: underline;
}
.sns-comments #respond {
margin: 120px 0 25px;
padding: 21px 30px 30px;
background: #f5f5f5;
}
.sns-comments .comment-form .logged-in-as, .sns-comments .comment-form .comment-notes {
margin-bottom: 15px;
}
.sns-comments .comment-form .logged-in-as a:hover, .sns-comments .comment-form .comment-notes a:hover {
text-decoration: underline;
}
.sns-comments .comment-form .logged-in-as + .your-comment {
margin-bottom: 0px;
}
.sns-comments .comment-form .form-submit {
margin: 0;
clear: both;
}
.sns-comments .comment-form .form-submit input#submit {
display: inline;
vertical-align: middle;
}
@media (max-width: 767px) {
.sns-comments .comment-form .form-submit input#submit {
width: auto;
}
}
.sns-comments .comment-form input[type="text"], .sns-comments .comment-form textarea {
max-width: 100%;
width: 100%;
margin-bottom: 20px;
border-radius: 0px;
border-color: #eaeaea;
}
.sns-comments .comment-form input[type="text"]::-moz-placeholder, .sns-comments .comment-form textarea::-moz-placeholder {
color: #666;
opacity: 1;
}
.sns-comments .comment-form input[type="text"]:-ms-input-placeholder, .sns-comments .comment-form textarea:-ms-input-placeholder {
color: #666;
}
.sns-comments .comment-form input[type="text"]::-webkit-input-placeholder, .sns-comments .comment-form textarea::-webkit-input-placeholder {
color: #666;
}
.sns-comments .comment-form input[type="text"]:focus, .sns-comments .comment-form textarea:focus {
border-color: #eaeaea;
}
.sns-comments .comment-form textarea {
margin-bottom: 20px;
height: 166px;
border-radius: 0px;
border-color: #eaeaea;
}
.sns-comments .comment-form textarea:focus {
border-color: #eaeaea;
}
.sns-comments .comment-form .form-allowed-tags {
margin-bottom: 10px;
}
.sns-comments .comment-form .your-comment {
*zoom: 1;
}
.sns-comments .comment-form .your-comment:before, .sns-comments .comment-form .your-comment:after {
content: " ";
display: table;
}
.sns-comments .comment-form .your-comment:after {
clear: both;
}
.sns-comments .comment-form .text-field {
margin: 0 -10px;
*zoom: 1;
}
.sns-comments .comment-form .text-field:before, .sns-comments .comment-form .text-field:after {
content: " ";
display: table;
}
.sns-comments .comment-form .text-field:after {
clear: both;
}
.sns-comments .comment-form .text-field > div {
width: 33.33%;
padding: 0 10px;
float: left;
}
@media (max-width: 767px) {
.sns-comments .comment-form .text-field > div {
width: 100%;
}
}
.sns-comments .comment-form .text-field input {
margin-bottom: 20px;
height: 44px;
border-radius: 0px;
}
.sns-comments p.no-comments {
margin-top: 30px;
}
.wp-caption {
max-width: 100%;
}
.navigation {
padding: 0 0;
margin: 0 0 110px;
}
.navigation h2, .navigation h4 {
display: none;
}
.navigation .pagination {
margin: 0 -5px;
}
.navigation .pagination a {
text-align: center;
margin: 0 5px 10px 5px;
padding: 0 0;
display: inline-block;
width: 40px;
height: 40px;
line-height: 38px;
border-radius: 0px;
border: 1px solid #eaeaea;
color: #666;
float: left;
font-size: 1em;
}
.navigation .pagination a:hover {
background-color: #234a80 !important;
border-color: #234a80;
color: #333;
text-decoration: none;
}
.navigation .pagination span.page-numbers {
text-align: center;
margin: 0 5px;
padding: 0 0;
display: inline-block;
float: left;
line-height: 38px;
}
.navigation .pagination span.current {
text-align: center;
margin: 0 5px;
padding: 0 0;
display: inline-block;
width: 40px;
height: 40px;
line-height: 38px;
border-radius: 0px;
background-color: #234a80 !important;
border: 2px solid #234a80;
color: #333;
float: left;
}
.navigation .next, .navigation .prev {
position: relative;
overflow: hidden;
font-size: 0px;
text-align: center;
}
.navigation .next:before, .navigation .prev:before {
font-size: 18px;
}
.navigation .next:before {
content: "\f105";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
line-height: 38px;
}
.navigation .prev:before {
content: "\f104";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
line-height: 38px;
}
.navigation-ajax {
display: block;
text-align: center;
margin: 10px 0 60px;
}
.navigation-ajax #navigation-ajax {
position: relative;
display: inline-block;
vertical-align: top;
border: 1px solid #666;
margin: 0px;
padding: 10px 25px;
font-weight: bold;
border-radius: 5px;
overflow: hidden;
font-size: 1em;
background: #fff;
position: relative;
}
.navigation-ajax #navigation-ajax:hover {
background: #234a80;
border-color: #234a80;
color: #fff;
}
.navigation-ajax #navigation-ajax.auto-load {
opacity: 0;
}
.navigation-ajax #navigation-ajax.snsnav-active {
opacity: 1;
background: #234a80;
border-color: #234a80;
color: #fff;
cursor: wait;
padding-left: 50px;
}
.navigation-ajax #navigation-ajax.snsnav-active:before {
position: absolute;
left: 25px;
top: 50%;
margin-top: -10px;
content: "\f110";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
font-size: 20px;
z-index: 1;
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
-o-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
}
.logo-retina img {
width: 121px;
}
h3.sidebar-shortcodes {
font-size: 114.29%;
font-weight: bold;
margin: 0;
padding: 20px;
position: relative;
text-transform: uppercase;
border-bottom: 1px solid #eaeaea;
}
h3.sidebar-shortcodes span {
position: relative;
padding: 0;
display: inline-block;
}
.handle-preload {
opacity: 0;
visibility: hidden;
}
.bypostauthor {
font-size: 100%;
}
#sns_content .wpb_row:last-child {
margin-bottom: 0;
}
#sns_content .wpb_column > .wpb_wrapper > *:last-child {
margin-bottom: 0;
}
@media (min-width: 1200px) {
#sns_content .wpb_row:last-child {
margin-bottom: 0;
}
#sns_content .wpb_column > .wpb_wrapper > *:last-child {
margin-bottom: 0;
}
.archive #sns_content, .archive #sns_content .sns-content {
margin-bottom: 0px;
}
}
@media (max-width: 480px) {
#sns_content .hide-border-phone {
border: none !important;
}
}
@media (min-width: 1440px) {
.container {
width: 1440px;
}
}
@media (min-width: 1850px) {
.container.extra-width {
width: 1850px;
}
}
@media (max-width: 1440px) and (min-width: 1200px) {
.container.extra-width {
width: calc(100% - 30px);
}
}
@-webkit-keyframes spinAround {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spinAround {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@keyframes spinAround {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes SNSLucLac {
0% {
-webkit-transform: translateX(8px);
}
25% {
-webkit-transform: translateX(-8px);
}
50% {
-webkit-transform: translateX(8px);
}
100% {
-webkit-transform: translateX(0px);
}
}
@-moz-keyframes SNSLucLac {
0% {
-moz-transform: translateX(8px);
}
25% {
-moz-transform: translateX(-8px);
}
50% {
-moz-transform: translateX(8px);
}
100% {
-moz-transform: translateX(0px);
}
}
@-o-keyframes SNSLucLac {
0% {
-o-transform: translateX(8px);
}
25% {
-o-transform: translateX(-8px);
}
50% {
-o-transform: translateX(8px);
}
100% {
-o-transform: translateX(0px);
}
}
@keyframes SNSLucLac {
0% {
transform: translateX(8px);
}
25% {
transform: translateX(-8px);
}
50% {
transform: translateX(8px);
}
100% {
transform: translateX(0px);
}
}
@keyframes smallLoading {
16.67% {
box-shadow: -35px -60px 0 20px #76bdd1, 35px -60px 0 20px #6cce74, 70px 0px 0 20px #c18d46, 35px 60px 0 20px #c14745, -35px 60px 0 20px #2e1e5b, -70px 0px 0 20px #9c37a6;
}
33.33% {
box-shadow: -35px -60px 0 20px #9c37a6, 35px -60px 0 20px #76bdd1, 70px 0px 0 20px #6cce74, 35px 60px 0 20px #c18d46, -35px 60px 0 20px #c14745, -70px 0px 0 20px #2e1e5b;
}
50% {
box-shadow: -35px -60px 0 20px #2e1e5b, 35px -60px 0 20px #9c37a6, 70px 0px 0 20px #76bdd1, 35px 60px 0 20px #6cce74, -35px 60px 0 20px #c18d46, -70px 0px 0 20px #c14745;
}
66.67% {
box-shadow: -35px -60px 0 20px #c14745, 35px -60px 0 20px #2e1e5b, 70px 0px 0 20px #9c37a6, 35px 60px 0 20px #76bdd1, -35px 60px 0 20px #6cce74, -70px 0px 0 20px #c18d46;
}
88.88% {
box-shadow: -35px -60px 0 20px #c18d46, 35px -60px 0 20px #c14745, 70px 0px 0 20px #2e1e5b, 35px 60px 0 20px #9c37a6, -35px 60px 0 20px #76bdd1, -70px 0px 0 20px #6cce74;
}
100% {
transform: rotate(-360deg);
box-shadow: -35px -60px 0 20px #6cce74, 35px -60px 0 20px #c18d46, 70px 0px 0 20px #c14745, 35px 60px 0 20px #2e1e5b, -35px 60px 0 20px #9c37a6, -70px 0px 0 20px #76bdd1;
}
}
@-webkit-keyframes smallLoading {
16.67% {
box-shadow: -35px -60px 0 20px #76bdd1, 35px -60px 0 20px #6cce74, 70px 0px 0 20px #c18d46, 35px 60px 0 20px #c14745, -35px 60px 0 20px #2e1e5b, -70px 0px 0 20px #9c37a6;
}
33.33% {
box-shadow: -35px -60px 0 20px #9c37a6, 35px -60px 0 20px #76bdd1, 70px 0px 0 20px #6cce74, 35px 60px 0 20px #c18d46, -35px 60px 0 20px #c14745, -70px 0px 0 20px #2e1e5b;
}
50% {
box-shadow: -35px -60px 0 20px #2e1e5b, 35px -60px 0 20px #9c37a6, 70px 0px 0 20px #76bdd1, 35px 60px 0 20px #6cce74, -35px 60px 0 20px #c18d46, -70px 0px 0 20px #c14745;
}
66.67% {
box-shadow: -35px -60px 0 20px #c14745, 35px -60px 0 20px #2e1e5b, 70px 0px 0 20px #9c37a6, 35px 60px 0 20px #76bdd1, -35px 60px 0 20px #6cce74, -70px 0px 0 20px #c18d46;
}
88.88% {
box-shadow: -35px -60px 0 20px #c18d46, 35px -60px 0 20px #c14745, 70px 0px 0 20px #2e1e5b, 35px 60px 0 20px #9c37a6, -35px 60px 0 20px #76bdd1, -70px 0px 0 20px #6cce74;
}
100% {
-webkit-transform: rotate(-360deg);
box-shadow: -35px -60px 0 20px #6cce74, 35px -60px 0 20px #c18d46, 70px 0px 0 20px #c14745, 35px 60px 0 20px #2e1e5b, -35px 60px 0 20px #9c37a6, -70px 0px 0 20px #76bdd1;
}
}
@-moz-keyframes smallLoading {
16.67% {
box-shadow: -35px -60px 0 20px #76bdd1, 35px -60px 0 20px #6cce74, 70px 0px 0 20px #c18d46, 35px 60px 0 20px #c14745, -35px 60px 0 20px #2e1e5b, -70px 0px 0 20px #9c37a6;
}
33.33% {
box-shadow: -35px -60px 0 20px #9c37a6, 35px -60px 0 20px #76bdd1, 70px 0px 0 20px #6cce74, 35px 60px 0 20px #c18d46, -35px 60px 0 20px #c14745, -70px 0px 0 20px #2e1e5b;
}
50% {
box-shadow: -35px -60px 0 20px #2e1e5b, 35px -60px 0 20px #9c37a6, 70px 0px 0 20px #76bdd1, 35px 60px 0 20px #6cce74, -35px 60px 0 20px #c18d46, -70px 0px 0 20px #c14745;
}
66.67% {
box-shadow: -35px -60px 0 20px #c14745, 35px -60px 0 20px #2e1e5b, 70px 0px 0 20px #9c37a6, 35px 60px 0 20px #76bdd1, -35px 60px 0 20px #6cce74, -70px 0px 0 20px #c18d46;
}
88.88% {
box-shadow: -35px -60px 0 20px #c18d46, 35px -60px 0 20px #c14745, 70px 0px 0 20px #2e1e5b, 35px 60px 0 20px #9c37a6, -35px 60px 0 20px #76bdd1, -70px 0px 0 20px #6cce74;
}
100% {
-moz-transform: rotate(-360deg);
box-shadow: -35px -60px 0 20px #6cce74, 35px -60px 0 20px #c18d46, 70px 0px 0 20px #c14745, 35px 60px 0 20px #2e1e5b, -35px 60px 0 20px #9c37a6, -70px 0px 0 20px #76bdd1;
}
}
@-o-keyframes smallLoading {
16.67% {
box-shadow: -35px -60px 0 20px #76bdd1, 35px -60px 0 20px #6cce74, 70px 0px 0 20px #c18d46, 35px 60px 0 20px #c14745, -35px 60px 0 20px #2e1e5b, -70px 0px 0 20px #9c37a6;
}
33.33% {
box-shadow: -35px -60px 0 20px #9c37a6, 35px -60px 0 20px #76bdd1, 70px 0px 0 20px #6cce74, 35px 60px 0 20px #c18d46, -35px 60px 0 20px #c14745, -70px 0px 0 20px #2e1e5b;
}
50% {
box-shadow: -35px -60px 0 20px #2e1e5b, 35px -60px 0 20px #9c37a6, 70px 0px 0 20px #76bdd1, 35px 60px 0 20px #6cce74, -35px 60px 0 20px #c18d46, -70px 0px 0 20px #c14745;
}
66.67% {
box-shadow: -35px -60px 0 20px #c14745, 35px -60px 0 20px #2e1e5b, 70px 0px 0 20px #9c37a6, 35px 60px 0 20px #76bdd1, -35px 60px 0 20px #6cce74, -70px 0px 0 20px #c18d46;
}
88.88% {
box-shadow: -35px -60px 0 20px #c18d46, 35px -60px 0 20px #c14745, 70px 0px 0 20px #2e1e5b, 35px 60px 0 20px #9c37a6, -35px 60px 0 20px #76bdd1, -70px 0px 0 20px #6cce74;
}
100% {
-o-transform: rotate(-360deg);
box-shadow: -35px -60px 0 20px #6cce74, 35px -60px 0 20px #c18d46, 70px 0px 0 20px #c14745, 35px 60px 0 20px #2e1e5b, -35px 60px 0 20px #9c37a6, -70px 0px 0 20px #76bdd1;
}
}
@keyframes shine {
0% {
background-position: top left;
}
100% {
background-position: top right;
}
}
@-webkit-keyframes shine {
0% {
background-position: top left;
}
100% {
background-position: top right;
}
}
@-o-keyframes shine {
0% {
background-position: top left;
}
100% {
background-position: top right;
}
}
@-moz-keyframes shine {
0% {
background-position: top left;
}
100% {
background-position: top right;
}
}
@keyframes infinite_icon {
0% {
transform: translate(0px, 2px);
}
100% {
transform: translate(0px, -2px);
}
}
@-moz-keyframes infinite_icon {
0% {
transform: translate(0px, 2px);
}
100% {
transform: translate(0px, -2px);
}
}
@-webkit-keyframes infinite_icon {
0% {
transform: translate(0px, 2px);
}
100% {
transform: translate(0px, -2px);
}
}
@-o-keyframes infinite_icon {
0% {
transform: translate(0px, 2px);
}
100% {
transform: translate(0px, -2px);
}
}
@keyframes iconmap {
0% {
transform: translate(4px, 4px) rotate(-45deg);
}
100% {
transform: translate(0px, 0px) rotate(-45deg);
}
}
@-moz-keyframes iconmap {
0% {
transform: translate(4px, 4px) rotate(-45deg);
}
100% {
transform: translate(0px, 0px) rotate(-45deg);
}
}
@-webkit-keyframes iconmap {
0% {
transform: translate(4px, 4px) rotate(-45deg);
}
100% {
transform: translate(0px, 0px) rotate(-45deg);
}
}
@-o-keyframes iconmap {
0% {
transform: translate(4px, 4px) rotate(-45deg);
}
100% {
transform: translate(0px, 0px) rotate(-45deg);
}
}
.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;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash; }
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada; }
@-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg);
}
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg);
}
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) 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(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox; }
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn; }
@-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.sns-left > .widget:last-child, .sns-right > .widget:last-child, .sticky-product-filter .inner > .widget:last-child, .inner-sidebar > .widget:last-child {
margin-bottom: 0 !important;
border: none !important;
}
.sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div, .sns-left > .widget, .sns-right > .widget, .sticky-product-filter .inner > .widget, .inner-sidebar > .widget {
margin-bottom: 60px;
position: relative;
*zoom: 1;
}
.sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div:before, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div:before, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div:before, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div:before, .sns-left > .widget:before, .sns-right > .widget:before, .sticky-product-filter .inner > .widget:before, .inner-sidebar > .widget:before, .sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div:after, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div:after, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div:after, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div:after, .sns-left > .widget:after, .sns-right > .widget:after, .sticky-product-filter .inner > .widget:after, .inner-sidebar > .widget:after {
content: " ";
display: table;
}
.sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div:after, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div:after, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div:after, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div:after, .sns-left > .widget:after, .sns-right > .widget:after, .sticky-product-filter .inner > .widget:after, .inner-sidebar > .widget:after {
clear: both;
}
.sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div:last-child, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div:last-child, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div:last-child, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div:last-child, .sns-left > .widget:last-child, .sns-right > .widget:last-child, .sticky-product-filter .inner > .widget:last-child, .inner-sidebar > .widget:last-child {
margin-bottom: 0px;
}
.sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .widget, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .widget, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .widget, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .widget, .sns-left > .widget .widget, .sns-right > .widget .widget, .sticky-product-filter .inner > .widget .widget, .inner-sidebar > .widget .widget {
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
.sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .widgettitle, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .widgettitle, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .widgettitle, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .widgettitle, .sns-left > .widget .widgettitle, .sns-right > .widget .widgettitle, .sticky-product-filter .inner > .widget .widgettitle, .inner-sidebar > .widget .widgettitle, .sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .widget-title, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .widget-title, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .widget-title, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .widget-title, .sns-left > .widget .widget-title, .sns-right > .widget .widget-title, .sticky-product-filter .inner > .widget .widget-title, .inner-sidebar > .widget .widget-title {
font-size: 1.1428em;
color: #333;
text-transform: uppercase;
font-weight: bold;
display: block;
padding: 0 0;
margin: 0 0 25px;
line-height: 1.1;
}
.sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .widgettitle > span, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .widgettitle > span, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .widgettitle > span, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .widgettitle > span, .sns-left > .widget .widgettitle > span, .sns-right > .widget .widgettitle > span, .sticky-product-filter .inner > .widget .widgettitle > span, .inner-sidebar > .widget .widgettitle > span, .sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .widget-title > span, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .widget-title > span, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .widget-title > span, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .widget-title > span, .sns-left > .widget .widget-title > span, .sns-right > .widget .widget-title > span, .sticky-product-filter .inner > .widget .widget-title > span, .inner-sidebar > .widget .widget-title > span {
display: inline-block;
line-height: 21px;
position: relative;
background: #234a80;
padding: 0 5px;
}
.sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .wpb_heading, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .wpb_heading, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .wpb_heading, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .wpb_heading, .sns-left > .widget .wpb_heading, .sns-right > .widget .wpb_heading, .sticky-product-filter .inner > .widget .wpb_heading, .inner-sidebar > .widget .wpb_heading {
font-size: 1.1428em;
color: #333;
text-transform: uppercase;
font-weight: bold;
display: block;
padding: 0 0;
margin: 0px 0 25px;
text-align: left;
line-height: 1.1;
}
.sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .wpb_heading > span, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .wpb_heading > span, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .wpb_heading > span, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div .wpb_heading > span, .sns-left > .widget .wpb_heading > span, .sns-right > .widget .wpb_heading > span, .sticky-product-filter .inner > .widget .wpb_heading > span, .inner-sidebar > .widget .wpb_heading > span {
display: inline-block;
line-height: 21px;
position: relative;
background: #234a80;
padding: 0 5px;
}
.sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu, .sns-left > .widget.widget_valen_widget_vertical_menu, .sns-right > .widget.widget_valen_widget_vertical_menu, .sticky-product-filter .inner > .widget.widget_valen_widget_vertical_menu, .inner-sidebar > .widget.widget_valen_widget_vertical_menu {
background: #333;
padding: 0 30px 20px 30px;
border: none;
z-index: 3;
}
@media (max-width: 1199px) {
.sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu, .sns-left > .widget.widget_valen_widget_vertical_menu, .sns-right > .widget.widget_valen_widget_vertical_menu, .sticky-product-filter .inner > .widget.widget_valen_widget_vertical_menu, .inner-sidebar > .widget.widget_valen_widget_vertical_menu {
padding: 0 20px 20px 20px;
}
}
.sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu .widget-title, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu .widget-title, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu .widget-title, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu .widget-title, .sns-left > .widget.widget_valen_widget_vertical_menu .widget-title, .sns-right > .widget.widget_valen_widget_vertical_menu .widget-title, .sticky-product-filter .inner > .widget.widget_valen_widget_vertical_menu .widget-title, .inner-sidebar > .widget.widget_valen_widget_vertical_menu .widget-title {
padding: 30px 0 25px;
margin-bottom: 10px;
border-bottom: 1px solid #424242;
color: #fff;
}
.sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu ul.vertical-style, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu ul.vertical-style, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu ul.vertical-style, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu ul.vertical-style, .sns-left > .widget.widget_valen_widget_vertical_menu ul.vertical-style, .sns-right > .widget.widget_valen_widget_vertical_menu ul.vertical-style, .sticky-product-filter .inner > .widget.widget_valen_widget_vertical_menu ul.vertical-style, .inner-sidebar > .widget.widget_valen_widget_vertical_menu ul.vertical-style {
padding: 0 0;
}
.sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item > a, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item > a, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item > a, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item > a, .sns-left > .widget.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item > a, .sns-right > .widget.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item > a, .sticky-product-filter .inner > .widget.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item > a, .inner-sidebar > .widget.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item > a {
color: #fff;
}
.sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item.menu-item-has-children:after, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item.menu-item-has-children:after, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item.menu-item-has-children:after, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item.menu-item-has-children:after, .sns-left > .widget.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item.menu-item-has-children:after, .sns-right > .widget.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item.menu-item-has-children:after, .sticky-product-filter .inner > .widget.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item.menu-item-has-children:after, .inner-sidebar > .widget.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item.menu-item-has-children:after {
color: #fff;
}
.sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item.current-menu-ancestor > a, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item.current-menu-ancestor > a, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item.current-menu-ancestor > a, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item.current-menu-ancestor > a, .sns-left > .widget.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item.current-menu-ancestor > a, .sns-right > .widget.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item.current-menu-ancestor > a, .sticky-product-filter .inner > .widget.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item.current-menu-ancestor > a, .inner-sidebar > .widget.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item.current-menu-ancestor > a, .sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item.current-menu-item > a, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item.current-menu-item > a, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item.current-menu-item > a, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item.current-menu-item > a, .sns-left > .widget.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item.current-menu-item > a, .sns-right > .widget.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item.current-menu-item > a, .sticky-product-filter .inner > .widget.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item.current-menu-item > a, .inner-sidebar > .widget.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item.current-menu-item > a, .sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item:hover > a, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item:hover > a, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item:hover > a, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item:hover > a, .sns-left > .widget.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item:hover > a, .sns-right > .widget.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item:hover > a, .sticky-product-filter .inner > .widget.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item:hover > a, .inner-sidebar > .widget.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item:hover > a {
color: #234a80;
}
.sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav a, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav a, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav a, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav a, .sns-left > .widget.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav a, .sns-right > .widget.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav a, .sticky-product-filter .inner > .widget.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav a, .inner-sidebar > .widget.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav a {
color: #fff;
}
.sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav a:hover, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav a:hover, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav a:hover, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav a:hover, .sns-left > .widget.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav a:hover, .sns-right > .widget.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav a:hover, .sticky-product-filter .inner > .widget.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav a:hover, .inner-sidebar > .widget.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav a:hover, .sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav a.active, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav a.active, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav a.active, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav a.active, .sns-left > .widget.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav a.active, .sns-right > .widget.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav a.active, .sticky-product-filter .inner > .widget.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav a.active, .inner-sidebar > .widget.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav a.active {
color: #234a80;
}
.sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav .accr_header .btn_accor .ac-tongle.open:before, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav .accr_header .btn_accor .ac-tongle.open:before, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav .accr_header .btn_accor .ac-tongle.open:before, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav .accr_header .btn_accor .ac-tongle.open:before, .sns-left > .widget.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav .accr_header .btn_accor .ac-tongle.open:before, .sns-right > .widget.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav .accr_header .btn_accor .ac-tongle.open:before, .sticky-product-filter .inner > .widget.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav .accr_header .btn_accor .ac-tongle.open:before, .inner-sidebar > .widget.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav .accr_header .btn_accor .ac-tongle.open:before {
color: #ccc;
}
.sns-left > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav .accr_header.open > a, .sns-right > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav .accr_header.open > a, .sticky-product-filter .inner > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav .accr_header.open > a, .inner-sidebar > .postwcode-widget div:not(.wpb_content_element) > .wpb_wrapper > div.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav .accr_header.open > a, .sns-left > .widget.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav .accr_header.open > a, .sns-right > .widget.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav .accr_header.open > a, .sticky-product-filter .inner > .widget.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav .accr_header.open > a, .inner-sidebar > .widget.widget_valen_widget_vertical_menu .sns-respmenu .resp-nav .accr_header.open > a {
color: #234a80;
}
.sns-left .postwcode-widget .wpb_wrapper > div.no-padding-border, .sns-right .postwcode-widget .wpb_wrapper > div.no-padding-border, .sticky-product-filter .inner .postwcode-widget .wpb_wrapper > div.no-padding-border, .inner-sidebar .postwcode-widget .wpb_wrapper > div.no-padding-border {
border: none;
padding-bottom: 0px;
}
.sns-left .postwcode-widget .wpb_wrapper > div.no-space-separator, .sns-right .postwcode-widget .wpb_wrapper > div.no-space-separator, .sticky-product-filter .inner .postwcode-widget .wpb_wrapper > div.no-space-separator, .inner-sidebar .postwcode-widget .wpb_wrapper > div.no-space-separator {
padding-bottom: 0px;
margin-bottom: 0px;
}
@media (min-width: 1850px) {
body.special-sidebar.left-sidebar .inner-sidebar {
width: 16.66667%;
}
body.special-sidebar.left-sidebar .inner-sidebar + div {
width: 83.33333%;
}
}
@media (max-width: 1850px) and (min-width: 1200px) {
body.special-sidebar.left-sidebar .inner-sidebar {
width: 25%;
}
body.special-sidebar.left-sidebar .inner-sidebar + div {
width: 75%;
}
}
body.special-sidebar .sns-left, body.special-sidebar .sns-right, body.special-sidebar .inner-sidebar {
z-index: 2;
}
body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu), body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu), body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div {
margin-bottom: 50px;
}
body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div:last-child, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div:last-child, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu):last-child, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu):last-child, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div:last-child {
margin-bottom: 0px;
}
body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div > .wpb_heading, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div > .wpb_heading, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu) > .wpb_heading, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu) > .wpb_heading, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div > .wpb_heading, body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div > .widget-title, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div > .widget-title, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu) > .widget-title, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu) > .widget-title, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div > .widget-title {
margin: 0 0 15px;
position: relative;
font-size: 1.5em;
}
body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div > .wpb_heading:before, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div > .wpb_heading:before, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu) > .wpb_heading:before, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu) > .wpb_heading:before, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div > .wpb_heading:before, body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div > .widget-title:before, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div > .widget-title:before, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu) > .widget-title:before, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu) > .widget-title:before, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div > .widget-title:before {
position: absolute;
content: "";
left: 0px;
bottom: -17px;
width: 100px;
height: 3px;
background: #234a80;
}
body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div > .wpb_heading + ul:not(.vertical-style), body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div > .wpb_heading + ul:not(.vertical-style), body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu) > .wpb_heading + ul:not(.vertical-style), body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu) > .wpb_heading + ul:not(.vertical-style), body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div > .wpb_heading + ul:not(.vertical-style), body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div > .widget-title + ul:not(.vertical-style), body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div > .widget-title + ul:not(.vertical-style), body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu) > .widget-title + ul:not(.vertical-style), body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu) > .widget-title + ul:not(.vertical-style), body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div > .widget-title + ul:not(.vertical-style), body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div > .wpb_heading + div, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div > .wpb_heading + div, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu) > .wpb_heading + div, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu) > .wpb_heading + div, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div > .wpb_heading + div, body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div > .widget-title + div, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div > .widget-title + div, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu) > .widget-title + div, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu) > .widget-title + div, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div > .widget-title + div, body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div > .wpb_heading + label, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div > .wpb_heading + label, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu) > .wpb_heading + label, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu) > .wpb_heading + label, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div > .wpb_heading + label, body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div > .widget-title + label, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div > .widget-title + label, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu) > .widget-title + label, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu) > .widget-title + label, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div > .widget-title + label, body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div > .wpb_heading + form, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div > .wpb_heading + form, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu) > .wpb_heading + form, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu) > .wpb_heading + form, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div > .wpb_heading + form, body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div > .widget-title + form, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div > .widget-title + form, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu) > .widget-title + form, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu) > .widget-title + form, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div > .widget-title + form {
padding: 20px;
border: 1px solid #eaeaea;
border-radius: 0 5px 5px 5px;
}
body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div.sns-products.list-mode .prdlist-content .product_list.list, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div.sns-products.list-mode .prdlist-content .product_list.list, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu).sns-products.list-mode .prdlist-content .product_list.list, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu).sns-products.list-mode .prdlist-content .product_list.list, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div.sns-products.list-mode .prdlist-content .product_list.list {
margin: 0;
}
body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div.sns-products.list-mode .prdlist-content .product_list.list .item-row .product, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div.sns-products.list-mode .prdlist-content .product_list.list .item-row .product, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu).sns-products.list-mode .prdlist-content .product_list.list .item-row .product, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu).sns-products.list-mode .prdlist-content .product_list.list .item-row .product, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div.sns-products.list-mode .prdlist-content .product_list.list .item-row .product {
border-top: 1px solid #eaeaea;
padding-top: 20px;
margin-top: 20px;
}
body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div.sns-products.list-mode .prdlist-content .product_list.list .item-row .product:first-child, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div.sns-products.list-mode .prdlist-content .product_list.list .item-row .product:first-child, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu).sns-products.list-mode .prdlist-content .product_list.list .item-row .product:first-child, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu).sns-products.list-mode .prdlist-content .product_list.list .item-row .product:first-child, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div.sns-products.list-mode .prdlist-content .product_list.list .item-row .product:first-child {
border: none;
margin-top: 0px;
padding-top: 0px;
}
body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div.sns-products.list-mode .prdlist-content .product_list.list .item-row .product .list-view .item-img, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div.sns-products.list-mode .prdlist-content .product_list.list .item-row .product .list-view .item-img, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu).sns-products.list-mode .prdlist-content .product_list.list .item-row .product .list-view .item-img, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu).sns-products.list-mode .prdlist-content .product_list.list .item-row .product .list-view .item-img, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div.sns-products.list-mode .prdlist-content .product_list.list .item-row .product .list-view .item-img {
margin: 0 10px 0 0;
}
body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div.sns-products.list-mode .prdlist-content .product_list.list .item-row .product .list-view .item-img .product-image, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div.sns-products.list-mode .prdlist-content .product_list.list .item-row .product .list-view .item-img .product-image, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu).sns-products.list-mode .prdlist-content .product_list.list .item-row .product .list-view .item-img .product-image, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu).sns-products.list-mode .prdlist-content .product_list.list .item-row .product .list-view .item-img .product-image, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div.sns-products.list-mode .prdlist-content .product_list.list .item-row .product .list-view .item-img .product-image {
border: none;
max-width: 75px;
}
body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div.sns-products.list-mode .prdlist-content .product_list.list .item-row .product .list-view .item-info .item-title, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div.sns-products.list-mode .prdlist-content .product_list.list .item-row .product .list-view .item-info .item-title, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu).sns-products.list-mode .prdlist-content .product_list.list .item-row .product .list-view .item-info .item-title, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu).sns-products.list-mode .prdlist-content .product_list.list .item-row .product .list-view .item-info .item-title, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div.sns-products.list-mode .prdlist-content .product_list.list .item-row .product .list-view .item-info .item-title {
margin-bottom: 8px;
}
body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div.sns-products.list-mode .prdlist-content .product_list.list .item-row .product .list-view .item-info .price .amount, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div.sns-products.list-mode .prdlist-content .product_list.list .item-row .product .list-view .item-info .price .amount, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu).sns-products.list-mode .prdlist-content .product_list.list .item-row .product .list-view .item-info .price .amount, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu).sns-products.list-mode .prdlist-content .product_list.list .item-row .product .list-view .item-info .price .amount, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div.sns-products.list-mode .prdlist-content .product_list.list .item-row .product .list-view .item-info .price .amount {
font-size: 1em;
}
body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div.sns-products.list-mode .owl-nav, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div.sns-products.list-mode .owl-nav, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu).sns-products.list-mode .owl-nav, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu).sns-products.list-mode .owl-nav, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div.sns-products.list-mode .owl-nav {
top: -55px;
right: -20px;
width: 40px;
}
body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div.sns-products.list-mode .owl-nav .owl-prev, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div.sns-products.list-mode .owl-nav .owl-prev, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu).sns-products.list-mode .owl-nav .owl-prev, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu).sns-products.list-mode .owl-nav .owl-prev, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div.sns-products.list-mode .owl-nav .owl-prev {
text-align: left;
}
body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div.sns-products.list-mode .owl-nav .owl-prev:before, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div.sns-products.list-mode .owl-nav .owl-prev:before, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu).sns-products.list-mode .owl-nav .owl-prev:before, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu).sns-products.list-mode .owl-nav .owl-prev:before, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div.sns-products.list-mode .owl-nav .owl-prev:before {
text-align: left;
}
body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div.sns-products.list-mode .owl-nav .owl-next, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div.sns-products.list-mode .owl-nav .owl-next, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu).sns-products.list-mode .owl-nav .owl-next, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu).sns-products.list-mode .owl-nav .owl-next, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div.sns-products.list-mode .owl-nav .owl-next {
text-align: right;
}
body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div.sns-products.list-mode .owl-nav .owl-next:before, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div.sns-products.list-mode .owl-nav .owl-next:before, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu).sns-products.list-mode .owl-nav .owl-next:before, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu).sns-products.list-mode .owl-nav .owl-next:before, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div.sns-products.list-mode .owl-nav .owl-next:before {
text-align: right;
}
body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div .sns-info-box, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div .sns-info-box, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu) .sns-info-box, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu) .sns-info-box, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div .sns-info-box {
margin: 20px 0 0;
padding: 20px 0 0;
border-top: 1px solid #eaeaea;
}
body.special-sidebar .sns-left > .postwcode-widget .wpb_wrapper > div .sns-info-box:first-child, body.special-sidebar .sns-right > .postwcode-widget .wpb_wrapper > div .sns-info-box:first-child, body.special-sidebar .sns-left > .widget:not(.widget_valen_widget_vertical_menu) .sns-info-box:first-child, body.special-sidebar .sns-right > .widget:not(.widget_valen_widget_vertical_menu) .sns-info-box:first-child, body.special-sidebar .inner-sidebar > .vc_column-inner > .wpb_wrapper > div .sns-info-box:first-child {
border-top: none;
margin: 0 0;
padding: 8px 0 0;
}
body.special-sidebar .wpb_wrapper > .sns-vertical-menu, body.special-sidebar .widget.widget_valen_widget_vertical_menu {
padding: 0 0;
background: #fff;
z-index: 3;
}
body.special-sidebar .wpb_wrapper > .sns-vertical-menu > .wpb_heading, body.special-sidebar .widget.widget_valen_widget_vertical_menu > .wpb_heading, body.special-sidebar .wpb_wrapper > .sns-vertical-menu .widget-title, body.special-sidebar .widget.widget_valen_widget_vertical_menu .widget-title {
background: #234a80;
color: #fff;
margin: 0 0 !important;
padding: 15px 20px;
border-radius: 5px 5px 0 0;
font-size: 1.1428em !important;
margin: 0 0;
border: none;
text-transform: uppercase;
}
body.special-sidebar .wpb_wrapper > .sns-vertical-menu > .wpb_heading:before, body.special-sidebar .widget.widget_valen_widget_vertical_menu > .wpb_heading:before, body.special-sidebar .wpb_wrapper > .sns-vertical-menu .widget-title:before, body.special-sidebar .widget.widget_valen_widget_vertical_menu .widget-title:before {
display: none;
}
body.special-sidebar .wpb_wrapper > .sns-vertical-menu ul.vertical-style, body.special-sidebar .widget.widget_valen_widget_vertical_menu ul.vertical-style {
padding: 0 20px;
border: 1px solid #eaeaea;
border-top: none;
border-radius: 0 0 5px 5px;
}
body.special-sidebar .wpb_wrapper > .sns-vertical-menu ul.vertical-style a, body.special-sidebar .widget.widget_valen_widget_vertical_menu ul.vertical-style a {
color: #333 !important;
}
body.special-sidebar .wpb_wrapper > .sns-vertical-menu ul.vertical-style a:hover, body.special-sidebar .widget.widget_valen_widget_vertical_menu ul.vertical-style a:hover {
color: #234a80 !important;
}
body.special-sidebar .wpb_wrapper > .sns-vertical-menu ul.vertical-style > li.menu-item, body.special-sidebar .widget.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item {
border-top: 1px solid #eaeaea;
}
body.special-sidebar .wpb_wrapper > .sns-vertical-menu ul.vertical-style > li.menu-item:first-child, body.special-sidebar .widget.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item:first-child {
border-top: none;
}
body.special-sidebar .wpb_wrapper > .sns-vertical-menu ul.vertical-style > li.menu-item > a, body.special-sidebar .widget.widget_valen_widget_vertical_menu ul.vertical-style > li.menu-item > a {
padding: 13px 20px 13px 0;
}
.widget {
position: relative;
*zoom: 1;
}
.widget:before, .widget:after {
content: " ";
display: table;
}
.widget:after {
clear: both;
}
.widget .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.widget .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;
clip-path: none;
color: #21759b;
display: block;
font-size: 1em;
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;
}
.widget .widget-title {
font-size: 1.5em;
color: #333;
text-transform: none;
font-weight: bold;
display: block;
padding: 0 0;
margin: 0 0 25px;
line-height: 1.1;
}
.widget .widget-title > span {
display: inline-block;
position: relative;
}
.widget .widget-title + ul, .widget .widget-title + div, .widget .widget-title + label, .widget .widget-title + form {
padding: 0;
}
.widget ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget ul .accr_header {
display: inline;
}
.widget ul .accr_header .btn_accor {
position: absolute;
top: 12px;
right: 0px;
cursor: pointer;
text-align: center;
}
.widget ul .accr_header .btn_accor .ac-tongle {
color: ;
display: block;
font-weight: normal;
}
.widget ul .accr_header .btn_accor .ac-tongle.close {
background: none;
opacity: 1;
text-shadow: none;
}
.widget ul .accr_header a {
position: relative;
}
.widget ul .accr_header.open .count {
color: #234a80;
}
.widget ul .accr_header.open > a {
color: #234a80;
}
.widget ul li {
position: relative;
}
.widget ul li a {
position: relative;
padding: 0 0 0 0px;
color: inherit;
}
.widget ul li a:hover {
color: #234a80;
}
.widget ul li ul {
margin: 0px;
padding: 0 0;
}
.widget ul li a {
display: inline;
padding: 5px 0;
color: #333;
}
.widget ul li a:hover {
color: #333;
}
.widget ul li:first-child a {
padding-top: 0;
}
.widget ul li:last-child a {
padding-bottom: 0;
}
.widget ul li ul {
padding-left: 20px;
}
.widget a .product-title, .widget .title, .widget .post-title {
font-size: 1em;
}
.widget a .product-title a, .widget .title a, .widget .post-title a {
color: #333;
}
.widget a .product-title a:hover, .widget .title a:hover, .widget .post-title a:hover {
color: #234a80;
}
.widget.yith-woo-ajax-reset-navigation:before, .widget.yith-woo-ajax-reset-navigation:after {
display: inline;
}
.widget.yith-woo-ajax-reset-navigation a.button {
display: block;
text-align: center;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
}
.widget.yith-woo-ajax-reset-navigation a.button:focus, .widget.yith-woo-ajax-reset-navigation a.button:hover {
color: #333;
background: #234a80;
border-color: #234a80;
}
.widget.widget_recent_entries ul li {
padding: 8px 0;
}
.widget.widget_recent_entries ul li:first-child {
padding-top: 0px;
}
.widget.widget_recent_entries ul li:last-child {
padding-bottom: 0px;
}
.widget.widget_recent_entries ul li a {
display: block;
position: relative;
padding: 0 0 0 20px;
}
.widget.widget_recent_entries ul li a:before {
position: absolute;
left: 0px;
top: 5px;
content: "\f0f6";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 13px;
height: 13px;
text-align: center;
line-height: 13px;
}
.widget.widget_recent_entries ul li .post-date {
font-size: 90%;
padding: 0 0 0 20px;
}
.widget.widget_archive > ul {
margin: -2px 0 -6px;
}
.widget.widget_archive > select {
margin-top: 5px;
}
.widget.widget_archive ul li {
padding: 5px 0;
}
.widget.widget_archive ul li:first-child {
margin-top: 0px;
padding-top: 0px;
}
.widget.widget_archive ul li:last-child {
padding-bottom: 0px;
}
.widget.widget_archive ul li a {
position: relative;
text-transform: uppercase;
padding: 0;
}
.widget.widget_archive ul li a:before {
content: "\f12b";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 16px;
height: 16px;
text-align: center;
line-height: 16px;
font-size: 10px;
margin-top: -2px;
color: #888;
text-align: left;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
vertical-align: middle;
}
.widget.widget_archive ul li a:hover {
text-decoration: underline;
}
.widget.widget_archive ul li a:hover:before {
color: #333;
}
.widget.widget_categories > ul {
margin: 0;
padding: 0;
list-style: none;
margin: -2px 0 -6px;
}
.widget.widget_categories > ul .children {
padding-top: 7px;
position: relative;
}
.widget.widget_categories > ul .children:before {
width: 1px;
height: calc(100% - 7px) !important;
background: #eaeaea;
position: absolute;
left: 7px;
top: 7px;
content: "";
}
.widget.widget_categories > ul li {
position: relative;
padding: 5px 0px;
margin: 0;
color: #ccc;
}
.widget.widget_categories > ul li a {
padding: 0;
color: #333;
}
.widget.widget_categories > ul li a:before {
content: "\f12b";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 16px;
height: 16px;
text-align: center;
line-height: 16px;
font-size: 10px;
margin-top: -2px;
color: #888;
text-align: left;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
vertical-align: middle;
}
.widget.widget_categories > ul li a:hover:before {
color: #333;
}
.widget.widget_categories > ul li .btn_accor {
top: 4px;
}
.widget.widget_categories > ul li .btn_accor .ac-tongle {
font-size: 14px;
line-height: 18px;
color: #333;
}
.widget.widget_categories > ul li .btn_accor i {
font-size: 11px;
}
.widget.widget_categories > ul li:first-child {
padding-top: 0px;
}
.widget.widget_categories > ul li:first-child .btn_accor {
top: 0px;
}
.widget.widget_categories > ul li:last-child {
padding-bottom: 0px;
border-bottom: none;
}
.widget.widget_categories > ul li:hover > .accr_header > .btn_accor, .widget.widget_categories > ul li > .accr_header.open > .btn_accor, .widget.widget_categories > ul li:hover > .accr_header > a, .widget.widget_categories > ul li > .accr_header.open > a {
color: #333;
text-decoration: underline;
}
.widget.widget_categories > form {
padding-top: 5px;
}
.widget.widget_pages ul {
list-style: none;
}
.widget.widget_pages ul li {
position: relative;
padding: 8px 0 0 0;
margin: 0;
}
.widget.widget_pages ul li ul {
margin: 8px 0 0 10px;
}
.widget.widget_pages ul li:first-child {
padding-top: 0px;
}
.widget.widget_meta ul {
list-style: none;
}
.widget.widget_meta ul li {
position: relative;
padding: 8px 0 0 0;
margin: 0;
}
.widget.widget_meta ul li ul {
margin: 8px 0 0 10px;
}
.widget.widget_meta ul li:first-child {
padding-top: 0px;
}
.widget.widget_nav_menu ul {
list-style: none;
}
.widget.widget_nav_menu ul.menu > li:first-child {
padding-top: 0px;
}
.widget.widget_nav_menu ul li {
position: relative;
padding: 8px 0 0 0;
margin: 0;
}
.widget.widget_nav_menu ul li ul {
margin: 0 0;
}
.widget.widget_tag_cloud {
background: none !important;
}
.widget.widget_tag_cloud .tagcloud {
margin-bottom: -10px;
display: inline-block;
}
.widget.widget_tag_cloud .tagcloud > a {
color: #666;
border-radius: 5px;
background: #f5f5f5;
display: inline-block;
float: left;
font-size: 100% !important;
margin: 6px 10px 4px 0;
padding: 5px 15px;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
position: relative;
}
.widget.widget_tag_cloud .tagcloud > a:hover {
color: #333;
background-color: #234a80;
}
.widget.widget_tag_cloud .tagcloud > a.is_hidden {
opacity: 1;
}
.widget.widget_tag_cloud .tagcloud > a.is_visible {
opacity: 0;
}
.widget.widget_tag_cloud .tagcloud .view-more-tag {
display: inline-block;
position: relative;
width: 100%;
margin-top: 10px;
}
.widget.widget_tag_cloud .tagcloud .view-more-tag a {
text-decoration: underline;
}
.widget.widget_tag_cloud .tagcloud .view-more-tag a:hover {
text-decoration: underline;
}
.widget.widget_recent_comments ul li {
position: relative;
padding: 20px 0 0;
margin: 20px 0 0;
border-top: 1px solid #eaeaea;
color: #aaa;
}
.widget.widget_recent_comments ul li:first-child {
margin-top: 0px;
padding-top: 0px;
border-top: none;
}
.widget.widget_recent_comments ul li .comment-author-link {
color: #333;
}
.widget.widget_recent_comments ul li .comment-author-link a {
color: inherit;
}
.widget.widget_recent_comments ul li .comment-author-link a:hover {
color: #333;
text-decoration: none;
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
-o-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
}
.widget.widget_recent_comments ul li a {
padding: 0 0;
color: #333;
font-weight: bold;
}
.widget.widget_recent_comments ul li a:hover {
color: #333;
text-decoration: none;
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
-o-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
}
.widget.widget_top_rated_products li .amount {
display: none;
}
.widget.widget_search { }
.widget.widget_search .widget-title {
padding-bottom: 5px;
}
.widget.widget_search #searchform {
position: relative;
}
.widget.widget_search #searchform:before {
position: absolute;
content: "\f10f";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
font-size: 16px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
right: 15px;
top: calc(50% - 10px);
margin: 0 0;
color: #666;
}
.widget.widget_search #searchform label.screen-reader-text {
display: none;
}
.widget.widget_search #searchform input#s {
width: 100%;
height: 47px;
padding: 0 25px;
border: 1px solid #eaeaea;
border-radius: 5px;
padding-left: 20px;
box-shadow: unset;
}
.widget.widget_search #searchform input#s::-moz-placeholder {
color: #666;
opacity: 1;
}
.widget.widget_search #searchform input#s:-ms-input-placeholder {
color: #666;
}
.widget.widget_search #searchform input#s::-webkit-input-placeholder {
color: #666;
}
.widget.widget_search #searchform input#searchsubmit {
font-size: 0px;
padding: 0 0;
border: none;
height: 20px;
width: 20px;
position: absolute;
right: 15px;
top: calc(50% - 10px);
margin: 0 0;
background: transparent;
}
.widget.widget_search #searchform:hover:before {
color: #333;
}
.widget.widget_rss .rsswidget img {
margin-top: -2px;
}
.widget.widget_rss .rss-date, .widget.widget_rss cite {
color: #999;
display: block;
font-style: normal;
line-height: 1.61538;
margin-bottom: 0.53846em;
}
.widget.widget_rss .rssSummary:last-child {
margin-bottom: 2.15385em;
}
.widget.widget_rss li .rsswidget {
color: #333;
font-weight: bold;
}
.widget.widget_rss li:last-child :last-child {
margin-bottom: 0;
}
.widget.widget_rss > ul > li:first-child {
padding-top: 0px;
}
.widget.widget_rss > ul > li:last-child {
padding-bottom: 0px;
}
.widget.widget_calendar #calendar_wrap {
border: none;
}
.widget.widget_calendar #wp-calendar, .widget.widget_calendar table {
background: white;
border-color: #eaeaea;
border-width: 1px;
border-style: solid;
width: 100%;
margin-bottom: 20px;
margin-bottom: 30px;
}
.widget.widget_calendar #wp-calendar caption, .widget.widget_calendar table caption {
padding: 0 0 5px;
}
.widget.widget_calendar #wp-calendar td.label, .widget.widget_calendar table td.label {
display: table-cell;
}
.widget.widget_calendar #wp-calendar td.label label, .widget.widget_calendar table td.label label {
margin: 0 0;
}
.widget.widget_calendar #wp-calendar > thead > tr > th, .widget.widget_calendar table > thead > tr > th, .widget.widget_calendar #wp-calendar > tbody > tr > th, .widget.widget_calendar table > tbody > tr > th, .widget.widget_calendar #wp-calendar > tfoot > tr > th, .widget.widget_calendar table > tfoot > tr > th {
border-color: #eaeaea;
border-width: 1px 1px 0 0;
border-style: solid;
color: #666;
vertical-align: middle;
padding: 8px 0;
text-align: center;
}
.widget.widget_calendar #wp-calendar > thead > tr > th, .widget.widget_calendar table > thead > tr > th {
background: #f9f9f9;
}
.widget.widget_calendar #wp-calendar > thead > tr > td, .widget.widget_calendar table > thead > tr > td, .widget.widget_calendar #wp-calendar > tbody > tr > td, .widget.widget_calendar table > tbody > tr > td, .widget.widget_calendar #wp-calendar > tfoot > tr > td, .widget.widget_calendar table > tfoot > tr > td {
border-color: #eaeaea;
border-width: 1px 1px 0 0;
border-style: solid;
padding: 8px 0;
text-align: center;
}
.widget.widget_calendar #wp-calendar td a.color-myaccount, .widget.widget_calendar table td a.color-myaccount {
text-decoration: underline;
}
.widget.widget_calendar #wp-calendar td a.color-myaccount:hover, .widget.widget_calendar table td a.color-myaccount:hover {
text-decoration: none;
}
.widget.widget_calendar #wp-calendar td#today, .widget.widget_calendar table td#today {
color: #333;
}
.widget.widget_calendar #wp-calendar {
margin-bottom: 0px;
}
.widget.widget_calendar #wp-calendar tbody td a {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
padding: 0;
background: none;
color: #333;
cursor: pointer;
white-space: normal;
font-size: 100%;
border: none;
border-radius: 100%;
-webkit-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
vertical-align: top;
font-weight: normal;
text-decoration: underline;
}
.widget.widget_calendar #wp-calendar tbody td a:focus, .widget.widget_calendar #wp-calendar tbody td a:hover {
color: #333;
background: #fff;
}
.widget.widget_calendar #wp-calendar tfoot #prev, .widget.widget_calendar #wp-calendar tfoot #next {
text-align: center;
}
.widget.widget_calendar #wp-calendar tfoot #prev a, .widget.widget_calendar #wp-calendar tfoot #next a, .widget.widget_calendar #wp-calendar tfoot #prev a:focus, .widget.widget_calendar #wp-calendar tfoot #next a:focus {
font-size: 100%;
background: none;
border-color: #eaeaea;
color: inherit;
padding: 3px 15px;
box-shadow: none 3px 3px 3px #888;
}
.widget.widget_calendar #wp-calendar tfoot #prev a:hover, .widget.widget_calendar #wp-calendar tfoot #next a:hover {
color: #333;
background: #234a80;
border-color: #234a80;
}
.widget.widget_sp_image {
padding: 0;
border: none;
position: relative;
overflow: hidden;
}
.widget.widget_sp_image .widget-title {
display: none;
}
.widget.widget_sp_image a img {
margin: 0;
}
.widget.widget_sp_image a {
position: relative;
display: inline-block;
max-width: 100%;
overflow: hidden;
vertical-align: top;
-webkit-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
}
.widget.widget_sp_image a:before {
content: " ";
top: 0;
left: 0;
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
display: block;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.2);
-webkit-transition: 0.25s ease-out;
-o-transition: 0.25s ease-out;
transition: 0.25s ease-out;
}
.widget.widget_sp_image a:hover:before {
opacity: 1;
visibility: visible;
}
ul.side-navigation {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 0px;
padding: 25px 20px;
}
ul.side-navigation li {
padding: 8px 0;
}
ul.side-navigation li:first-child {
padding-top: 0px;
border-top: none;
}
ul.side-navigation li:last-child {
padding-bottom: 0px;
}
ul.side-navigation li.current_page_item a {
color: #234a80;
}
ul.side-navigation li a {
position: relative;
padding: 0 0 0 20px;
color: inherit;
}
ul.side-navigation li a:hover {
color: #234a80;
}
ul.side-navigation li a:before {
position: absolute;
content: "\f121";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 12px;
height: 12px;
text-align: center;
line-height: 12px;
left: 0px;
top: 50%;
line-height: 1;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
margin-top: -2px;
}
ul.side-navigation li ul {
border-top: 1px solid #eaeaea;
margin-top: 8px;
padding: 8px 0 0 15px;
}
.widget-posts {
margin: 0;
padding: 0;
list-style: none;
}
.widget-posts .post-item {
margin-bottom: 30px;
*zoom: 1;
}
.widget-posts .post-item:before, .widget-posts .post-item:after {
content: " ";
display: table;
}
.widget-posts .post-item:after {
clear: both;
}
.widget-posts .post-item:last-child {
margin-bottom: 0;
}
.widget-posts .post-item:last-child .post-img {
margin-bottom: 0;
}
.widget-posts .post-item .post-img a {
display: block;
position: relative;
float: left;
max-width: 70px;
margin-right: 15px;
padding: 0 0;
}
.widget-posts .post-item .post-img a:before {
content: "";
position: absolute;
background: rgba(0, 0, 0, 0.2);
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
-webkit-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
transition: 0.2s ease-out;
-webkit-transform : scale(0.6);
-moz-transform : scale(0.6);
-ms-transform : scale(0.6);
-o-transform : scale(0.6);
transform : scale(0.6);
}
.widget-posts .post-item .post-title {
margin: -6px 0 5px;
}
.widget-posts .post-item .post-title a {
padding: 0 0;
max-height: 48px;
display: block;
overflow: hidden;
}
.widget-posts .post-item .post-title a:hover {
color: #234a80;
}
.widget-posts .post-item .post-date {
color: #ccc;
}
.widget-posts .post-item:hover .post-img a:before {
opacity: 1;
-webkit-transform : scale(1);
-moz-transform : scale(1);
-ms-transform : scale(1);
-o-transform : scale(1);
transform : scale(1);
}
.vc_wp_custommenu.inline-menu .widget.widget_nav_menu {
margin-bottom: 10px;
}
.vc_wp_custommenu.inline-menu .widget.widget_nav_menu .menu > li {
display: inline-block;
float: left;
position: relative;
padding: 0 12.5px;
}
.vc_wp_custommenu.inline-menu .widget.widget_nav_menu .menu > li a {
color: #333;
}
.vc_wp_custommenu.inline-menu .widget.widget_nav_menu .menu > li a:before {
display: none;
}
.vc_wp_custommenu.inline-menu .widget.widget_nav_menu .menu > li a:hover {
color: #234a80;
padding: 0 0;
}
.vc_wp_custommenu.inline-menu .widget.widget_nav_menu .menu > li:first-child {
padding-left: 0;
}
.vc_wp_custommenu.inline-menu .widget.widget_nav_menu .menu > li:first-child:before {
display: none;
}
.vc_wp_custommenu.inline-menu .widget.widget_nav_menu .menu > li ul.sub-menu {
display: none;
}
#sns_slideshow .hephaistos.tparrows.tp-rightarrow::before {
content: "\e825";
}
#sns_slideshow .hephaistos.tparrows.tp-leftarrow::before {
content: "\e824";
}
#sns_slideshow .rev-btn {
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
#sns_slideshow .sns-vertical-menu {
width: calc(25% - 15px);
padding-left: 15px;
float: left;
}
#sns_slideshow .sns-slide-show {
width: calc(75% + 15px);
padding-right: 15px;
float: left;
}
@media (max-width: 1200px) {
#sns_slideshow .sns-slide-show {
width: 100%;
padding: 0 15px;
}
}
@media (max-width: 767px) {
#sns_slideshow .tparrows {
display: none !important;
}
}
#sns_slideshow rs-module, #sns_slideshow rs-module rs-slides, #sns_slideshow rs-module rs-slides rs-slide {
overflow: visible !important;
}
@media (max-width: 767px) {
#sns_slideshow #valen_hsl1_wrapper #valen_hsl1 .tp-tabs.zeus {
display: none;
}
}
#sns_slideshow #valen_hsl1_wrapper #valen_hsl1 .tp-tabs.zeus .tp-tab .tp-tab-title {
text-align: left !important;
position: relative;
}
@media (max-width: 992px) {
#sns_slideshow #valen_hsl1_wrapper #valen_hsl1 .tp-tabs.zeus .tp-tab .tp-tab-title {
font-size: 14px;
}
}
#sns_slideshow #valen_hsl1_wrapper #valen_hsl1 .tp-tabs.zeus .tp-tab .tp-tab-title:after {
position: absolute;
content: "";
height: 4px;
width: 0px;
background: #234a80;
top: 6px;
right: 0px;
-webkit-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
}
#sns_slideshow #valen_hsl1_wrapper #valen_hsl1 .tp-tabs.zeus .tp-tab.selected .tp-tab-title:after {
width: calc(100% - 30px);
}
@media (max-width: 992px) {
#sns_slideshow #valen_hsl1_wrapper #valen_hsl1 .tp-tabs.zeus .tp-tab.selected .tp-tab-title:after {
width: calc(100% - 25px);
}
}
@media (max-width: 767px) {
#sns_slideshow #valen_hsl4_wrapper #valen_hsl4 .tp-tabs.zeus {
display: none;
}
}
#sns_slideshow #valen_hsl4_wrapper #valen_hsl4 .tp-tabs.zeus .tp-tab .tp-tab-title {
text-align: left !important;
position: relative;
}
@media (max-width: 992px) {
#sns_slideshow #valen_hsl4_wrapper #valen_hsl4 .tp-tabs.zeus .tp-tab .tp-tab-title {
font-size: 14px;
}
}
#sns_slideshow #valen_hsl4_wrapper #valen_hsl4 .tp-tabs.zeus .tp-tab .tp-tab-title:after {
position: absolute;
content: "";
height: 4px;
width: 0px;
background: #234a80;
top: 6px;
right: 0px;
-webkit-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
}
#sns_slideshow #valen_hsl4_wrapper #valen_hsl4 .tp-tabs.zeus .tp-tab.selected .tp-tab-title:after {
width: calc(100% - 30px);
}
@media (max-width: 992px) {
#sns_slideshow #valen_hsl4_wrapper #valen_hsl4 .tp-tabs.zeus .tp-tab.selected .tp-tab-title:after {
width: calc(100% - 25px);
}
}
@media (max-width: 767px) {
#sns_slideshow #valen_hsl3_wrapper #valen_hsl3 .tp-tabs.zeus {
display: none;
}
}
#sns_slideshow #valen_hsl3_wrapper #valen_hsl3 .tp-tabs.zeus .tp-tab .tp-tab-title {
text-align: left !important;
position: relative;
}
@media (max-width: 992px) {
#sns_slideshow #valen_hsl3_wrapper #valen_hsl3 .tp-tabs.zeus .tp-tab .tp-tab-title {
font-size: 14px;
}
}
#sns_slideshow #valen_hsl3_wrapper #valen_hsl3 .tp-tabs.zeus .tp-tab .tp-tab-title:after {
position: absolute;
content: "";
height: 4px;
width: 0px;
background: #234a80;
top: 6px;
right: 0px;
-webkit-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
}
#sns_slideshow #valen_hsl3_wrapper #valen_hsl3 .tp-tabs.zeus .tp-tab.selected .tp-tab-title:after {
width: calc(100% - 30px);
}
@media (max-width: 992px) {
#sns_slideshow #valen_hsl3_wrapper #valen_hsl3 .tp-tabs.zeus .tp-tab.selected .tp-tab-title:after {
width: calc(100% - 25px);
}
}
@media (max-width: 767px) {
#sns_slideshow #valen_hsl2_wrapper #valen_hsl2 .tp-tabs.zeus {
display: none;
}
}
#sns_slideshow #valen_hsl2_wrapper #valen_hsl2 .tp-tabs.zeus .tp-tab .tp-tab-title {
text-align: left !important;
position: relative;
}
@media (max-width: 992px) {
#sns_slideshow #valen_hsl2_wrapper #valen_hsl2 .tp-tabs.zeus .tp-tab .tp-tab-title {
font-size: 14px;
}
}
#sns_slideshow #valen_hsl2_wrapper #valen_hsl2 .tp-tabs.zeus .tp-tab .tp-tab-title:after {
position: absolute;
content: "";
height: 4px;
width: 0px;
background: #234a80;
top: 6px;
right: 0px;
-webkit-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
}
#sns_slideshow #valen_hsl2_wrapper #valen_hsl2 .tp-tabs.zeus .tp-tab.selected .tp-tab-title:after {
width: calc(100% - 30px);
}
@media (max-width: 992px) {
#sns_slideshow #valen_hsl2_wrapper #valen_hsl2 .tp-tabs.zeus .tp-tab.selected .tp-tab-title:after {
width: calc(100% - 25px);
}
}
#sns_slideshow #valen_hsl2_wrapper #valen_hsl2 .tp-revslider-mainul, #sns_slideshow #valen_hsl2_wrapper #valen_hsl2 .tp-revslider-slidesli {
overflow: visible !important;
}
@media (min-width: 1200px) {
.rev_slider .sns-shape-btn {
position: relative;
}
.rev_slider .sns-shape-btn:before {
height: 3px;
width: 11px;
content: "";
background: #fff;
position: absolute;
left: 6.5px;
top: 11px;
}
.rev_slider .sns-shape-btn:after {
height: 11px;
width: 3px;
content: "";
background: #fff;
position: absolute;
left: 11px;
top: 6.5px;
opacity: 1;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.rev_slider .sns-shape-btn:hover:after {
opacity: 0;
}
}
.page-header {
margin: 0 0 10px;
padding: 0 0;
border: none;
font-size: 3em;
font-weight: bold;
color: #333;
position: relative;
}
@media (max-width: 1199px) {
.page-header {
font-size: 2.2857em;
}
}
@media (max-width: 767px) {
.page-header {
font-size: 1.7142em;
}
}
.archive-header {
display: none;
}
.breadcrumbs {
color: #666;
}
.breadcrumbs > * {
display: inline-block;
color: inherit;
}
.breadcrumbs > *.bread-current, .breadcrumbs > *.item-current {
color: #333;
}
.breadcrumbs > *:hover {
color: #333;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.breadcrumbs .navigation-pipe {
margin: 0px 10px;
color: #ccc;
font-size: 1.1428em;
}
#sns_breadcrumbs.wrap {
text-align: center;
background-color: #f2f2f2;
padding: 90px 0 90px;
margin: 0 0 90px;
background-position: center top;
background-repeat: no-repeat;
}
@media (max-width: 767px) {
#sns_breadcrumbs.wrap {
background-image: none !important;
}
}
#sns_content {
position: relative;
overflow: hidden;
margin: 0 0;
}
body.error404 #sns_content {
margin-top: 0;
}
body.no-breadcrumb #sns_content {
margin-top: 80px;
}
#sns_content .sns-right, #sns_content .sns-left {
margin-bottom: 120px;
}
#sns_content .sns-right-sidebar, #sns_content .sns-left-sidebar {
margin-bottom: 120px;
}
#sns_content .sns-right-sidebar > .vc_column-inner > .wpb_wrapper > *, #sns_content .sns-left-sidebar > .vc_column-inner > .wpb_wrapper > * {
margin-bottom: 60px;
}
#sns_content .sns-right-sidebar > .vc_column-inner > .wpb_wrapper > *:last-child, #sns_content .sns-left-sidebar > .vc_column-inner > .wpb_wrapper > *:last-child {
margin-bottom: 0px;
}
#sns_content .sns-right-sidebar > .vc_column-inner > .wpb_wrapper > * ul.vertical-style, #sns_content .sns-left-sidebar > .vc_column-inner > .wpb_wrapper > * ul.vertical-style {
border-top: 1px solid #ccc;
}
@media (min-width: 1199px) {
body.layout-type-m-r #sns_content .sns-main > article.type-post, body.layout-type-m-r #sns_content .sns-main .sns-blog-posts {
padding-right: 30px;
}
body.layout-type-l-m #sns_content .sns-main > article.type-post, body.layout-type-l-m #sns_content .sns-main .sns-blog-posts {
padding-left: 30px;
}
body.layout-type-l-m-r #sns_content .sns-main > article.type-post, body.layout-type-l-m-r #sns_content .sns-main .sns-blog-posts {
padding-left: 15px;
padding-right: 15px;
}
}
#sns_content .sns-main > section.type-page > *:not(.vc_row):last-child {
margin-bottom: 100px;
}
.sticky-product-filter .inner {
position: fixed;
top: 0;
left: -310px;
width: 310px;
height: 100%;
bottom: 0;
overflow: auto;
background: #fff;
z-index: 1000;
overflow: auto;
height: 100%;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
padding: 50px 30px 0;
}
.sticky-product-filter .overlay {
content: "";
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
background: rgba(0, 0, 0, 0.5);
-webkit-transition: none;
-o-transition: none;
transition: none;
cursor: e-resize;
cursor: url(//powerbearings.co/wp-content/themes/valen/assets/img/close-white.png), auto;
}
.sticky-product-filter.active .inner {
left: 0;
opacity: 1;
}
#sns_footer .wpb_content_element {
margin-bottom: 0px;
}
#sns_footer .wpb_heading, #sns_footer .widgettitle {
text-transform: none;
font-size: 1.1428em;
text-transform: uppercase;
margin: 0 0 20px;
}
#sns_footer .widget {
border: none;
padding: 0 0;
margin: 0px;
}
#sns_footer .widget.widget_nav_menu .menu li {
padding: 5px 0 6px;
}
#sns_footer .widget.widget_nav_menu .menu li:first-child {
padding-top: 0px;
}
#sns_footer .widget.widget_nav_menu .menu li a {
position: relative;
display: block;
padding: 0 0;
}
#sns_footer .widget.widget_nav_menu .menu li a:before {
content: "\f12d";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
font-size: 14px;
opacity: 0;
left: -15px;
top: 50%;
margin-top: -8px;
position: absolute;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
#sns_footer .widget.widget_nav_menu .menu li a:hover {
padding-left: 20px;
text-decoration: none;
}
#sns_footer .widget.widget_nav_menu .menu li a:hover:before {
opacity: 1;
left: 0px;
}
#sns_footer .inline-menu .widget.widget_nav_menu {
margin-bottom: 10px;
}
#sns_footer .inline-menu .widget.widget_nav_menu .menu > li {
display: inline-block;
float: left;
position: relative;
padding: 0 12.5px;
}
#sns_footer .inline-menu .widget.widget_nav_menu .menu > li a {
text-transform: uppercase;
}
#sns_footer .inline-menu .widget.widget_nav_menu .menu > li a:before {
display: none;
}
#sns_footer .inline-menu .widget.widget_nav_menu .menu > li a:hover {
padding: 0 0;
text-decoration: underline;
}
#sns_footer .inline-menu .widget.widget_nav_menu .menu > li:first-child {
padding-left: 0;
}
#sns_footer .inline-menu .widget.widget_nav_menu .menu > li:first-child:before {
display: none;
}
#sns_footer .inline-menu .widget.widget_nav_menu .menu > li ul.sub-menu {
display: none;
}
#sns_footer .copyright a {
color: #666;
}
#sns_footer .copyright a:hover {
color: #234a80;
}
#sns_footer .copyright.default {
padding: 40px 0;
position: relative;
text-align: center;
}
#sns_footer.footer-1 {
background: #111;
color: #aaa;
}
#sns_footer.footer-1 .wpb_heading, #sns_footer.footer-1 .widgettitle {
color: #fff;
}
#sns_footer.footer-1 a {
color: inherit;
}
#sns_footer.footer-1 a:hover {
color: #fff;
}
#sns_footer.footer-1 .sns-store-info .store-info {
margin-top: -5px;
}
#sns_footer.footer-2 {
background: #f5f5f5;
color: #888;
}
#sns_footer.footer-2 a {
color: inherit;
}
#sns_footer.footer-2 a:hover {
color: #333;
}
#sns_footer.footer-2 .sns-social-links.style-3 a {
margin: 0 40px 10px 0;
}
#sns_footer.footer-2 .sns-social-links.style-3 a i {
font-size: 30px;
}
#sns_footer.footer-2 .sns-social-links.style-3 a:hover {
text-decoration: none;
}
#sns_footer.footer-3 {
background: #111;
color: #aaa;
}
#sns_footer.footer-3 .wpb_heading, #sns_footer.footer-3 .widgettitle {
color: #fff;
}
#sns_footer.footer-3 a {
color: inherit;
}
#sns_footer.footer-3 a:hover {
color: #fff;
}
#sns_footer.footer-3 .sns-social-links.style-3 a {
margin: 0 40px 10px 0;
}
#sns_footer.footer-3 .sns-social-links.style-3 a i {
font-size: 30px;
}
#sns_footer.footer-3 .sns-social-links.style-3 a:hover {
text-decoration: none;
}
#sns_footer.footer-3 .newsletter-form-1 {
font-size: inherit;
}
#sns_footer.footer-3 .newsletter-form-1 form .input-wrap {
position: relative;
}
#sns_footer.footer-3 .newsletter-form-1 form .input-wrap input[type="email"] {
border-color: rgba(255, 255, 255, 0.1);
}
#sns_footer.footer-3 .newsletter-form-1 form .input-wrap input[type="email"]::-moz-placeholder {
color: #aaa;
opacity: 1;
}
#sns_footer.footer-3 .newsletter-form-1 form .input-wrap input[type="email"]:-ms-input-placeholder {
color: #aaa;
}
#sns_footer.footer-3 .newsletter-form-1 form .input-wrap input[type="email"]::-webkit-input-placeholder {
color: #aaa;
}
#sns_footer.footer-3 .newsletter-form-1 form .input-wrap:before {
color: #aaa;
}
#sns_footer.footer-3 .newsletter-form-1 form .input-wrap:hover:before {
color: #fff;
}
#sns_footer.footer-4 {
background: #111;
color: #aaa;
}
#sns_footer.footer-4 .wpb_heading, #sns_footer.footer-4 .widgettitle {
color: #fff;
}
#sns_footer.footer-4 a {
color: inherit;
}
#sns_footer.footer-4 a:hover {
color: #fff;
}
#sns_footer.footer-4 .sns-social-links.style-3 a {
margin: 0 40px 0 0;
}
#sns_footer.footer-4 .sns-social-links.style-3 a i {
font-size: 30px;
}
#sns_footer.footer-4 .sns-social-links.style-3 a:hover {
text-decoration: none;
}
#sns_footer.footer-4 .newsletter-form-1 {
font-size: inherit;
max-width: 330px;
margin: 0 auto;
}
#sns_footer.footer-4 .newsletter-form-1 form .input-wrap {
position: relative;
}
#sns_footer.footer-4 .newsletter-form-1 form .input-wrap input[type="email"] {
background: #fff;
border: none;
padding: 0 15px;
height: 45px;
line-height: 45px;
}
#sns_footer.footer-4 .newsletter-form-1 form .input-wrap input[type="email"]::-moz-placeholder {
color: #666;
opacity: 1;
}
#sns_footer.footer-4 .newsletter-form-1 form .input-wrap input[type="email"]:-ms-input-placeholder {
color: #666;
}
#sns_footer.footer-4 .newsletter-form-1 form .input-wrap input[type="email"]::-webkit-input-placeholder {
color: #666;
}
#sns_footer.footer-4 .newsletter-form-1 form .input-wrap:before {
color: #666;
right: 15px;
top: 12.5px;
}
#sns_footer.footer-4 .newsletter-form-1 form .input-wrap:hover:before {
color: #333;
}
#sns_footer.blank {
height: 75px;
}
#sns_footer.blank .copyright {
border: none;
}
#sns_content.is-notfound {
position: relative;
margin: 0 !important;
}
@media (min-width: 767px) {
#sns_content.is-notfound {
height: 100vh;
}
}
#sns_content.is-notfound .copyright {
border-top: none;
}
.sns-notfound-page {
padding-bottom: 25px;
}
.sns-notfound-page .sns-notfound-content {
text-align: center;
margin: 0;
}
.sns-notfound-page .sns-notfound-content > img {
max-width: 90%;
}
.sns-notfound-page .sns-notfound-content h1 {
display: block;
font-size: 2em;
position: relative;
padding: 0 0;
margin: 100px 0 10px;
}
.sns-notfound-page .sns-notfound-content p {
margin: 0 0 15px;
}
.sns-notfound-page .sns-notfound-content div.home-back {
margin: 50px 0 0;
}
.sns-notfound-page .sns-notfound-content div.home-back a {
padding: 0 25px;
}
.sns-notfound-page #searchform {
position: relative;
padding: 0;
border-radius: 5px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
width: 400px;
margin: 50px auto 0;
}
.sns-notfound-page #searchform:before {
position: absolute;
content: "\f002";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 24px;
height: 24px;
text-align: center;
line-height: 24px;
font-size: 16px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
right: 14px;
top: 11px;
margin: 0 0;
}
.sns-notfound-page #searchform label.screen-reader-text {
display: none;
}
.sns-notfound-page #searchform input#s {
width: 100%;
box-shadow: none;
height: 48px;
line-height: 48px;
border-radius: 5px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
padding: 10px 20px;
}
.sns-notfound-page #searchform input#s:hover, .sns-notfound-page #searchform input#s:focus, .sns-notfound-page #searchform input#s:visited {
border-color: #ccc;
}
.sns-notfound-page #searchform input#searchsubmit {
position: absolute;
width: 16px;
height: 16px;
top: 50%;
right: 16px;
padding: 0 0;
margin: -5px 0 0;
border: none;
text-indent: -99em;
overflow: hidden;
border-radius: 0px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
color: #666;
background: transparent;
}
@media (min-width: 767px) {
.sns-notfound-page {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
}
}
@media (max-width: 767px) {
.sns-notfound-page {
padding-top: 80px;
}
.sns-notfound-page .sns-notfound-content h1 {
margin-top: 60px;
font-size: 1.7142em;
}
.sns-notfound-page .sns-notfound-content div.home-back {
margin: 40px 0;
}
}
#sns_menu .sns-mainnav-wrapper #sns_mainnav {
position: relative;
width: 100%;
text-align: center;
}
.sns_menu_wrapper {
position: relative;
background-position: center top;
width: 100%;
transition: none;
-webkit-transition: none;
}
.sns_menu_wrapper .contain {
position: relative;
}
.sns_menu_wrapper:hover {
z-index: 2;
}
.sns_menu_wrapper body.show-sidebar, body.show-video .sns_menu_wrapper {
z-index: 4;
}
.sns_menu_wrapper .icon-search {
display: inline-block;
text-align: center;
}
.sns_menu_wrapper .sns-mainnav-wrapper {
float: left;
}
@media (max-width: 1200px) {
.sns_menu_wrapper .nav-right {
margin-right: 15px;
float: right;
width: 130px;
padding: 0;
}
.sns_menu_wrapper .icon-menu {
display: none;
}
.sns_menu_wrapper #sns_respmenu {
margin-top: 31px;
margin-bottom: 30px;
margin-right: 0px;
display: block;
}
}
@media (max-width: 767px) {
.sns_menu_wrapper #sns_respmenu {
margin-top: 10px;
margin-bottom: 10px;
margin-right: 0px;
display: block;
}
}
#sns_header {
position: relative;
}
#sns_header .settings {
float: left;
}
#sns_header .settings .currency, #sns_header .settings .language {
position: relative;
float: left;
margin: 0 10px;
}
#sns_header .settings .currency .tongle, #sns_header .settings .language .tongle {
padding: 8px 15px 8px 0;
position: relative;
display: inline-block;
cursor: pointer;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
color: inherit;
}
#sns_header .settings .currency .tongle:after, #sns_header .settings .language .tongle:after {
content: "\f107";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 15px;
height: 15px;
text-align: center;
line-height: 15px;
font-size: 16px;
position: absolute;
top: 50%;
margin-top: -7px;
text-align: right;
}
#sns_header .settings .currency ul, #sns_header .settings .language ul {
margin: 0;
padding: 0;
list-style: none;
width: 120px;
position: absolute;
top: 60px;
left: 0px;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
border: 1px solid #ccc;
z-index: 2;
background: #fff;
}
#sns_header .settings .currency ul li, #sns_header .settings .language ul li {
display: block;
border-top: 1px solid #ccc;
line-height: normal;
}
#sns_header .settings .currency ul li a, #sns_header .settings .language ul li a {
display: block;
padding: 3px 15px;
color: #666;
}
#sns_header .settings .currency ul li a:hover, #sns_header .settings .language ul li a:hover {
color: #333;
}
#sns_header .settings .currency ul li:first-child, #sns_header .settings .language ul li:first-child {
border: none;
}
#sns_header .settings .currency:hover ul, #sns_header .settings .language:hover ul {
top: 100%;
opacity: 1;
visibility: visible;
-webkit-transition: all 0.15s ease-out 0s;
-o-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s;
}
#sns_header .settings .currency:first-child .tongle, #sns_header .settings .language:first-child .tongle {
border: none;
}
#sns_header .settings .language .tongle {
background: url(//powerbearings.co/wp-content/themes/valen/assets/img/en.png) no-repeat left center;
padding-left: 25px;
}
#sns_header .settings .language ul li a.en {
background: url(//powerbearings.co/wp-content/themes/valen/assets/img/en.png) no-repeat 10px center;
padding-left: 40px;
}
#sns_header .settings .language ul li a.fr {
background: url(//powerbearings.co/wp-content/themes/valen/assets/img/fr.png) no-repeat 10px center;
padding-left: 40px;
}
#sns_header .settings .language ul li a.it {
background: url(//powerbearings.co/wp-content/themes/valen/assets/img/it.png) no-repeat 10px center;
padding-left: 40px;
}
#sns_header .top-header .inline-inner-block > .vc_column-inner > .wpb_wrapper > * {
padding: 8px 15px;
}
#sns_header .top-header .inline-inner-block > .vc_column-inner > .wpb_wrapper > *:first-child {
border-left: none;
padding-left: 0px;
}
#sns_header .top-header .inline-inner-block > .vc_column-inner > .wpb_wrapper > *:last-child {
padding-right: 0px;
}
#sns_header .top-header .inline-inner-block > .vc_column-inner > .wpb_wrapper > *.sns-login-register {
position: relative;
padding-left: 22px;
margin-left: 15px;
}
#sns_header .top-header .inline-inner-block > .vc_column-inner > .wpb_wrapper > *.sns-login-register:before {
content: "\f10d";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: '14px';
height: '14px';
text-align: center;
line-height: '14px';
color: inherit;
position: absolute;
left: 0px;
top: calc(50% - 7px);
}
#sns_header .top-header .inline-inner-block > .vc_column-inner > .wpb_wrapper .wpb_raw_html {
margin: 0 0;
padding: 0 0;
}
#sns_header .top-header .settings .currency, #sns_header .top-header .settings .language {
margin: 0 15px;
}
#sns_header .top-header .settings .currency:hover .tongle, #sns_header .top-header .settings .language:hover .tongle {
color: #fff;
}
@media (max-width: 1199px) {
#sns_header .top-header .sns-inline-menu {
position: relative;
height: 22px;
width: 14px;
}
#sns_header .top-header .sns-inline-menu:before {
position: absolute;
content: "\f039";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
cursor: pointer;
text-align: right;
line-height: 22px;
}
#sns_header .top-header .sns-inline-menu > ul {
opacity: 0;
visibility: hidden;
position: absolute;
right: 0px;
top: 100%;
width: 220px;
border: 1px solid #eaeaea;
background: #fff;
z-index: 99;
}
#sns_header .top-header .sns-inline-menu > ul li {
padding: 8px 15px;
display: block;
float: none;
margin: 0 0;
border-top: 1px solid #eaeaea;
}
#sns_header .top-header .sns-inline-menu > ul li:first-child {
border-top: none;
}
#sns_header .top-header .sns-inline-menu > ul li:before {
display: none;
}
#sns_header .top-header .sns-inline-menu:hover:before {
color: #234a80;
}
#sns_header .top-header .sns-inline-menu:hover > ul {
opacity: 1;
visibility: visible;
}
}
#sns_header .main-header > .inner {
position: relative;
}
#sns_header .main-header.keep-menu {
z-index: 3;
position: fixed;
top: 0px;
background: #fff;
}
#sns_header .main-header.keep-menu .row {
border-bottom: 1px solid #eaeaea;
}
body.boxed-layout #sns_header .main-header.keep-menu {
width: auto;
}
body.admin-bar #sns_header .main-header.keep-menu {
top: 32px;
}
@media (max-width: 992px) {
body.admin-bar #sns_header .main-header.keep-menu {
top: 46px;
}
}
@media (max-width: 480px) {
body.admin-bar #sns_header .main-header.keep-menu {
top: 0px;
}
}
@media (max-width: 480px) {
body.admin-bar #sns_header .main-header.keep-menu + .search-box {
top: 0px;
}
}
#sns_header .main-header .row {
margin-left: 0px;
margin-right: 0px;
}
body.no-breadcrumb:not(.use-slideshow) #sns_header .main-header .row {
border-bottom: 1px solid #eaeaea;
}
@media (min-width: 480px) {
#sns_header .main-header .row > div.header-logo, #sns_header .main-header .row > div.header-right {
padding-left: 0px;
padding-right: 0px;
}
}
#sns_header .search-box {
position: fixed;
height: 135px;
width: 100%;
top: 0px;
z-index: 9;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
}
@media (max-width: 992px) {
#sns_header .search-box {
height: 120px;
}
}
body.admin-bar #sns_header .search-box {
top: 32px;
}
@media (max-width: 992px) {
body.admin-bar #sns_header .search-box {
top: 46px;
}
}
#sns_header .search-box .inner {
height: 100%;
position: relative;
}
#sns_header .search-box .inner .sns-searchwrap .sbtn-close {
right: 15px;
}
@media (max-width: 767px) {
#sns_header .search-box .inner .sns-searchwrap .sbtn-close {
right: 22.5px;
}
}
#sns_header .search-box.active {
visibility: visible;
opacity: 1;
}
#sns_header .header-logo {
padding-top: 29px;
padding-bottom: 29px;
}
#sns_header .header-logo a {
display: inline-block;
}
@media (max-width: 480px) {
#sns_header .header-logo {
text-align: center;
padding-bottom: 18px;
}
}
#sns_header .header-right {
padding-top: 47px;
padding-bottom: 45px;
}
@media (max-width: 480px) {
#sns_header .header-right {
text-align: center;
padding-top: 10px;
padding-bottom: 20px;
}
}
#sns_header .header-right .inner {
float: right;
}
@media (max-width: 480px) {
#sns_header .header-right .inner {
float: none;
display: inline-block;
text-align: left;
}
}
#sns_header .header-right .inner > div:first-child {
margin-left: 0px;
}
#sns_header .header-right .mini-main-cat {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
height: 20px;
width: 20px;
margin-left: 30px;
position: relative;
float: left;
display: none;
cursor: pointer;
}
#sns_header .header-right .mini-main-cat:before {
content: "\f146";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
font-size: 20px;
color: #000;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
}
@media (max-width: 1850px) {
#sns_header .header-right .mini-main-cat {
margin-left: 25px;
}
}
@media (max-width: 1199px) {
#sns_header .header-right .mini-main-cat {
display: block;
}
}
#sns_header .header-right .mini-main-cat .overlay {
content: "";
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
background: rgba(0, 0, 0, 0.5);
-webkit-transition: none;
-o-transition: none;
transition: none;
cursor: e-resize;
cursor: url(//powerbearings.co/wp-content/themes/valen/assets/img/close-white.png), auto;
}
#sns_header .header-right .btn-navbar {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
margin: 0 0 0 30px;
padding: 0;
border: 0;
cursor: pointer;
position: relative;
color: #333;
display: none;
float: left;
}
@media (max-width: 1850px) {
#sns_header .header-right .btn-navbar {
margin-left: 25px;
}
}
#sns_header .header-right .btn-navbar:hover {
color: #234a80;
}
#sns_header .header-right .btn-navbar.leftsidebar, #sns_header .header-right .btn-navbar.rightsidebar {
height: 20px;
width: 20px;
}
#sns_header .header-right .btn-navbar.leftsidebar:before, #sns_header .header-right .btn-navbar.rightsidebar:before {
content: "\f11c";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
font-size: 20px;
color: #000;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
}
@media (max-width: 767px) {
#sns_header .header-right .btn-navbar.leftsidebar:before, #sns_header .header-right .btn-navbar.rightsidebar:before {
font-size: 18px;
}
}
#sns_header .header-right .btn-navbar.rightsidebar:before {
transform: rotate(180deg);
}
#sns_header .header-right .btn-navbar .overlay {
content: "";
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
background: rgba(0, 0, 0, 0.5);
-webkit-transition: none;
-o-transition: none;
transition: none;
cursor: e-resize;
cursor: url(//powerbearings.co/wp-content/themes/valen/assets/img/close-white.png), auto;
}
@media (max-width: 992px) {
body.have-inner-right #sns_header .header-right .rightsidebar, body.layout-type-l-m-r #sns_header .header-right .rightsidebar, body.layout-type-m-r #sns_header .header-right .rightsidebar {
display: inline-block;
}
body.have-inner-left #sns_header .header-right .leftsidebar, body.layout-type-l-m-r #sns_header .header-right .leftsidebar, body.layout-type-l-m #sns_header .header-right .leftsidebar {
display: inline-block;
}
}
#sns_header .menu-sidebar, #sns_header .mini-search, #sns_header .mini-wishlist, #sns_header .mini-cart {
position: relative;
float: left;
margin: 0 0 0 30px;
width: 20px;
height: 20px;
}
#sns_header .menu-sidebar .tongle, #sns_header .mini-search .tongle, #sns_header .mini-wishlist .tongle, #sns_header .mini-cart .tongle {
padding: 0;
display: inline-block;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
cursor: pointer;
position: relative;
width: 100%;
height: 100%;
}
#sns_header .menu-sidebar .tongle:before, #sns_header .mini-search .tongle:before, #sns_header .mini-wishlist .tongle:before, #sns_header .mini-cart .tongle:before {
color: #000;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
font-size: 20px;
}
@media (max-width: 767px) {
#sns_header .menu-sidebar .tongle:before, #sns_header .mini-search .tongle:before, #sns_header .mini-wishlist .tongle:before, #sns_header .mini-cart .tongle:before {
font-size: 18px;
}
}
#sns_header .menu-sidebar .content, #sns_header .mini-search .content, #sns_header .mini-wishlist .content, #sns_header .mini-cart .content {
visibility: hidden;
opacity: 0;
position: absolute;
top: 90px;
right: -10px;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
border: 1px solid #eaeaea;
z-index: 1;
width: 180px;
}
#sns_header .menu-sidebar.active .tongle .number, #sns_header .mini-search.active .tongle .number, #sns_header .mini-wishlist.active .tongle .number, #sns_header .mini-cart.active .tongle .number, #sns_header .menu-sidebar:hover .tongle .number, #sns_header .mini-search:hover .tongle .number, #sns_header .mini-wishlist:hover .tongle .number, #sns_header .mini-cart:hover .tongle .number {
background-color: #333;
color: #fff;
}
#sns_header .menu-sidebar.active .content, #sns_header .mini-search.active .content, #sns_header .mini-wishlist.active .content, #sns_header .mini-cart.active .content, #sns_header .menu-sidebar:hover .content, #sns_header .mini-search:hover .content, #sns_header .mini-wishlist:hover .content, #sns_header .mini-cart:hover .content {
visibility: visible;
opacity: 1;
top: 40px;
z-index: 99;
-webkit-transition: all 0.15s ease-out 0s;
-o-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s;
}
#sns_header .mini-search .tongle:before {
content: "\f10f";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
}
#sns_header .mini-wishlist .tongle:before {
content: "\f110";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
}
#sns_header .mini-wishlist .tongle .number {
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
width: 18px;
height: 18px;
border-radius: 100%;
text-align: center;
display: block;
background: #234a80;
color: #333;
position: absolute;
top: -6px;
right: -6px;
font-size: 12px;
}
@media (max-width: 480px) {
#sns_header .mini-cart {
position: static;
}
}
#sns_header .mini-cart .tongle:before {
content: "\f112";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
}
#sns_header .mini-cart .tongle:after {
position: absolute;
content: "";
width: 20px;
height: 25px;
left: 0px;
top: 100%;
}
#sns_header .mini-cart .tongle .number {
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
width: 18px;
height: 18px;
border-radius: 100%;
text-align: center;
display: block;
background: #234a80;
color: #333;
position: absolute;
top: -6px;
right: -8px;
font-size: 12px;
}
#sns_header .mini-cart .tongle .cart-label {
display: none;
}
#sns_header .mini-cart .content {
width: 340px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
border-radius: 5px;
background: #fff;
}
@media (max-width: 480px) {
#sns_header .mini-cart .content {
width: 300px;
right: calc(50% - 150px) !important;
}
}
#sns_header .mini-cart .content .cart-title {
padding: 0 25px;
}
#sns_header .mini-cart .content .cart-title h4 {
font-weight: bold;
text-transform: uppercase;
color: #333;
display: block;
font-size: 1.1428em;
padding: 20px 0 10px;
margin: 0 0 0;
border-bottom: 1px solid #eaeaea;
}
#sns_header .mini-cart .content .widget {
padding: 0 0;
margin: 0 0;
border: none;
}
#sns_header .menu-sidebar > .tongle:before {
content: "\f124";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
}
#sns_header .menu-sidebar .overlay {
content: "";
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
background: rgba(0, 0, 0, 0.5);
-webkit-transition: none;
-o-transition: none;
transition: none;
cursor: e-resize;
cursor: url(//powerbearings.co/wp-content/themes/valen/assets/img/close-white.png), auto;
}
#sns_header .menu-sidebar .sidebar-content {
top: 0;
right: -450px;
width: 450px;
padding: 0 30px;
z-index: 1000;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
height: 100vh;
overflow-y: auto;
position: fixed;
background: #fff;
color: #666;
display: -webkit-flex;
display: -o-flex;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-o-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
body.admin-bar #sns_header .menu-sidebar .sidebar-content {
top: 32px;
height: calc(100vh - 32px);
}
@media (max-width: 992px) {
body.admin-bar #sns_header .menu-sidebar .sidebar-content {
top: 46px;
height: calc(100vh - 46px);
}
}
@media (max-width: 480px) {
body.admin-bar #sns_header .menu-sidebar .sidebar-content {
top: 0px;
height: 100vh;
padding-top: 46px;
}
}
@media (max-width: 480px) {
#sns_header .menu-sidebar .sidebar-content {
right: - calc(100% - 35px);
width: calc(100% - 35px);
padding: 0 20px;
}
}
#sns_header .menu-sidebar .sidebar-content.active {
right: 0;
opacity: 1;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
}
#sns_header .menu-sidebar .sidebar-content .top-menu-sidebar {
*zoom: 1;
padding: 10px 0;
}
#sns_header .menu-sidebar .sidebar-content .top-menu-sidebar:before, #sns_header .menu-sidebar .sidebar-content .top-menu-sidebar:after {
content: " ";
display: table;
}
#sns_header .menu-sidebar .sidebar-content .top-menu-sidebar:after {
clear: both;
}
#sns_header .menu-sidebar .sidebar-content .top-menu-sidebar a {
color: inherit;
}
#sns_header .menu-sidebar .sidebar-content .top-menu-sidebar a:hover {
color: #333;
}
#sns_header .menu-sidebar .sidebar-content .mid-menu-sidebar {
text-align: center;
position: relative;
flex-grow: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-o-flex-grow: 1;
-ms-flex-grow: 1;
}
#sns_header .menu-sidebar .sidebar-content .mid-menu-sidebar #main_menu_sidebar {
padding: 30px 0;
}
@media (min-width: 992px) {
#sns_header .menu-sidebar .sidebar-content .mid-menu-sidebar #main_menu_sidebar {
padding: 0;
top: 50%;
left: 50%;
position: absolute;
width: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
#sns_header .menu-sidebar .sidebar-content .mid-menu-sidebar #main_menu_sidebar li:hover > .accr_header > a {
color: #333;
text-decoration: none;
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 #333;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 #333;
-o-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 #333;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 #333;
}
#sns_header .menu-sidebar .sidebar-content .mid-menu-sidebar #main_menu_sidebar li.current-menu-item > .accr_header > a, #sns_header .menu-sidebar .sidebar-content .mid-menu-sidebar #main_menu_sidebar li.current-menu-parent > .accr_header > a {
color: #333;
text-decoration: none;
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 #333;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 #333;
-o-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 #333;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 #333;
}
#sns_header .menu-sidebar .sidebar-content .mid-menu-sidebar #main_menu_sidebar li.current-menu-item:first-child > .accr_header > a, #sns_header .menu-sidebar .sidebar-content .mid-menu-sidebar #main_menu_sidebar li.current-menu-parent:first-child > .accr_header > a {
color: #333;
}
#sns_header .menu-sidebar .sidebar-content .mid-menu-sidebar #main_menu_sidebar > li.menu-item > .accr_header > a {
font-size: 2em;
text-transform: uppercase;
color: #333;
}
@media (max-width: 767px) {
#sns_header .menu-sidebar .sidebar-content .mid-menu-sidebar #main_menu_sidebar > li.menu-item > .accr_header > a {
font-size: 1.5em;
}
}
#sns_header .menu-sidebar .sidebar-content .mid-menu-sidebar p.main_navigation_alert {
margin: 50px 0;
}
#sns_header .menu-sidebar .sidebar-content .bottom-menu-sidebar {
text-align: center;
width: 100%;
padding: 10px 0 10px;
}
#sns_header .menu-sidebar .sidebar-content .bottom-menu-sidebar a {
color: inherit;
}
#sns_header .menu-sidebar .sidebar-content .bottom-menu-sidebar a:hover {
color: #333;
}
#sns_header .menu-sidebar .sidebar-content .bottom-menu-sidebar .wpb_wrapper {
display: inline-block;
}
#sns_header .menu-sidebar .sidebar-content .bottom-menu-sidebar .wpb_wrapper .sns-info-inline {
display: inline-block;
}
#sns_header .menu-sidebar .sidebar-content .bottom-menu-sidebar .wpb_wrapper .sns-info-inline:last-child a {
margin: 0 0;
}
#sns_header .menu-sidebar .sidebar-content .bottom-menu-sidebar .wpb_wrapper .sns-social-links {
color: inherit;
}
#sns_header .menu-sidebar .sidebar-content .bottom-menu-sidebar .wpb_wrapper .sns-social-links .wpb_heading {
color: inherit;
font-size: 1em;
font-weight: normal;
margin-bottom: 10px;
}
@media (min-width: 1199px) {
body.header-style1 #sns_header .main-header .search > * {
margin: 0 30px;
}
}
body.header-style1 #sns_header .main-header.keep-menu {
background: #fff;
width: 100%;
}
@media (min-width: 480px) {
body.header-style1 #sns_header .main-header.keep-menu .header-logo {
padding: 16px 0;
}
body.header-style1 #sns_header .main-header.keep-menu #sns_mainmenu ul.navbar-nav.main-cat {
padding: 13px 0 12px;
}
body.header-style1 #sns_header .main-header.keep-menu .header-right {
padding: 34px 0 32px;
}
}
@media (max-width: 480px) {
body.header-style1 #sns_header .main-header.keep-menu .header-logo {
padding-top: 20px;
}
body.header-style1 #sns_header .main-header.keep-menu .header-right {
padding-bottom: 10px;
}
}
body.header-style2 #sns_header .main-header {
padding-top: 20px;
padding-bottom: 20px;
}
@media (max-width: 1199px) {
body.header-style2 #sns_header .main-header {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media (max-width: 767px) {
body.header-style2 #sns_header .main-header {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media (max-width: 480px) {
body.header-style2 #sns_header .main-header {
padding-top: 20px;
padding-bottom: 0px;
}
}
body.header-style2 #sns_header .main-header .header-left {
position: static;
padding: 0;
}
body.header-style2 #sns_header .main-header .header-logo {
padding: 0 40px 0 0;
}
@media (max-width: 480px) {
body.header-style2 #sns_header .main-header .header-logo {
padding: 0 0 15px;
float: none !important;
}
}
body.header-style2 #sns_header .main-header .header-logo .logo-retina img {
width: 169px;
}
@media (max-width: 1199px) {
body.header-style2 #sns_header .main-header .header-logo .logo-retina img {
width: 121px;
}
}
body.header-style2 #sns_header .main-header #sns_mainmenu {
padding: 12px 0;
}
body.header-style2 #sns_header .main-header .header-right {
padding-top: 32px;
padding-bottom: 32px;
}
@media (max-width: 1199px) {
body.header-style2 #sns_header .main-header .header-right {
padding-top: 21px;
padding-bottom: 21px;
}
}
@media (max-width: 480px) {
body.header-style2 #sns_header .main-header .header-right {
padding-top: 10px;
padding-bottom: 10px;
}
}
body.header-style2 #sns_header .main-header.keep-menu {
background: rgba(0, 0, 0, 0.6);
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
}
body.header-style2 #sns_header .main-header.keep-menu .row {
border-bottom: none;
}
@media (max-width: 480px) {
body.header-style2 #sns_header .main-header.keep-menu {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media (min-width: 480px) {
body.header-style2 #sns_header .main-header.keep-menu #sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega:hover .sub-content {
top: calc(100% - 10px);
}
}
@media (min-width: 1440px) {
body.header-style2 #sns_header .main-header.keep-menu {
padding-left: calc(50% - 720px + 15px);
padding-right: calc(50% - 720px + 15px);
}
}
@media (max-width: 1440px) and (min-width: 1200px) {
body.header-style2 #sns_header .main-header.keep-menu {
padding-left: calc(50% - 585px + 15px);
padding-right: calc(50% - 585px + 15px);
}
}
@media (max-width: 1199px) {
body.header-style2 #sns_header .main-header.keep-menu {
padding-left: calc(50% - 485px + 15px);
padding-right: calc(50% - 485px + 15px);
}
}
@media (max-width: 991px) {
body.header-style2 #sns_header .main-header.keep-menu {
padding-left: calc(50% - 375px + 15px);
padding-right: calc(50% - 375px + 15px);
}
}
@media (max-width: 767px) {
body.header-style2 #sns_header .main-header.keep-menu {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 480px) {
body.header-style2 #sns_header .main-header.keep-menu {
padding-top: 20px;
}
body.header-style2 #sns_header .main-header.keep-menu .header-right {
padding-bottom: 10px;
}
}
@media (min-width: 1850px) {
body.header-style2 #sns_header .main-header.keep-menu.extra-width {
padding-left: calc(50% - 925px + 15px);
padding-right: calc(50% - 925px + 15px);
}
}
@media (max-width: 1440px) and (min-width: 1200px) {
body.header-style2 #sns_header .main-header.keep-menu.extra-width {
padding-left: 30px;
padding-right: 30px;
}
}
body.use-slideshow.header-style2 #sns_header {
position: absolute;
top: 0px;
z-index: 2;
}
@media (max-width: 480px) {
body.use-slideshow.header-style2 #sns_header {
position: static;
background: #111;
}
}
body.use-slideshow.header-style2 #sns_header .main-header {
padding-top: 40px;
padding-bottom: 40px;
}
body.use-slideshow.header-style2 #sns_header .main-header #sns_mainmenu ul.navbar-nav > li.menu-item > a {
color: #fff;
}
body.use-slideshow.header-style2 #sns_header .main-header #sns_mainmenu ul.navbar-nav > li.menu-item:hover > a:before, body.use-slideshow.header-style2 #sns_header .main-header #sns_mainmenu ul.navbar-nav > li.menu-item:hover > a:after {
color: #fff;
}
body.use-slideshow.header-style2 #sns_header .main-header .header-right .menu-sidebar .tongle:before, body.use-slideshow.header-style2 #sns_header .main-header .header-right .mini-search .tongle:before, body.use-slideshow.header-style2 #sns_header .main-header .header-right .mini-wishlist .tongle:before, body.use-slideshow.header-style2 #sns_header .main-header .header-right .mini-cart .tongle:before {
color: #fff;
}
body.use-slideshow.header-style2 #sns_header .main-header .header-right .menu-sidebar.active .tongle .number, body.use-slideshow.header-style2 #sns_header .main-header .header-right .mini-search.active .tongle .number, body.use-slideshow.header-style2 #sns_header .main-header .header-right .mini-wishlist.active .tongle .number, body.use-slideshow.header-style2 #sns_header .main-header .header-right .mini-cart.active .tongle .number, body.use-slideshow.header-style2 #sns_header .main-header .header-right .menu-sidebar:hover .tongle .number, body.use-slideshow.header-style2 #sns_header .main-header .header-right .mini-search:hover .tongle .number, body.use-slideshow.header-style2 #sns_header .main-header .header-right .mini-wishlist:hover .tongle .number, body.use-slideshow.header-style2 #sns_header .main-header .header-right .mini-cart:hover .tongle .number {
background-color: #fff;
color: #333;
}
body.use-slideshow.header-style2.admin-bar #sns_header {
top: 32px;
}
@media (max-width: 992px) {
body.use-slideshow.header-style2.admin-bar #sns_header {
top: 46px;
}
}
@media (max-width: 480px) {
body.use-slideshow.header-style2.admin-bar #sns_header {
top: 32px;
}
}
body.header-style2.transparent-style #sns_header {
position: absolute;
top: 0px;
z-index: 2;
border-color: rgba(255, 255, 255, 0.1);
}
body.header-style2.transparent-style #sns_header .main-header #sns_mainmenu ul#main_navigation > li.menu-item > a {
color: #fff;
}
body.header-style2.transparent-style #sns_header .main-header #sns_mainmenu ul#main_navigation > li.menu-item.current-menu-ancestor > a, body.header-style2.transparent-style #sns_header .main-header #sns_mainmenu ul#main_navigation > li.menu-item.current-menu-item > a, body.header-style2.transparent-style #sns_header .main-header #sns_mainmenu ul#main_navigation > li.menu-item:hover > a {
color: #234a80;
}
body.header-style2.transparent-style #sns_header .main-header .header-right .inner .myaccount-menu:before, body.header-style2.transparent-style #sns_header .main-header .header-right .inner .menu-sidebar:before, body.header-style2.transparent-style #sns_header .main-header .header-right .inner .mini-search:before, body.header-style2.transparent-style #sns_header .main-header .header-right .inner .mini-wishlist:before, body.header-style2.transparent-style #sns_header .main-header .header-right .inner .mini-cart:before {
background: rgba(255, 255, 255, 0.2);
}
body.header-style2.transparent-style #sns_header .main-header .header-right .inner .myaccount-menu .tongle:before, body.header-style2.transparent-style #sns_header .main-header .header-right .inner .menu-sidebar .tongle:before, body.header-style2.transparent-style #sns_header .main-header .header-right .inner .mini-search .tongle:before, body.header-style2.transparent-style #sns_header .main-header .header-right .inner .mini-wishlist .tongle:before, body.header-style2.transparent-style #sns_header .main-header .header-right .inner .mini-cart .tongle:before {
color: #fff;
}
body.header-style2.transparent-style #sns_header .main-header .header-right .inner .myaccount-menu:hover .tongle:before, body.header-style2.transparent-style #sns_header .main-header .header-right .inner .menu-sidebar:hover .tongle:before, body.header-style2.transparent-style #sns_header .main-header .header-right .inner .mini-search:hover .tongle:before, body.header-style2.transparent-style #sns_header .main-header .header-right .inner .mini-wishlist:hover .tongle:before, body.header-style2.transparent-style #sns_header .main-header .header-right .inner .mini-cart:hover .tongle:before {
color: #234a80;
}
body.header-style3 #sns_header .top-header {
color: #aaa;
}
body.header-style3 #sns_header .top-header a {
color: inherit;
}
body.header-style3 #sns_header .top-header a:hover {
color: #fff;
}
@media (max-width: 480px) {
body.header-style3 #sns_header .main-header {
padding-top: 10px;
}
}
body.header-style3 #sns_header .main-header .header-logo {
padding: 18px 0;
text-align: center;
}
@media (max-width: 1199px) and (min-width: 480px) {
body.header-style3 #sns_header .main-header .header-logo {
text-align: left;
}
}
body.header-style3 #sns_header .main-header #sns_mainmenu {
padding: 15px 0;
}
body.header-style3 #sns_header .main-header .header-right {
padding-top: 35px;
padding-bottom: 35px;
}
@media (max-width: 480px) {
body.header-style3 #sns_header .main-header .header-right {
padding-top: 10px;
padding-bottom: 20px;
}
}
body.header-style3 #sns_header .main-header.keep-menu {
background: #fff;
width: 100%;
}
@media (min-width: 480px) {
body.header-style3 #sns_header .main-header.keep-menu .header-logo {
padding: 13px 0;
}
body.header-style3 #sns_header .main-header.keep-menu #sns_mainmenu {
padding: 10px 0;
}
body.header-style3 #sns_header .main-header.keep-menu #sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega:hover .sub-content {
top: calc(100% - 10px);
}
body.header-style3 #sns_header .main-header.keep-menu .header-right {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media (min-width: 1440px) {
body.header-style3 #sns_header .main-header.keep-menu {
padding-left: calc(50% - 720px + 15px);
padding-right: calc(50% - 720px + 15px);
}
}
@media (max-width: 1440px) and (min-width: 1200px) {
body.header-style3 #sns_header .main-header.keep-menu {
padding-left: calc(50% - 585px + 15px);
padding-right: calc(50% - 585px + 15px);
}
}
@media (max-width: 1199px) {
body.header-style3 #sns_header .main-header.keep-menu {
padding-left: calc(50% - 485px + 15px);
padding-right: calc(50% - 485px + 15px);
}
}
@media (max-width: 991px) {
body.header-style3 #sns_header .main-header.keep-menu {
padding-left: calc(50% - 375px + 15px);
padding-right: calc(50% - 375px + 15px);
}
}
@media (max-width: 767px) {
body.header-style3 #sns_header .main-header.keep-menu {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 480px) {
body.header-style3 #sns_header .main-header.keep-menu {
padding-top: 0px;
}
body.header-style3 #sns_header .main-header.keep-menu .header-right {
padding-bottom: 10px;
}
}
@media (min-width: 1850px) {
body.header-style3 #sns_header .main-header.keep-menu.extra-width {
padding-left: calc(50% - 925px + 15px);
padding-right: calc(50% - 925px + 15px);
}
}
@media (max-width: 1440px) and (min-width: 1200px) {
body.header-style3 #sns_header .main-header.keep-menu.extra-width {
padding-left: 30px;
padding-right: 30px;
}
}
body.header-style4 #sns_header .top-header {
color: #aaa;
}
body.header-style4 #sns_header .top-header a {
color: inherit;
}
body.header-style4 #sns_header .top-header a:hover {
color: #fff;
}
@media (max-width: 480px) {
body.header-style4 #sns_header .main-header {
padding-top: 10px;
}
}
body.header-style4 #sns_header .main-header .header-left {
position: static;
padding: 0;
}
body.header-style4 #sns_header .main-header .header-logo {
padding: 0 50px 0 0px;
text-align: center;
}
@media (max-width: 480px) {
body.header-style4 #sns_header .main-header .header-logo {
padding: 0 0 15px;
float: none !important;
}
}
body.header-style4 #sns_header .main-header .header-logo .logo-retina {
line-height: 64px;
}
body.header-style4 #sns_header .main-header .header-logo .logo-retina img {
width: 95px;
}
@media (max-width: 1199px) and (min-width: 480px) {
body.header-style4 #sns_header .main-header .header-logo {
text-align: left;
}
}
body.header-style4 #sns_header .main-header #sns_mainmenu {
padding: 0 0;
}
body.header-style4 #sns_header .main-header #sns_mainmenu ul.navbar-nav > li.menu-item {
border-left: 1px solid #eaeaea;
margin: 0 0;
padding: 0 20px;
float: left;
}
body.header-style4 #sns_header .main-header #sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega:hover .sub-content {
top: 100%;
}
body.header-style4 #sns_header .main-header #sns_mainmenu ul.navbar-nav > li.menu-item > a {
padding: 22px 0;
}
body.header-style4 #sns_header .main-header .header-right {
padding-top: 22px;
padding-bottom: 22px;
}
@media (max-width: 480px) {
body.header-style4 #sns_header .main-header .header-right {
padding-top: 10px;
padding-bottom: 20px;
}
}
body.header-style4 #sns_header .main-header.keep-menu {
background: #fff;
width: 100%;
}
@media (min-width: 1440px) {
body.header-style4 #sns_header .main-header.keep-menu {
padding-left: calc(50% - 720px + 15px);
padding-right: calc(50% - 720px + 15px);
}
}
@media (max-width: 1440px) and (min-width: 1200px) {
body.header-style4 #sns_header .main-header.keep-menu {
padding-left: calc(50% - 585px + 15px);
padding-right: calc(50% - 585px + 15px);
}
}
@media (max-width: 1199px) {
body.header-style4 #sns_header .main-header.keep-menu {
padding-left: calc(50% - 485px + 15px);
padding-right: calc(50% - 485px + 15px);
}
}
@media (max-width: 991px) {
body.header-style4 #sns_header .main-header.keep-menu {
padding-left: calc(50% - 375px + 15px);
padding-right: calc(50% - 375px + 15px);
}
}
@media (max-width: 767px) {
body.header-style4 #sns_header .main-header.keep-menu {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 480px) {
body.header-style4 #sns_header .main-header.keep-menu {
padding-top: 0px;
}
body.header-style4 #sns_header .main-header.keep-menu .header-right {
padding-bottom: 10px;
}
}
@media (min-width: 1850px) {
body.header-style4 #sns_header .main-header.keep-menu.extra-width {
padding-left: calc(50% - 925px + 15px);
padding-right: calc(50% - 925px + 15px);
}
}
@media (max-width: 1440px) and (min-width: 1200px) {
body.header-style4 #sns_header .main-header.keep-menu.extra-width {
padding-left: 30px;
padding-right: 30px;
}
}
.sns-searchwrap {
height: 100%;
}
.sns-searchwrap .sns-ajaxsearchbox {
width: 100%;
height: 100%;
}
.sns-searchwrap .sns-ajaxsearchbox form {
height: 100%;
}
.sns-searchwrap .search-input {
position: relative;
vertical-align: middle;
width: 100%;
height: 100%;
padding: 0px;
}
.sns-searchwrap .search-input input[type="text"] {
width: 100%;
height: 100%;
border: 1px solid #eaeaea;
border-radius: 0px;
padding: 0 45px;
background-color: #fff;
font-size: 2em;
}
.sns-searchwrap .search-input input[type="text"]::-moz-placeholder {
color: #666;
opacity: 1;
}
.sns-searchwrap .search-input input[type="text"]:-ms-input-placeholder {
color: #666;
}
.sns-searchwrap .search-input input[type="text"]::-webkit-input-placeholder {
color: #666;
}
@media (max-width: 1199px) {
.sns-searchwrap .search-input input[type="text"] {
font-size: 1.2857em;
}
}
@media (max-width: 992px) {
.sns-searchwrap .search-input input[type="text"] {
font-size: 1em;
}
}
.sns-searchwrap .search-input:before {
position: absolute;
top: 50%;
right: 50px;
margin: -14px 0 0 0;
content: "\f136";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
font-size: 28px;
color: #333;
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
-o-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
background: none;
opacity: 0;
}
@media (max-width: 1199px) {
.sns-searchwrap .search-input:before {
font-size: 24px;
}
}
@media (max-width: 992px) {
.sns-searchwrap .search-input:before {
font-size: 20px;
}
}
@media (max-width: 767px) {
.sns-searchwrap .search-input:before {
right: 20px;
}
}
.sns-searchwrap .search-input.loading button, .sns-searchwrap .search-input.loading input[type=submit] {
display: none;
}
.sns-searchwrap .search-input.loading:before {
opacity: 1;
}
.sns-searchwrap button[type="submit"] {
font-size: 0px;
padding: 0 0;
height: 100%;
width: 130px;
position: absolute;
right: 0px;
top: 0px;
background: #333;
border-radius: 0;
border: none;
}
@media (max-width: 767px) {
.sns-searchwrap button[type="submit"] {
width: 60px;
}
}
.sns-searchwrap button[type="submit"]:before {
position: absolute;
top: 50%;
right: 50%;
margin: -15px -15px 0 0;
content: "\f10f";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
font-size: 30px;
color: #fff;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
@media (max-width: 1199px) {
.sns-searchwrap button[type="submit"]:before {
font-size: 24px;
}
}
@media (max-width: 992px) {
.sns-searchwrap button[type="submit"]:before {
font-size: 20px;
}
}
.sns-searchwrap button[type="submit"]:hover {
background: #234a80;
border: none;
}
.sns-searchwrap button[type="submit"]:hover:before {
color: #333;
}
.sns-searchwrap .sbtn-close {
height: 45px;
width: 45px;
background: #333;
position: absolute;
left: 0px;
bottom: -45px;
cursor: pointer;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-searchwrap .sbtn-close:before {
content: "\f106";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
color: #fff;
font-size: 14px;
}
.sns-searchwrap .sbtn-close:hover:before {
color: #234a80;
}
body.enable-search-cat .sns-searchwrap .select2-container {
width: 220px !important;
height: 100%;
float: left;
background: #fff;
border: 1px solid #eaeaea;
border-right: none;
}
@media (max-width: 480px) {
body.enable-search-cat .sns-searchwrap .select2-container {
display: none;
}
}
body.enable-search-cat .sns-searchwrap .select2-container.select2-dropdown-open .select2-selection {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
}
body.enable-search-cat .sns-searchwrap .select2-container .select2-selection {
padding: 0 30px;
height: 100%;
background: #fff;
border: none;
border-radius: 0;
position: relative;
}
body.enable-search-cat .sns-searchwrap .select2-container .select2-selection:before {
position: absolute;
content: "";
height: calc(100% - 60px);
width: 1px;
top: 30px;
right: 0px;
background: #eaeaea;
}
body.enable-search-cat .sns-searchwrap .select2-container .select2-selection .select2-selection__rendered {
line-height: 24px;
color: inherit;
padding: 0 0;
position: absolute;
top: calc(50% - 12px);
}
body.enable-search-cat .sns-searchwrap .select2-container .select2-selection .select2-selection__arrow {
width: 24px;
height: 24px;
top: calc(50% - 12px);
right: 15px;
}
body.enable-search-cat .sns-searchwrap .select2-container .select2-selection .select2-selection__arrow:before {
content: "\f107";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 24px;
height: 24px;
text-align: center;
line-height: 24px;
font-size: 18px;
}
body.enable-search-cat .sns-searchwrap .select2-container .select2-selection .select2-selection__arrow b {
display: none;
}
body.enable-search-cat .sns-searchwrap .select2-container .select2-selection .select2-selection__arrow b:after {
left: 7px;
}
body.enable-search-cat .sns-searchwrap .select2-container .select2-selection > .select2-chosen {
margin: 0 0;
}
body.enable-search-cat .sns-searchwrap .search-input {
width: calc(100% - 220px);
float: left;
height: 100%;
}
@media (max-width: 480px) {
body.enable-search-cat .sns-searchwrap .search-input {
width: 100%;
}
}
@media (min-width: 480px) {
body.enable-search-cat .sns-searchwrap .search-input input[type="text"] {
border-left: none;
}
}
.sns-searchwrap div.select-cat a {
background: #f5f5f5;
border: none;
padding: 4px 10px;
}
.sns-searchwrap select.select-cat {
visibility: hidden;
opacity: 0;
display: none;
}
.select2-dropdown--below {
border-color: #eaeaea;
margin-top: 0px;
border-radius: 0px;
padding: 0;
}
.select2-dropdown--below .select2-search {
padding: 20px 20px 10px;
}
.select2-dropdown--below .select2-search input {
padding: 3px 5px !important;
border-color: #eaeaea !important;
}
.select2-dropdown--below .select2-results {
padding: 0px 0 5px;
}
.select2-dropdown--below .select2-results .select2-results__options {
background: #fff;
list-style: none;
max-height: 250px;
padding: 0 20px 15px;
}
.select2-dropdown--below .select2-results .select2-results__options li {
margin: 1px 0 0;
padding: 3px 6px;
}
.select2-dropdown--below .select2-results .select2-results__options li.select2-results__option--highlighted[aria-selected], .select2-dropdown--below .select2-results .select2-results__options li.select2-results__option--highlighted[aria-selected], .select2-dropdown--below .select2-results .select2-results__options li.select2-results__option--highlighted, .select2-dropdown--below .select2-results .select2-results__options li:hover {
background: #f5f5f5 !important;
color: inherit !important;
border-radius: 0;
}
#sns_searchresult_wrap {
background: #fff;
border: 1px solid #eaeaea;
border-top: none;
z-index: 99999;
display: none;
padding: 25px 30px 25px;
*zoom: 1;
}
#sns_searchresult_wrap:before, #sns_searchresult_wrap:after {
content: " ";
display: table;
}
#sns_searchresult_wrap:after {
clear: both;
}
#sns_searchresult_wrap ul {
padding: 0 0;
list-style: none;
margin: 0;
padding: 0;
list-style: none;
}
#sns_searchresult_wrap ul li {
display: block;
padding: 10px 0;
float: left;
width: 100%;
}
#sns_searchresult_wrap ul li .thumbnail {
max-width: 90px;
float: left;
border: none;
padding: 0 0;
border-radius: 0;
margin: 0 10px 0 0;
background: none;
}
#sns_searchresult_wrap ul li .thumbnail a {
position: relative;
display: inline-block;
}
#sns_searchresult_wrap ul li .thumbnail .yith-wcbm-badge {
display: none;
}
#sns_searchresult_wrap ul li .meta .title {
display: block;
margin: -3px 10px 5px 0;
text-transform: uppercase;
}
#sns_searchresult_wrap ul li .meta .title .hightlight {
color: #234a80;
}
#sns_searchresult_wrap ul li .meta .price {
display: block;
}
@media (min-width: 1200px) {
#sns_searchresult_wrap ul li {
width: 33.33%;
float: left;
}
#sns_searchresult_wrap ul li:nth-of-type(3n+1) {
clear: left;
}
}
@media (max-width: 1199px) {
#sns_searchresult_wrap ul li {
width: 50%;
float: left;
}
}
@media (max-width: 480px) {
#sns_searchresult_wrap ul li {
width: 100%;
float: left;
}
}
#sns_searchresult_wrap .viewall-result {
display: block;
float: left;
width: 100%;
border-top: 1px solid #eaeaea;
margin: 20px 0 0;
padding: 15px 0 0;
}
#sns_mainmenu {
display: inline-block;
}
@media (max-width: 1199px) {
#sns_mainmenu.main-cat {
position: fixed !important;
top: 0;
right: -290px;
width: 290px;
padding: 0 20px;
height: 100vh;
bottom: 0;
overflow-y: auto;
background: #fff;
z-index: 1000;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
text-align: left;
}
#sns_mainmenu.main-cat ul.main-big-cat, #sns_mainmenu.main-cat ul.main-cat {
padding: 0 !important;
display: none;
text-align: center;
}
#sns_mainmenu.main-cat.active {
right: 0;
opacity: 1;
}
}
@media (max-width: 1199px) {
body.admin-bar #sns_mainmenu.main-cat {
top: 32px;
height: calc(100vh - 32px);
}
}
@media (max-width: 992px) {
body.admin-bar #sns_mainmenu.main-cat {
top: 46px;
height: calc(100vh - 46px);
}
}
@media (max-width: 480px) {
body.admin-bar #sns_mainmenu.main-cat {
top: 0px;
height: 100vh;
padding-top: 46px;
}
}
#sns_mainmenu:hover {
overflow: visible;
position: static;
}
#sns_mainmenu > p.main_navigation_alert {
color: #666;
margin: 56px 0 0;
}
#sns_mainmenu li:hover {
z-index: 999;
}
#sns_mainmenu ul.navbar-nav {
*zoom: 1;
margin: 0;
padding: 0;
list-style: none;
float: none;
}
#sns_mainmenu ul.navbar-nav:before, #sns_mainmenu ul.navbar-nav:after {
content: " ";
display: table;
}
#sns_mainmenu ul.navbar-nav:after {
clear: both;
}
#sns_mainmenu ul.navbar-nav li.menu-item {
list-style: none;
}
#sns_mainmenu ul.navbar-nav li.menu-item .megamenu-title i {
margin-right: 8px;
}
#sns_mainmenu ul.navbar-nav li.menu-item .megamenu-title img.sns-megamenu-icon-img {
display: inline-block;
height: auto;
vertical-align: middle;
margin-right: 8px;
}
#sns_mainmenu ul.navbar-nav li.menu-item a i {
margin-right: 8px;
font-size: 1em;
font-weight: normal;
vertical-align: middle;
}
#sns_mainmenu ul.navbar-nav li.menu-item a img.sns-megamenu-icon-img {
display: inline-block;
height: auto;
max-width: 25px;
vertical-align: middle;
margin-right: 8px;
}
#sns_mainmenu ul.navbar-nav li.menu-item a:focus {
background: none;
}
#sns_mainmenu ul.navbar-nav.main-cat {
padding: 26px 0 25px;
text-align: center;
}
#sns_mainmenu ul.navbar-nav.main-cat > li.menu-item {
padding: 0 0;
margin: 0 25px;
}
#sns_mainmenu ul.navbar-nav.main-cat > li.menu-item > a:before {
display: none;
}
#sns_mainmenu ul.navbar-nav.main-cat > li.menu-item > a span {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
#sns_mainmenu ul.navbar-nav.main-cat > li.menu-item > a i {
margin-right: 10px;
font-size: 32px;
font-weight: normal;
vertical-align: middle;
}
#sns_mainmenu ul.navbar-nav.main-cat > li.menu-item > a img.sns-megamenu-icon-img {
display: inline-block;
height: auto;
max-width: 25px;
vertical-align: middle;
margin-right: 10px;
}
#sns_mainmenu ul.navbar-nav.main-cat > li.menu-item:hover > a {
color: #234a80;
}
#sns_mainmenu ul.navbar-nav.main-cat > li.menu-item:hover > a i {
color: inherit;
}
#sns_mainmenu ul.navbar-nav.main-cat > li.menu-item.current-menu-item > a, #sns_mainmenu ul.navbar-nav.main-cat > li.menu-item.current-menu-parent > a {
color: #234a80;
}
#sns_mainmenu ul.navbar-nav.main-cat > li.menu-item.current-menu-item > a i, #sns_mainmenu ul.navbar-nav.main-cat > li.menu-item.current-menu-parent > a i {
color: inherit;
}
#sns_mainmenu ul.navbar-nav.main-cat > li.menu-item.current-menu-item > a:before, #sns_mainmenu ul.navbar-nav.main-cat > li.menu-item.current-menu-parent > a:before {
color: #234a80;
}
@media (max-width: 1199px) {
#sns_mainmenu ul.navbar-nav.main-cat {
padding: 10px 0;
}
#sns_mainmenu ul.navbar-nav.main-cat > li.menu-item {
padding: 5px 0;
float: none;
display: block;
margin: 0 0;
padding: 5px 0;
}
#sns_mainmenu ul.navbar-nav.main-cat > li.menu-item:first-child {
padding-top: 20px;
}
#sns_mainmenu ul.navbar-nav.main-cat > li.menu-item:last-child {
padding-bottom: 20px;
}
#sns_mainmenu ul.navbar-nav.main-cat > li.menu-item > a {
padding: 0 0;
border: 1px solid #eaeaea;
height: 80px;
border-radius: 0px;
text-align: center;
}
#sns_mainmenu ul.navbar-nav.main-cat > li.menu-item > a:hover {
border-color: #234a80;
background-color: #234a80;
}
#sns_mainmenu ul.navbar-nav.main-cat > li.menu-item > a span {
display: inline-block;
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
}
@media (min-width: 1199px) {
#sns_mainmenu ul.navbar-nav.main-big-cat {
display: table;
margin: 0 auto;
}
}
#sns_mainmenu ul.navbar-nav.main-big-cat > li.menu-item {
margin: 0 0;
float: left;
padding: 0 0;
}
#sns_mainmenu ul.navbar-nav.main-big-cat > li.menu-item > a {
border: none;
border-right: 1px solid #eaeaea;
border-radius: 0px;
text-align: center;
padding: 10px 45px;
height: 132px;
}
@media (max-width: 1850px) and (min-width: 1199px) {
#sns_mainmenu ul.navbar-nav.main-big-cat > li.menu-item > a {
padding: 10px 25px;
}
}
#sns_mainmenu ul.navbar-nav.main-big-cat > li.menu-item > a span {
display: inline-block;
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
#sns_mainmenu ul.navbar-nav.main-big-cat > li.menu-item > a i, #sns_mainmenu ul.navbar-nav.main-big-cat > li.menu-item > a img {
display: block;
margin: 0 auto 12px;
}
#sns_mainmenu ul.navbar-nav.main-big-cat > li.menu-item:first-child > a {
border-left: 1px solid #eaeaea;
}
#sns_mainmenu ul.navbar-nav.main-big-cat > li.menu-item:hover > a {
color: #fff;
border-color: #234a80;
background-color: #234a80;
}
#sns_mainmenu ul.navbar-nav.main-big-cat > li.menu-item:hover > a i {
color: #fff;
}
#sns_mainmenu ul.navbar-nav.main-big-cat > li.menu-item:hover > a img.sns-megamenu-icon-img {
filter: grayscale(100%) brightness(1000%);
-webkit-filter: grayscale(100%) brightness(1000%);
}
#sns_mainmenu ul.navbar-nav.main-big-cat > li.menu-item.current-menu-item > a, #sns_mainmenu ul.navbar-nav.main-big-cat > li.menu-item.current-menu-parent > a {
color: #fff;
border-color: #234a80;
background-color: #234a80;
}
#sns_mainmenu ul.navbar-nav.main-big-cat > li.menu-item.current-menu-item > a i, #sns_mainmenu ul.navbar-nav.main-big-cat > li.menu-item.current-menu-parent > a i {
color: #fff;
}
#sns_mainmenu ul.navbar-nav.main-big-cat > li.menu-item.current-menu-item > a:before, #sns_mainmenu ul.navbar-nav.main-big-cat > li.menu-item.current-menu-parent > a:before {
color: #234a80;
}
#sns_mainmenu ul.navbar-nav.main-big-cat > li.menu-item.current-menu-item > a img.sns-megamenu-icon-img, #sns_mainmenu ul.navbar-nav.main-big-cat > li.menu-item.current-menu-parent > a img.sns-megamenu-icon-img {
filter: grayscale(100%) brightness(1000%);
-webkit-filter: grayscale(100%) brightness(1000%);
}
@media (max-width: 1199px) {
#sns_mainmenu ul.navbar-nav.main-big-cat > li.menu-item {
float: none;
display: block;
margin: 0 0;
padding: 5px 0;
}
#sns_mainmenu ul.navbar-nav.main-big-cat > li.menu-item:first-child {
padding-top: 20px;
}
#sns_mainmenu ul.navbar-nav.main-big-cat > li.menu-item:last-child {
padding-bottom: 20px;
}
#sns_mainmenu ul.navbar-nav.main-big-cat > li.menu-item > a {
padding: 0 0;
border: 1px solid #eaeaea;
height: 100px;
}
#sns_mainmenu ul.navbar-nav.main-big-cat > li.menu-item > a:hover {
border-color: #234a80;
}
}
#sns_mainmenu ul.navbar-nav > li.menu-item {
border: none;
position: relative;
display: inline-block;
text-align: left;
float: none;
margin: 0 15px;
padding: 0;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega {
position: static;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content {
display: none;
position: absolute;
visibility: hidden;
display: block;
opacity: 0;
top: 100%;
-webkit-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease;
-o-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease;
transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease;
-webkit-transform : translate3d(-30px, 0, 0);
-moz-transform : translate3d(-30px, 0, 0);
-ms-transform : translate3d(-30px, 0, 0);
-o-transform : translate3d(-30px, 0, 0);
transform : translate3d(-30px, 0, 0);
z-index: 999;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
border-radius: 5px;
left: 0px;
background: #fff;
padding-bottom: 50px;
width: 100%;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > li.menu-item {
float: left;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content.col-1 > li.menu-item {
width: 100%;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content.col-2 > li.menu-item {
width: 50%;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content.col-3 > li.menu-item {
width: 33.33%;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content.col-4 > li.menu-item {
width: 25%;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content.col-5 > li.menu-item {
width: 20%;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content.col-6 > li.menu-item {
width: 16.67%;
}
@media (min-width: 1200px) {
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content {
width: 80%;
}
}
@media (min-width: 1850px) {
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content {
width: 60%;
}
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content.sub-content-background {
background-position: right bottom;
background-repeat: no-repeat;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content li.menu-item {
position: relative;
padding: 0;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content li.menu-item a {
padding: 4px 0px;
display: block;
color: #666;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content li.menu-item.have-icon > a i {
margin-right: 8px;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content li.menu-item ul.sub-menu {
padding: 0px 15px 30px 15px;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content li.menu-item ul.sub-menu:not(.enable-megamenu) {
display: none;
position: absolute;
padding: 10px 0;
visibility: hidden;
display: block;
opacity: 0;
top: 100%;
-webkit-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease;
-o-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease;
transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease;
-webkit-transform : translate3d(-30px, 0, 0);
-moz-transform : translate3d(-30px, 0, 0);
-ms-transform : translate3d(-30px, 0, 0);
-o-transform : translate3d(-30px, 0, 0);
transform : translate3d(-30px, 0, 0);
border: 1px solid #eaeaea;
z-index: 999;
width: 220px;
left: 208px;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content li.menu-item:hover > ul.sub-menu:not(.enable-megamenu) {
visibility: visible;
opacity: 1;
top: 100%;
-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);
-webkit-transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out, transform 0.4s ease;
-o-transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out, transform 0.4s ease;
transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out, transform 0.4s ease;
top: 2px;
z-index: 999;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content li.menu-item:hover > a {
color: #333;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content li.menu-item:hover > a i {
color: #333;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content li.menu-item:hover > a:before {
color: #333;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content li.menu-item.current-menu-item > a {
color: #333;
text-decoration: underline;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content li.menu-item.current-menu-item > a i {
color: #333;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content li.menu-item.current-menu-item > a:before {
color: #333;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns {
left: 0;
position: relative;
z-index: 999;
margin: 0;
padding: 0 30px;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns > li.menu-item {
float: left;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns.col-1 > li.menu-item {
width: 100%;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns.col-2 > li.menu-item {
width: 50%;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns.col-3 > li.menu-item {
width: 33.33%;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns.col-4 > li.menu-item {
width: 25%;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns.col-5 > li.menu-item {
width: 20%;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns.col-6 > li.menu-item {
width: 16.67%;
}
@media (max-width: 1199px) {
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns {
padding: 0 10px;
}
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns > li.menu-item:before {
content: "";
width: 1px;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns > li.menu-item:first-child:before {
display: none;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns li.menu-item {
position: relative;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns li.menu-item .megamenu-title {
display: block;
margin: 50px 20px 15px 20px;
padding: 0 0;
font-size: 1.1428em;
color: #333;
text-transform: uppercase;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns li.menu-item .megamenu-title a {
color: #333;
padding: 0 0 0;
position: relative;
display: block;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns li.menu-item .megamenu-title img:hover {
opacity: 0.8;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns li.menu-item > ul.sub-menu {
padding: 0 20px 0;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns li.menu-item > ul.sub-menu li.menu-item-has-children:before {
position: absolute;
top: 50%;
right: 0px;
margin-top: -10px;
content: "\f105";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 16px;
height: 16px;
text-align: center;
line-height: 16px;
font-size: 15px;
color: inherit;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns li.menu-item > ul.sub-menu li.menu-item-has-children:hover ul.sub-menu {
display: block;
visibility: visible;
opacity: 1;
top: 100%;
-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);
-webkit-transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out, transform 0.4s ease;
-o-transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out, transform 0.4s ease;
transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out, transform 0.4s ease;
top: 2px;
z-index: 999;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns li.menu-item > ul.sub-menu ul.sub-menu {
display: none;
position: absolute;
background: #fff;
padding: 15px 20px;
visibility: hidden;
display: block;
opacity: 0;
top: 100%;
-webkit-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease;
-o-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease;
transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease;
-webkit-transform : translate3d(-30px, 0, 0);
-moz-transform : translate3d(-30px, 0, 0);
-ms-transform : translate3d(-30px, 0, 0);
-o-transform : translate3d(-30px, 0, 0);
transform : translate3d(-30px, 0, 0);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
border-radius: 5px;
z-index: 999;
width: 220px;
left: 100%;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns li.menu-item > ul.sub-menu ul.sub-menu li.menu-item a:hover {
color: #234a80;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns > li.menu-item {
float: left;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns.col-1 > li.menu-item {
width: 100%;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns.col-2 > li.menu-item {
width: 50%;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns.col-3 > li.menu-item {
width: 33.33%;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns.col-4 > li.menu-item {
width: 25%;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns.col-5 > li.menu-item {
width: 20%;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns.col-6 > li.menu-item {
width: 16.66%;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content > ul.columns {
width: 100%;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content.has-left-content {
*zoom: 1;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content.has-left-content:before, #sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content.has-left-content:after {
content: " ";
display: table;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content.has-left-content:after {
clear: both;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content.has-left-content > ul.columns {
width: 65%;
float: left;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content.has-left-content .mega-left-content {
padding: 35px 20px 10px;
width: 35%;
float: left;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content.has-right-content {
*zoom: 1;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content.has-right-content:before, #sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content.has-right-content:after {
content: " ";
display: table;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content.has-right-content:after {
clear: both;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content.has-right-content > ul.columns {
width: 65%;
float: left;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content.has-right-content .mega-right-content {
padding: 35px 20px 10px;
width: 35%;
float: left;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega .sub-content .mega-bottom-content {
padding: 35px 20px 10px;
width: 100%;
float: left;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.enable-mega:hover .sub-content {
display: block;
visibility: visible;
opacity: 1;
top: 100%;
-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);
-webkit-transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out, transform 0.4s ease;
-o-transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out, transform 0.4s ease;
transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out, transform 0.4s ease;
top: calc(100% - 15px);
}
#sns_mainmenu ul.navbar-nav > li.menu-item ul.sub-menu {
padding: 0 0;
}
#sns_mainmenu ul.navbar-nav > li.menu-item > ul.sub-menu {
display: none;
position: absolute;
left: 0px;
background: #fff;
visibility: hidden;
display: block;
opacity: 0;
top: 100%;
-webkit-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease;
-o-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease;
transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease;
-webkit-transform : translate3d(-30px, 0, 0);
-moz-transform : translate3d(-30px, 0, 0);
-ms-transform : translate3d(-30px, 0, 0);
-o-transform : translate3d(-30px, 0, 0);
transform : translate3d(-30px, 0, 0);
z-index: 999;
min-width: 260px;
padding: 25px 0;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
border-radius: 5px;
}
@media (max-width: 1199px) {
#sns_mainmenu ul.navbar-nav > li.menu-item > ul.sub-menu {
min-width: 240px;
padding: 10px 0;
}
}
#sns_mainmenu ul.navbar-nav > li.menu-item > ul.sub-menu li.menu-item {
position: relative;
margin: 0px;
padding: 0 0;
}
#sns_mainmenu ul.navbar-nav > li.menu-item > ul.sub-menu li.menu-item:last-child {
border: none;
}
#sns_mainmenu ul.navbar-nav > li.menu-item > ul.sub-menu li.menu-item a {
padding: 4px 35px;
display: block;
font-size: 1em;
color: #666;
}
#sns_mainmenu ul.navbar-nav > li.menu-item > ul.sub-menu li.menu-item.have-icon > a i {
margin-right: 10px;
}
#sns_mainmenu ul.navbar-nav > li.menu-item > ul.sub-menu li.menu-item.menu-item-has-children:before {
position: absolute;
top: 50%;
right: 25px;
margin-top: -8px;
content: "\f105";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 16px;
height: 16px;
text-align: center;
line-height: 16px;
font-size: 15px;
}
#sns_mainmenu ul.navbar-nav > li.menu-item > ul.sub-menu li.menu-item ul.sub-menu:not(.enable-megamenu) {
position: absolute;
padding: 25px 0;
min-width: 260px;
background: #fff;
top: 0%;
left: calc(100% + 20px);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
border-radius: 5px;
z-index: 999;
display: block;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
@media (max-width: 1199px) {
#sns_mainmenu ul.navbar-nav > li.menu-item > ul.sub-menu li.menu-item ul.sub-menu:not(.enable-megamenu) {
min-width: 240px;
padding: 10px 0;
}
}
#sns_mainmenu ul.navbar-nav > li.menu-item > ul.sub-menu li.menu-item:hover > ul.sub-menu:not(.enable-megamenu) {
display: block;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
visibility: visible;
left: 93%;
}
#sns_mainmenu ul.navbar-nav > li.menu-item > ul.sub-menu li.menu-item:hover > a {
color: #333;
text-decoration: underline;
}
#sns_mainmenu ul.navbar-nav > li.menu-item > ul.sub-menu li.menu-item:hover > a i {
color: #333;
}
#sns_mainmenu ul.navbar-nav > li.menu-item > ul.sub-menu li.menu-item:hover:before {
color: #333;
}
#sns_mainmenu ul.navbar-nav > li.menu-item > ul.sub-menu li.menu-item.current-menu-item > a, #sns_mainmenu ul.navbar-nav > li.menu-item > ul.sub-menu li.menu-item.current-menu-parent > a {
color: #333;
text-decoration: underline;
}
#sns_mainmenu ul.navbar-nav > li.menu-item > ul.sub-menu li.menu-item.current-menu-item > a i, #sns_mainmenu ul.navbar-nav > li.menu-item > ul.sub-menu li.menu-item.current-menu-parent > a i {
color: #333;
}
#sns_mainmenu ul.navbar-nav > li.menu-item > ul.sub-menu li.menu-item.current-menu-item > a:before, #sns_mainmenu ul.navbar-nav > li.menu-item > ul.sub-menu li.menu-item.current-menu-parent > a:before {
color: #333;
}
#sns_mainmenu ul.navbar-nav > li.menu-item:first-child {
margin-left: 0px;
}
#sns_mainmenu ul.navbar-nav > li.menu-item > a {
display: block;
padding: 20px 0;
font-size: 1em;
font-weight: 500;
text-transform: uppercase;
position: relative;
z-index: 9;
margin: 0;
background: none;
}
#sns_mainmenu ul.navbar-nav > li.menu-item > a:before {
content: "";
height: 2px;
width: 0px;
left: 0px;
top: 15px;
position: absolute;
background: #234a80;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.menu-item-has-children > a:after {
content: "\f107";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
text-align: right;
color: #ccc;
font-size: 16px;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
#sns_mainmenu ul.navbar-nav > li.menu-item.menu-item-has-children.current-menu-ancestor > a:before, #sns_mainmenu ul.navbar-nav > li.menu-item.menu-item-has-children.current-menu-item > a:before {
width: calc(100% - 18px);
}
#sns_mainmenu ul.navbar-nav > li.menu-item.current-menu-ancestor > a:before, #sns_mainmenu ul.navbar-nav > li.menu-item.current-menu-item > a:before {
width: 100%;
}
#sns_mainmenu ul.navbar-nav > li.menu-item:hover > a {
color: #333;
background: none;
}
#sns_mainmenu ul.navbar-nav > li.menu-item:hover > a:before {
width: 100%;
}
#sns_mainmenu ul.navbar-nav > li.menu-item:hover > ul.sub-menu {
display: block;
visibility: visible;
opacity: 1;
top: 100%;
-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);
-webkit-transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out, transform 0.4s ease;
-o-transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out, transform 0.4s ease;
transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out, transform 0.4s ease;
z-index: 999;
top: 100%;
}
#sns_mainmenu ul.navbar-nav > li.menu-item:hover.menu-item-has-children > a:before {
width: calc(100% - 18px);
}
#sns_mainmenu ul.navbar-nav > li.menu-item:hover.menu-item-has-children > a:after {
color: #333;
}
.sns-respmenu ul {
margin: 0;
padding: 0;
list-style: none;
}
.sns-respmenu .resp-nav:not(.handled) {
opacity: 0;
}
.sns-respmenu .resp-nav .accr_content {
padding: 0;
}
.sns-respmenu .resp-nav .accr_content ul {
padding: 0 0;
margin: 0 0 0 20px;
}
.sns-respmenu .resp-nav a {
color: #333;
}
.sns-respmenu .resp-nav a:hover {
color: #234a80;
}
.sns-respmenu .resp-nav .accr_header {
padding: 5px 0;
position: relative;
display: block;
}
.sns-respmenu .resp-nav .accr_header .btn_accor {
position: absolute;
top: 50%;
right: 0px;
cursor: pointer;
margin-top: -7px;
}
.sns-respmenu .resp-nav .accr_header .btn_accor .ac-tongle {
display: block;
width: 14px;
height: 14px;
text-align: center;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
font-size: 0px;
position: relative;
}
.sns-respmenu .resp-nav .accr_header .btn_accor .ac-tongle:before {
content: "\f0d8";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
font-size: 14px;
position: absolute;
left: 0px;
top: 0px;
}
.sns-respmenu .resp-nav .accr_header .btn_accor .ac-tongle:hover:before {
color: #666;
}
.sns-respmenu .resp-nav .accr_header .btn_accor .ac-tongle.open:before {
content: "\f0d7";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
color: #666;
}
.sns-respmenu .resp-nav .accr_header .btn_accor .ac-tongle.close {
opacity: 1;
}
.sns-respmenu .resp-nav .accr_header .btn_accor .ac-tongle.close:before {
content: "\f0d8";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
color: #234a80;
}
.sns-respmenu .resp-nav .accr_header.open > a {
color: #234a80;
}
#main_menu_cats_res {
margin: 0;
padding: 0;
list-style: none;
margin: 30px 0;
text-align: center;
}
#main_menu_cats_res:not(.handled) {
opacity: 0;
}
#main_menu_cats_res > li {
padding: 0;
}
#main_menu_cats_res > li > .accr_header {
border: 1px solid #eaeaea;
margin: 0 0 15px;
padding: 0 0;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
#main_menu_cats_res > li > .accr_header > a {
padding: 15px 0;
margin: 0 0;
font-size: 1em;
text-transform: uppercase;
position: relative;
display: block;
}
#main_menu_cats_res > li > .accr_header.open, #main_menu_cats_res > li > .accr_header:hover {
border-color: #234a80;
background: #234a80;
}
#main_menu_cats_res > li > .accr_header.open > a, #main_menu_cats_res > li > .accr_header:hover > a {
color: #fff;
text-decoration: none;
}
#main_menu_cats_res > li > .accr_header.open .btn_accor .ac-tongle:before, #main_menu_cats_res > li > .accr_header:hover .btn_accor .ac-tongle:before {
color: #fff;
}
#main_menu_cats_res .accr_content {
padding: 5px 0 0;
margin: 0 0 15px;
}
#main_menu_cats_res .accr_content ul {
padding: 0 0;
margin: 0 0;
}
#main_menu_cats_res a {
color: #333;
}
#main_menu_cats_res a:hover {
color: #234a80;
}
#main_menu_cats_res .accr_header {
padding: 5px 0;
position: relative;
display: block;
}
#main_menu_cats_res .accr_header .btn_accor {
position: absolute;
cursor: pointer;
width: 24px;
height: 24px;
top: calc(50% - 12px);
right: 10px;
}
#main_menu_cats_res .accr_header .btn_accor .ac-tongle {
display: block;
width: 24px;
height: 24px;
text-align: center;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
font-size: 0px;
position: relative;
}
#main_menu_cats_res .accr_header .btn_accor .ac-tongle:before {
content: "\f0d8";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 24px;
height: 24px;
text-align: center;
line-height: 24px;
font-size: 16px;
}
#main_menu_cats_res .accr_header .btn_accor .ac-tongle:hover:before {
color: #666;
}
#main_menu_cats_res .accr_header .btn_accor .ac-tongle.open:before {
content: "\f0d7";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 24px;
height: 24px;
text-align: center;
line-height: 24px;
color: #666;
}
#main_menu_cats_res .accr_header .btn_accor .ac-tongle.close {
opacity: 1;
}
#main_menu_cats_res .accr_header .btn_accor .ac-tongle.close:before {
content: "\f0d8";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 24px;
height: 24px;
text-align: center;
line-height: 24px;
color: #234a80;
}
#main_menu_cats_res .accr_header.open > a {
color: #234a80;
}
#main_menu_cats_res ul {
margin: 0;
padding: 0;
list-style: none;
}
#sns_header .menu-sidebar #main_menu_sidebar {
margin: 0;
padding: 0;
list-style: none;
}
#sns_header .menu-sidebar #main_menu_sidebar > li.menu-item > .accr_header {
padding: 12px 0;
border: none;
}
#sns_header .menu-sidebar #main_menu_sidebar > li.menu-item > .accr_header > a {
font-size: 2em;
font-weight: bold;
color: inherit;
display: inline-block;
line-height: 1.1;
}
@media (max-width: 767px) {
#sns_header .menu-sidebar #main_menu_sidebar > li.menu-item > .accr_header > a {
font-size: 1.5em;
}
}
#sns_header .menu-sidebar #main_menu_sidebar > li.menu-item > .accr_header .btn_accor {
margin: 0 0 0 8px;
}
#sns_header .menu-sidebar #main_menu_sidebar > li.menu-item > .accr_header .btn_accor .ac-tongle:before {
width: 22px;
height: 22px;
font-size: 21px;
top: -2px;
cursor: pointer;
}
#sns_header .menu-sidebar #main_menu_sidebar > li.menu-item > .accr_content {
padding: 10px 0;
}
#sns_header .menu-sidebar #main_menu_sidebar > li.menu-item:hover > .accr_header > .btn_accor {
opacity: 1;
}
#sns_header .menu-sidebar #main_menu_sidebar > li.menu-item ul {
margin: 0;
padding: 0;
list-style: none;
}
#sns_header .menu-sidebar #main_menu_sidebar > li.menu-item > .accr_content > ul.sub-menu > li.menu-item > .accr_header > a {
text-transform: uppercase;
}
#sns_header .menu-sidebar #main_menu_sidebar li {
padding: 0;
}
#sns_header .menu-sidebar #main_menu_sidebar li .accr_header {
position: relative;
padding: 4px 0;
}
#sns_header .menu-sidebar #main_menu_sidebar li .accr_header .btn_accor {
cursor: pointer;
display: inline-block;
margin: 0 0 0 6px;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
#sns_header .menu-sidebar #main_menu_sidebar li .accr_header .btn_accor .ac-tongle {
display: block;
width: 14px;
height: 14px;
text-align: center;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
font-size: 0px;
position: relative;
}
#sns_header .menu-sidebar #main_menu_sidebar li .accr_header .btn_accor .ac-tongle:before {
content: "\f0d8";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
font-size: 17px;
position: absolute;
left: 0px;
top: 0px;
color: #aaa;
}
#sns_header .menu-sidebar #main_menu_sidebar li .accr_header .btn_accor .ac-tongle.open:before {
content: "\f0d7";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
}
#sns_header .menu-sidebar #main_menu_sidebar li .accr_header .btn_accor .ac-tongle.open:hover:before {
color: #333;
}
#sns_header .menu-sidebar #main_menu_sidebar li .accr_header .btn_accor .ac-tongle.close {
opacity: 1;
}
#sns_header .menu-sidebar #main_menu_sidebar li .accr_header .btn_accor .ac-tongle.close:before {
content: "\f0d8";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
color: #333;
}
#sns_header .menu-sidebar #main_menu_sidebar li .accr_header.open > a {
color: #333;
}
#sns_header .menu-sidebar #main_menu_sidebar li .accr_header.open > .btn_accor {
opacity: 1;
}
#sns_header .menu-sidebar #main_menu_sidebar li .accr_header.open > .btn_accor .ac-tongle:before {
color: #333;
}
#sns_header .menu-sidebar #main_menu_sidebar li > .accr_content {
padding: 3px 0 9px;
}
#sns_header .menu-sidebar #main_menu_sidebar li > .accr_content a {
color: inherit;
display: inline-block;
line-height: 1.1;
}
#sns_header .menu-sidebar #main_menu_sidebar li:hover > .accr_header > .btn_accor {
opacity: 1;
}
@media (max-width: 992px) {
#sns_content .sns-main .right.inner-sidebar, .sns-right {
position: fixed;
top: 0;
right: -290px;
width: 290px;
padding: 0 20px;
height: 100vh;
bottom: 0;
overflow: auto;
margin: 0 0;
background: #fff;
z-index: 1000;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#sns_content .sns-main .right.inner-sidebar > *:first-child, .sns-right > *:first-child {
padding-top: 30px;
}
#sns_content .sns-main .right.inner-sidebar > *:last-child, .sns-right > *:last-child {
padding-bottom: 30px;
}
#sns_content .sns-main .right.inner-sidebar.active, .sns-right.active {
right: 0;
opacity: 1;
}
#sns_content .sns-main .right.inner-sidebar .sns-col-inner, .sns-right .sns-col-inner {
padding: 0px 0 50px;
}
}
@media (max-width: 992px) {
body.admin-bar #sns_content .sns-main .right.inner-sidebar, body.admin-bar .sns-right {
top: 46px;
height: calc(100vh - 46px);
}
}
@media (max-width: 480px) {
body.admin-bar #sns_content .sns-main .right.inner-sidebar, body.admin-bar .sns-right {
top: 0px;
height: 100vh;
padding-top: 46px;
}
}
@media (max-width: 992px) {
#sns_content .sns-main .left.inner-sidebar, .sns-left {
position: fixed;
top: 0;
left: -290px;
width: 290px;
padding: 0 20px;
height: 100vh;
bottom: 0;
overflow: auto;
margin: 0 0;
background: #fff;
z-index: 1000;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#sns_content .sns-main .left.inner-sidebar > *:first-child, .sns-left > *:first-child {
padding-top: 30px;
}
#sns_content .sns-main .left.inner-sidebar > *:last-child, .sns-left > *:last-child {
padding-bottom: 30px;
}
#sns_content .sns-main .left.inner-sidebar.active, .sns-left.active {
left: 0;
opacity: 1;
}
#sns_content .sns-main .left.inner-sidebar .sns-col-inner, .sns-left .sns-col-inner {
padding: 30px 0 50px;
}
}
@media (max-width: 992px) {
body.admin-bar #sns_content .sns-main .left.inner-sidebar, body.admin-bar .sns-left {
top: 46px;
height: calc(100vh - 46px);
}
}
@media (max-width: 480px) {
body.admin-bar #sns_content .sns-main .left.inner-sidebar, body.admin-bar .sns-left {
top: 0px;
height: 100vh;
padding-top: 46px;
}
}
@media (max-width: 1199px) {
#sns_content .sns-main .column-content-box {
position: fixed;
top: 0;
right: -270px;
width: 270px;
padding: 0px;
height: 100%;
bottom: 0;
overflow: auto;
background: #fff;
z-index: 1000;
overflow: auto;
height: 100%;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#sns_content .sns-main .column-content-box.active {
right: 0;
opacity: 1;
}
}
.sns-inline-menu > ul li {
padding: 0 0 0 24px;
margin: 0 0 0 24px;
position: relative;
}
.sns-inline-menu > ul li:before {
position: absolute;
content: "";
height: 15px;
left: 0px;
top: 50%;
margin: -7.5px 0 0;
width: 1px;
background: #eaeaea;
}
.sns-inline-menu > ul li:first-child {
padding: 0 0;
margin: 0 0;
}
.sns-inline-menu > ul li:first-child:before {
display: none;
}
.sns-inline-menu > ul li a {
padding: 0;
color: #666;
line-height: inherit;
}
.sns-inline-menu > ul li a i {
margin-right: 6px;
font-size: 14px;
line-height: 1em;
}
.sns-inline-menu > ul li a img.sns-megamenu-icon-img {
display: inline-block;
height: auto;
vertical-align: middle;
margin-right: 8px;
line-height: 1em;
}
.sns-inline-menu > ul li a:hover {
background: transparent;
color: #234a80;
}
.sns-inline-menu > ul.uppercase li a {
text-transform: uppercase;
}
.sns-inline-menu > ul ul.sub-menu {
display: none;
}
.sns-vertical-menu > p.main_navigation_alert {
color: #666;
line-height: 50px;
margin: 0 20px;
}
ul.vertical-style {
margin: 0;
padding: 0;
list-style: none;
}
ul.vertical-style li.menu-item {
position: relative;
display: block;
color: #666;
}
ul.vertical-style li.menu-item > a {
display: block;
position: relative;
padding: 5px 0;
}
ul.vertical-style li.menu-item > a i {
display: inline-block;
margin-right: 8px;
font-size: 16px;
line-height: 1em;
vertical-align: middle;
}
ul.vertical-style li.menu-item > a img.sns-megamenu-icon-img {
display: inline-block;
height: auto;
vertical-align: middle;
margin-right: 8px;
line-height: 1em;
}
ul.vertical-style li.menu-item.menu-item-has-children {
position: relative;
}
ul.vertical-style li.menu-item.menu-item-has-children:after {
position: absolute;
right: 0px;
top: 50%;
content: "\f105";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
font-size: 15px;
margin-top: -7px;
color: inherit;
text-align: right;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
ul.vertical-style li.menu-item.menu-item-has-children .sns-products {
-webkit-transform: scale(0);
transform: scale(0);
}
ul.vertical-style li.menu-item.menu-item-has-children:hover .sub-content, ul.vertical-style li.menu-item.menu-item-has-children:hover > ul.sub-menu:not(.enable-megamenu) {
display: block;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
visibility: visible;
left: 95%;
top: 8px;
z-index: 9999;
}
ul.vertical-style li.menu-item.menu-item-has-children:hover .sns-products {
-webkit-transform: scale(1);
transform: scale(1);
}
ul.vertical-style li.menu-item.just-postwcode .sub-content {
padding-top: 15px;
}
ul.vertical-style li.menu-item.current-menu-ancestor > a, ul.vertical-style li.menu-item.current-menu-item > a {
color: #234a80;
}
ul.vertical-style li.menu-item.current-menu-ancestor > a:before, ul.vertical-style li.menu-item.current-menu-item > a:before {
color: #234a80;
}
ul.vertical-style li.menu-item > ul.sub-menu:not(.enable-megamenu) {
margin: 0;
padding: 0;
list-style: none;
display: block;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
position: absolute;
left: calc(100% + 20px);
top: 15px;
background: #fff;
border: 1px solid #eaeaea;
padding: 20px 25px;
min-width: 260px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
border-radius: 5px;
}
ul.vertical-style li.menu-item .sub-content {
background: #fff;
display: block;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
position: absolute;
top: 15px;
left: calc(100% + 20px);
width: 1000px;
border: 1px solid #eaeaea;
padding: 0 20px 30px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
@media (max-width: 1199px) {
ul.vertical-style li.menu-item .sub-content {
width: 750px;
padding: 0 10px 20px;
left: 100%;
}
}
ul.vertical-style li.menu-item .sub-content.sub-content-background {
background-position: right bottom;
background-repeat: no-repeat;
}
ul.vertical-style li.menu-item .sub-content ul.columns {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
float: left;
vertical-align: top;
}
ul.vertical-style li.menu-item .sub-content ul.columns .menu-item {
position: relative;
border: none;
}
ul.vertical-style li.menu-item .sub-content ul.columns .menu-item:after {
display: none;
}
ul.vertical-style li.menu-item .sub-content ul.columns .menu-item .megamenu-title {
display: block;
margin: 35px 20px 5px 20px;
padding: 0 0 10px;
font-size: 1.2857em;
color: #333;
}
@media (max-width: 1199px) {
ul.vertical-style li.menu-item .sub-content ul.columns .menu-item .megamenu-title {
margin: 25px 10px 5px 10px;
}
}
ul.vertical-style li.menu-item .sub-content ul.columns .menu-item .megamenu-title a {
padding: 0 0 0;
position: relative;
display: block;
}
ul.vertical-style li.menu-item .sub-content ul.columns .menu-item .megamenu-title a:before {
position: absolute;
content: "";
height: 1px;
width: 100%;
left: 0px;
bottom: -11px;
background-color: #eaeaea;
}
ul.vertical-style li.menu-item .sub-content ul.columns .menu-item .sub-menu {
padding: 10px 20px 0;
}
@media (max-width: 1199px) {
ul.vertical-style li.menu-item .sub-content ul.columns .menu-item .sub-menu {
padding: 10px 10px 0;
}
}
ul.vertical-style li.menu-item .sub-content ul.columns .menu-item .sub-menu li.menu-item a {
padding: 4px 0;
}
ul.vertical-style li.menu-item .sub-content ul.columns .menu-item .sub-menu li.menu-item:hover a {
background-color: transparent;
}
ul.vertical-style li.menu-item .sub-content ul.columns > li.menu-item {
float: left;
}
ul.vertical-style li.menu-item .sub-content ul.columns.col-1 > li.menu-item {
width: 100%;
}
ul.vertical-style li.menu-item .sub-content ul.columns.col-2 > li.menu-item {
width: 50%;
}
ul.vertical-style li.menu-item .sub-content ul.columns.col-3 > li.menu-item {
width: 33.33%;
}
ul.vertical-style li.menu-item .sub-content ul.columns.col-4 > li.menu-item {
width: 25%;
}
ul.vertical-style li.menu-item .sub-content ul.columns.col-5 > li.menu-item {
width: 20%;
}
ul.vertical-style li.menu-item .sub-content ul.columns.col-6 > li.menu-item {
width: 16.66%;
}
ul.vertical-style li.menu-item .sub-content > ul.columns {
width: 100%;
}
ul.vertical-style li.menu-item .sub-content.has-left-content {
*zoom: 1;
}
ul.vertical-style li.menu-item .sub-content.has-left-content:before, ul.vertical-style li.menu-item .sub-content.has-left-content:after {
content: " ";
display: table;
}
ul.vertical-style li.menu-item .sub-content.has-left-content:after {
clear: both;
}
ul.vertical-style li.menu-item .sub-content.has-left-content > ul.columns {
width: 65%;
float: left;
}
ul.vertical-style li.menu-item .sub-content.has-left-content .mega-left-content {
padding: 35px 20px 10px;
width: 35%;
float: left;
}
@media (max-width: 1199px) {
ul.vertical-style li.menu-item .sub-content.has-left-content .mega-left-content {
padding: 25px 10px 10px;
}
}
ul.vertical-style li.menu-item .sub-content.has-right-content {
*zoom: 1;
}
ul.vertical-style li.menu-item .sub-content.has-right-content:before, ul.vertical-style li.menu-item .sub-content.has-right-content:after {
content: " ";
display: table;
}
ul.vertical-style li.menu-item .sub-content.has-right-content:after {
clear: both;
}
ul.vertical-style li.menu-item .sub-content.has-right-content > ul.columns {
width: 65%;
float: left;
}
ul.vertical-style li.menu-item .sub-content.has-right-content .mega-right-content {
padding: 35px 20px 10px;
width: 35%;
float: left;
}
@media (max-width: 1199px) {
ul.vertical-style li.menu-item .sub-content.has-right-content .mega-right-content {
padding: 25px 10px 10px;
}
}
ul.vertical-style li.menu-item .sub-content .mega-bottom-content {
padding: 15px 20px 10px;
width: 100%;
float: left;
}
@media (max-width: 1199px) {
ul.vertical-style li.menu-item .sub-content .mega-bottom-content {
padding: 10px 10px 10px;
}
}
ul.vertical-style li.menu-item .sub-content .sns-products .wpb_heading {
margin: 5px 0 20px;
padding: 0 0 10px;
font-size: 1.2857em;
position: relative;
}
ul.vertical-style li.menu-item .sub-content .sns-products .wpb_heading:before {
position: absolute;
content: "";
height: 1px;
width: 100%;
left: 0px;
bottom: -1px;
background-color: #eaeaea;
}
ul.vertical-style li.menu-item .sub-content .sns-products .product_list {
margin-bottom: 0;
}
ul.vertical-style li.menu-item .sub-content .sns-products.list-mode .owl-nav {
top: -50px;
}
ul.vertical-style li.menu-item .sub-content .sns-list-posts .wpb_heading {
margin: 5px 15px 20px;
padding: 0 0 10px;
font-size: 1.2857em;
position: relative;
}
ul.vertical-style li.menu-item .sub-content .sns-list-posts .wpb_heading:before {
position: absolute;
content: "";
height: 1px;
width: 100%;
left: 0px;
bottom: -1px;
background-color: #eaeaea;
}
ul.vertical-style > li.menu-item > a {
padding: 6px 0px 6px 0;
}
ul.vertical-style > li.menu-item > a i {
margin-right: 15px;
}
ul.vertical-style > li.menu-item > a img.sns-megamenu-icon-img {
margin-right: 15px;
}
ul.vertical-style > li.menu-item.menu-item-has-children:after {
right: 0px;
}
h2.wpb_heading, h3.wpb_heading {
margin: 0 0 45px;
font-size: 2.5714em;
font-weight: bold;
text-transform: none;
color: #333;
}
@media (max-width: 1199px) {
h2.wpb_heading, h3.wpb_heading {
font-size: 2em;
}
}
@media (max-width: 767px) {
h2.wpb_heading, h3.wpb_heading {
font-size: 1.7142em;
}
}
h2.widgettitle, h3.widgettitle {
margin: 0 0 45px;
font-size: 2.5714em;
font-weight: bold;
text-transform: none;
}
@media (max-width: 767px) {
h2.widgettitle, h3.widgettitle {
font-size: 1.8em;
}
}
.wpb_revslider_element.no-margin {
margin-bottom: 0px;
}
.vc_custom_heading.uppercase {
text-transform: uppercase;
}
@media (max-width: 1199px) {
.vc_custom_heading.want-responsive {
font-size: 2em !important;
}
}
@media (max-width: 767px) {
.vc_custom_heading.want-responsive {
font-size: 1.7142em !important;
}
}
@media (max-width: 1199px) {
.vc_custom_heading.want-responsive-sub {
font-size: 1.2857em !important;
}
}
@media (max-width: 767px) {
.vc_custom_heading.want-responsive-sub {
font-size: 1em !important;
}
}
.vc_custom_heading[class*="fa-"]:before {
font-family: FontAwesome;
}
.vc_custom_heading[class*="fa-"] span {
margin-left: 12px;
}
.vc_custom_heading[class*="fa-"].want-span-line span:before {
left: -565px;
}
.vc_custom_heading.want-span-line {
margin: 0 0 30px;
font-size: 2em;
font-weight: bold;
text-transform: uppercase;
text-align: center;
color: #333;
overflow: hidden;
}
.vc_custom_heading.want-span-line span {
position: relative;
}
.vc_custom_heading.want-span-line span:before, .vc_custom_heading.want-span-line span:after {
position: absolute;
content: "";
height: 1px;
min-width: 500px;
left: -530px;
top: 50%;
background: #eaeaea;
}
.vc_custom_heading.want-span-line span:after {
left: auto;
right: -530px;
}
.vc_custom_heading.have-line-color {
position: relative;
}
.vc_custom_heading.have-line-color:before {
position: absolute;
content: "";
height: 4px;
width: 100px;
left: 0px;
bottom: 0px;
background: #234a80;
}
.vc_custom_heading.have-cline-color {
position: relative;
}
.vc_custom_heading.have-cline-color:before {
position: absolute;
content: "";
height: 4px;
width: 100px;
left: 50%;
bottom: 0px;
margin-left: -50px;
background: #234a80;
}
.vc_custom_heading.weight-normal {
font-weight: normal;
}
@media (max-width: 767px) {
.vc_custom_heading.fs-xs {
font-size: 28px !important;
background: none !important;
}
}
.vc_custom_heading.have-zigzag-cline {
position: relative;
}
@media (max-width: 1199px) {
.vc_custom_heading.have-zigzag-cline {
font-size: 2em !important;
}
}
@media (max-width: 767px) {
.vc_custom_heading.have-zigzag-cline {
font-size: 1.7142em !important;
}
}
.vc_custom_heading.have-zigzag-cline:before {
background: linear-gradient(-45deg, transparent 16px, #234a80 0), linear-gradient(45deg, transparent 16px, #234a80 0);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-repeat: repeat, repeat;
background-size: auto auto, auto auto;
background-repeat: repeat-x;
background-position: left bottom;
background-size: 22px 32px;
content: "";
display: block;
width: 65px;
height: 16px;
position: absolute;
bottom: 0px;
left: calc(50% - 32.5px);
}
.vc_custom_heading.have-zigzag-cline:after {
background: linear-gradient(-45deg, transparent 16px, #fff 0), linear-gradient(45deg, transparent 16px, #fff 0);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-repeat: repeat, repeat;
background-size: auto auto, auto auto;
background-repeat: repeat-x;
background-position: left bottom;
background-size: 22px 32px;
content: "";
display: block;
width: 65px;
height: 16px;
position: absolute;
bottom: 3px;
left: calc(50% - 32.5px);
}
.vc_custom_heading.have-line-border {
padding: 0 0 15px;
margin: 0 0 30px;
border-bottom: 1px solid #eaeaea;
text-transform: uppercase;
}
.wpb_text_column.uppercase {
text-transform: uppercase;
}
.have-zigzag-cline .wpb_heading {
position: relative;
padding-bottom: 30px;
margin-bottom: 45px;
}
.have-zigzag-cline .wpb_heading:before {
background: linear-gradient(-45deg, transparent 16px, #234a80 0), linear-gradient(45deg, transparent 16px, #234a80 0);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-repeat: repeat, repeat;
background-size: auto auto, auto auto;
background-repeat: repeat-x;
background-position: left bottom;
background-size: 22px 32px;
content: "";
display: block;
width: 65px;
height: 16px;
position: absolute;
bottom: 0px;
left: calc(50% - 32.5px);
}
.have-zigzag-cline .wpb_heading:after {
background: linear-gradient(-45deg, transparent 16px, #fff 0), linear-gradient(45deg, transparent 16px, #fff 0);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-repeat: repeat, repeat;
background-size: auto auto, auto auto;
background-repeat: repeat-x;
background-position: left bottom;
background-size: 22px 32px;
content: "";
display: block;
width: 65px;
height: 16px;
position: absolute;
bottom: 3px;
left: calc(50% - 32.5px);
}
@media (max-width: 767px) {
body .no-padding-xs {
padding: 0 0 !important;
}
body .no-padding-xs.wpb_column > .vc_column-inner {
padding: 0 0 !important;
}
body .no-padding-h-xs {
padding-left: 0 !important;
padding-right: 0 !important;
}
body .no-padding-h-xs.wpb_column > .vc_column-inner {
padding-left: 0 !important;
padding-right: 0 !important;
}
body .no-padding-top-xs {
padding-top: 0 !important;
}
body .no-padding-top-xs.wpb_column > .vc_column-inner {
padding-top: 0 !important;
}
body .no-padding-bottom-xs {
padding-bottom: 0 !important;
}
body .no-padding-bottom-xs.wpb_column > .vc_column-inner {
padding-bottom: 0 !important;
}
body .reset-padding-xs {
padding-left: 15px !important;
padding-right: 15px !important;
}
body .reset-padding-xs.wpb_column > .vc_column-inner {
padding-left: 7.5px !important;
padding-right: 7.5px !important;
}
}
body .vc_progress_bar .vc_single_bar {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
margin-top: 35px;
}
body .vc_progress_bar .vc_single_bar .vc_label {
top: -20px;
font-size: 100%;
color: inherit !important;
padding: 0 0 !important;
text-shadow: none !important;
}
body .vc_progress_bar .vc_single_bar .vc_label .vc_label_units {
position: absolute;
right: 0px;
}
.align-center {
text-align: center;
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
@media (max-width: 767px) {
.align-left-xs {
text-align: left !important;
}
}
.wpb_single_image.banner1 a {
display: block;
position: relative;
overflow: hidden;
}
.wpb_single_image.banner1 a:before {
content: "";
display: block;
height: 100%;
width: 100%;
position: absolute;
-webkit-transition: all 0.25s ease-in 0s;
-o-transition: all 0.25s ease-in 0s;
transition: all 0.25s ease-in 0s;
background: rgba(0, 0, 0, 0.07);
opacity: 0;
}
.wpb_single_image.banner1 a:hover:before {
opacity: 1;
}
.wpb_single_image.banner-1-2 a {
display: block;
position: relative;
overflow: hidden;
}
.wpb_single_image.banner-1-2 a img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
opacity: 0.3;
-webkit-transition: all 0.25s ease-in-out 0s;
-o-transition: all 0.25s ease-in-out 0s;
transition: all 0.25s ease-in-out 0s;
}
.wpb_single_image.banner-1-2 a:hover img {
filter: grayscale(0);
-webkit-filter: grayscale(0);
opacity: 1;
}
.wpb_single_image.banner2 a {
display: block;
position: relative;
overflow: hidden;
}
.wpb_single_image.banner2 a img {
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.wpb_single_image.banner2 a:before {
bottom: 0;
content: "";
height: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 0;
z-index: 99;
background-color: rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
height: 100%;
width: 100%;
opacity: 0;
}
.wpb_single_image.banner2 a:hover:before {
opacity: 1;
}
.wpb_single_image.banner3 a {
display: block;
position: relative;
overflow: hidden;
}
.wpb_single_image.banner3 a img {
-webkit-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.wpb_single_image.banner3 a:after {
background: url(//powerbearings.co/wp-content/themes/valen/assets/img/mlass.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
content: "";
height: 100%;
left: -100%;
position: absolute;
top: 0;
-webkit-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
width: 100%;
}
.wpb_single_image.banner3 a:hover:after {
left: 100%;
-webkit-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.wpb_single_image.banner3 a:hover img {
-webkit-transform : scale(1.05);
-moz-transform : scale(1.05);
-ms-transform : scale(1.05);
-o-transform : scale(1.05);
transform : scale(1.05);
opacity: 0.9;
}
.wpb_single_image.banner4 a {
display: block;
position: relative;
overflow: hidden;
}
.wpb_single_image.banner4 a img {
-webkit-transition: all 0.6s ease-in-out 0s;
-o-transition: all 0.6s ease-in-out 0s;
transition: all 0.6s ease-in-out 0s;
}
.wpb_single_image.banner4 a:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.wpb_single_image.banner4 a:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.wpb_single_image.banner4 a:hover:before {
right: 50%;
left: 50%;
background: rgba(255, 255, 255, 0.4);
}
.wpb_single_image.banner4 a:hover:after {
top: 50%;
bottom: 50%;
background: rgba(255, 255, 255, 0.4);
}
.wpb_single_image.banner5 a {
display: block;
position: relative;
overflow: hidden;
}
.wpb_single_image.banner5 a img {
-webkit-transition: all 0.6s ease-in-out 0s;
-o-transition: all 0.6s ease-in-out 0s;
transition: all 0.6s ease-in-out 0s;
}
.wpb_single_image.banner5 a:before {
border-bottom: 1px solid rgba(255, 255, 255, 0.85);
border-top: 1px solid rgba(255, 255, 255, 0.85);
bottom: 15px;
content: "";
left: 15px;
position: absolute;
right: 15px;
top: 15px;
transform: scale(0, 1);
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.wpb_single_image.banner5 a:after {
border-left: 1px solid rgba(255, 255, 255, 0.85);
border-right: 1px solid rgba(255, 255, 255, 0.85);
bottom: 15px;
content: "";
left: 15px;
position: absolute;
right: 15px;
top: 15px;
transform: scale(1, 0);
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.wpb_single_image.banner5 a:hover:before, .wpb_single_image.banner5 a:hover:after {
transform: scale(1);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.wpb_single_image.banner6 a {
display: block;
position: relative;
overflow: hidden;
}
.wpb_single_image.banner6 a img {
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.wpb_single_image.banner6 a:before {
border: 0 solid rgba(255, 255, 255, 0);
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
-moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
-webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
-o-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}
.wpb_single_image.banner6 a:hover:before {
border: 10px solid rgba(0, 0, 0, 0.1);
opacity: 1;
}
.wpb_single_image.banner7 a {
display: block;
position: relative;
overflow: hidden;
}
.wpb_single_image.banner7 a img {
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.wpb_single_image.banner7 a:before {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
content: "";
height: 100%;
left: 50%;
opacity: 0;
position: absolute;
top: 0;
-webkit-transition: all 0.25s ease-in-out 0s;
-o-transition: all 0.25s ease-in-out 0s;
transition: all 0.25s ease-in-out 0s;
width: 0;
}
.wpb_single_image.banner7 a:hover:before {
height: 100%;
left: 0;
opacity: 1;
top: 0;
-webkit-transition: all 0.25s ease-in-out 0s;
-o-transition: all 0.25s ease-in-out 0s;
transition: all 0.25s ease-in-out 0s;
width: 100%;
}
.wpb_single_image.banner8 a {
display: block;
position: relative;
overflow: hidden;
}
.wpb_single_image.banner8 a img {
opacity: 0.95;
transform: scale3d(1.05, 1.05, 1);
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}
.wpb_single_image.banner8 a:before {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px);
transition: transform 0.6s ease 0s;
width: 100%;
}
.wpb_single_image.banner8 a:hover img {
opacity: 0.6;
transform: scale3d(1, 1, 1);
}
.wpb_single_image.banner8 a:hover:before {
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);
}
.wpb_single_image.banner9 a {
display: block;
position: relative;
overflow: hidden;
}
.wpb_single_image.banner9 a img {
-webkit-transform : scale(1);
-moz-transform : scale(1);
-ms-transform : scale(1);
-o-transform : scale(1);
transform : scale(1);
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.wpb_single_image.banner9 a:before, .wpb_single_image.banner9 a:after {
content: "";
position: absolute;
-webkit-transition: all 0.25s ease-in-out 0s;
-o-transition: all 0.25s ease-in-out 0s;
transition: all 0.25s ease-in-out 0s;
}
.wpb_single_image.banner9 a:before {
background: rgba(0, 0, 0, 0.2);
height: 100%;
left: 0;
opacity: 0;
overflow: hidden;
top: 0;
width: 100%;
z-index: 1;
}
.wpb_single_image.banner9 a:after {
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
border: 1px solid rgba(255, 255, 255, 0.8);
opacity: 0;
z-index: 2;
}
.wpb_single_image.banner9 a:hover:before {
opacity: 0.6;
-webkit-transform : scale(1);
-moz-transform : scale(1);
-ms-transform : scale(1);
-o-transform : scale(1);
transform : scale(1);
visibility: visible;
}
.wpb_single_image.banner9 a:hover:after {
opacity: 1;
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
opacity: 1;
}
.wpb_single_image.banner9 a:hover img {
-webkit-transform : scale(1);
-moz-transform : scale(1);
-ms-transform : scale(1);
-o-transform : scale(1);
transform : scale(1);
}
.wpb_single_image.banner10 a {
display: block;
position: relative;
overflow: hidden;
}
.wpb_single_image.banner10 a:before {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255, 255, 255, 0.2);
border-radius: 100%;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.wpb_single_image.banner10 a:hover:before {
-webkit-animation: circle 0.75s;
-ms-animation: circle 0.75s;
-o-animation: circle 0.75s;
animation: circle 0.75s;
}
.wpb_single_image.banner11 a {
display: block;
position: relative;
overflow: hidden;
}
.wpb_single_image.banner11 a:before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
-ms-transform: skewX(-25deg);
-o-transform: skewX(-25deg);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.wpb_single_image.banner11 a:hover:before {
-webkit-animation: shinex 1s;
-ms-animation: shinex 1s;
-o-animation: shinex 1s;
animation: shinex 1s;
}
.wpb_single_image.banner12 a:hover img {
opacity: 1;
-ms-animation: flash 1.2s;
-o-animation: flash 1.2s;
-webkit-animation: flash 1.2s;
animation: flash 1.2s;
}
.wpb_single_image.banner13 a {
display: block;
position: relative;
overflow: hidden;
}
.wpb_single_image.banner13 a img {
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.wpb_single_image.banner13 a:before {
background: url(//powerbearings.co/wp-content/themes/valen/assets/img/plus.png) no-repeat scroll center center / 60px 60px rgba(0, 0, 0, 0.1);
content: "";
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
-webkit-transform : scale(0.4) rotateY(180deg);
-moz-transform : scale(0.4) rotateY(180deg);
-ms-transform : scale(0.4) rotateY(180deg);
-o-transform : scale(0.4) rotateY(180deg);
transform : scale(0.4) rotateY(180deg);
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
width: 100%;
z-index: 100;
opacity: 0;
}
.wpb_single_image.banner13 a:hover:before {
opacity: 0.6;
-webkit-transform : scale(1) rotate(0deg);
-moz-transform : scale(1) rotate(0deg);
-ms-transform : scale(1) rotate(0deg);
-o-transform : scale(1) rotate(0deg);
transform : scale(1) rotate(0deg);
visibility: visible;
}
.wpb_gmaps_widget .wpb_wrapper {
padding: 0px !important;
}
.wpb_row.row-visible {
overflow: visible !important;
}
@media (min-width: 1850px) {
.wpb_row.row-notextra {
max-width: 1200px;
width: 1200px;
margin-left: auto !important;
margin-right: auto !important;
}
}
.wpb_row.row-newsletter {
background-repeat: no-repeat;
background-position: center center;
}
@media (max-width: 767px) {
.wpb_row.vc_row {
margin-left: -7.5px;
margin-right: -7.5px;
}
}
@media (max-width: 767px) {
.wpb_row .wpb_column > .vc_column-inner {
padding-left: 7.5px;
padding-right: 7.5px;
}
}
.wpb_row .wpb_column.inline-inner-block > .vc_column-inner {
padding-top: 0px;
}
.wpb_row .wpb_column.inline-inner-block > .vc_column-inner > .wpb_wrapper > * {
display: inline;
float: left;
margin-bottom: 0px;
}
.wpb_row .wpb_column.inline-inner-block.center {
text-align: center;
}
.wpb_row .wpb_column.inline-inner-block.center > .vc_column-inner {
width: auto !important;
display: inline-block;
}
.wpb_row .wpb_column.float-right {
float: right;
}
.wpb_row .wpb_column.float-right > .vc_column-inner > .wpb_wrapper {
float: right;
}
@media (max-width: 767px) {
.wpb_row .wpb_column.float-right > .vc_column-inner > .wpb_wrapper {
float: none;
}
}
.wpb_row .wpb_column.bg-gradient {
background: linear-gradient(#eebf99, #fff);
}
.wpb_row .wpb_column.bg-gradient > .vc_column-inner > .wpb_wrapper {
background: #fff;
}
@media (min-width: 767px) {
.wpb_row .wpb_column.bg-gradient > .vc_column-inner > .wpb_wrapper {
padding-top: 30px;
}
}
@media (max-width: 480px) {
.wpb_row .wpb_column.col-phone-12 {
width: 100%;
}
}
@media (max-width: 480px) {
.wpb_row .wpb_column.col-phone-offset-none {
margin-left: 0px;
}
}
@media (max-width: 767px) {
.wpb_row .wpb_column.normal-space-xs .vc_column-inner {
padding-left: 15px !important;
padding-right: 15px !important;
}
}
@media (max-width: 480px) {
.wpb_row .wpb_column.normal-space-phone .vc_column-inner {
padding-left: 15px !important;
padding-right: 15px !important;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.wpb_row .wpb_column.no-border-ipadl .vc_column-inner {
border: none !important;
}
}
@media (max-width: 992px) and (min-width: 767px) {
.wpb_row .wpb_column.no-border-ipadp .vc_column-inner {
border: none !important;
}
}
@media (max-width: 767px) {
.wpb_row .wpb_column.no-border-phone .vc_column-inner {
border: none !important;
}
}
@media (min-width: 1921px) {
.sns-main.col-md-12 > section > .vc_row.row-1920.vc_row-no-padding[data-vc-full-width=true] {
width: 1920px !important;
position: relative;
left: calc(50% + 15px) !important;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
}
.sns-comingsoon-product {
background-position: calc(50% - 480px) top;
background-repeat: no-repeat;
background-color: #f5f5f5;
}
@media (max-width: 992px) {
.sns-comingsoon-product {
background-image: none !important;
}
}
.sns-comingsoon-product .item {
*zoom: 1;
position: relative;
display: flex;
}
.sns-comingsoon-product .item:before, .sns-comingsoon-product .item:after {
content: " ";
display: table;
}
.sns-comingsoon-product .item:after {
clear: both;
}
@media (max-width: 992px) {
.sns-comingsoon-product .item {
display: block;
}
}
.sns-comingsoon-product .content-part {
display: block;
width: 50%;
float: left;
padding: 80px 15px;
text-align: center;
}
@media (max-width: 1199px) {
.sns-comingsoon-product .content-part {
padding: 60px 15px;
}
}
@media (max-width: 992px) {
.sns-comingsoon-product .content-part {
width: 100%;
padding: 40px 15px 80px;
}
}
.sns-comingsoon-product .content-part > * {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1850px) {
.sns-comingsoon-product .content-part > * {
max-width: 75%;
}
}
@media (max-width: 1199px) {
.sns-comingsoon-product .content-part > * {
max-width: 100%;
}
}
@media (max-width: 992px) {
.sns-comingsoon-product .content-part > * {
max-width: 95%;
}
}
.sns-comingsoon-product .content-part .pre-title {
display: block;
margin-bottom: 30px;
}
.sns-comingsoon-product .content-part .pre-title span {
background: #234a80;
color: #fff;
text-transform: uppercase;
padding: 0 5px;
}
.sns-comingsoon-product .content-part .item-title {
font-size: 2.5714em;
font-weight: bold;
margin-bottom: 20px;
}
@media (max-width: 1199px) {
.sns-comingsoon-product .content-part .item-title {
font-size: 2em;
}
}
.sns-comingsoon-product .content-part .item-atts {
margin-top: 25px;
text-align: left;
}
.sns-comingsoon-product .content-part .item-atts .sns-info-box .icon {
margin-right: 10px;
}
.sns-comingsoon-product .content-part .item-atts .sns-info-box .content-info-box .sc_heading {
font-size: 1em;
margin-bottom: 3px;
}
.sns-comingsoon-product .content-part .item-button {
display: inline-block;
margin: 45px auto 0;
padding: 12px 30px 12px 50px;
background: #fff;
}
@media (max-width: 480px) {
.sns-comingsoon-product .content-part .item-button {
padding: 12px 30px 17px;
}
}
.sns-comingsoon-product .content-part .item-button .pre-text {
display: inline-block;
float: left;
line-height: 45px;
color: #234a80;
font-size: 2em;
}
@media (max-width: 1199px) {
.sns-comingsoon-product .content-part .item-button .pre-text {
font-size: 1.1428em;
}
}
@media (max-width: 480px) {
.sns-comingsoon-product .content-part .item-button .pre-text {
float: none;
margin-bottom: 5px;
line-height: inherit;
}
}
.sns-comingsoon-product .content-part .item-button .btn {
margin: 0 20px;
padding: 0 40px;
}
.sns-comingsoon-product .date-part {
width: 50%;
float: left;
}
@media (max-width: 992px) {
.sns-comingsoon-product .date-part {
width: 100%;
padding-top: 80px;
}
}
.sns-comingsoon-product .date-part .time-count-down {
padding: 0;
height: 90px;
line-height: 56px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
margin: 0 auto;
}
@media (min-width: 992px) {
.sns-comingsoon-product .date-part .time-count-down {
position: relative;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: inline-block;
width: 365px;
}
}
@media (max-width: 992px) {
.sns-comingsoon-product .date-part .time-count-down {
text-align: center;
height: 70px;
}
}
.sns-comingsoon-product .date-part .time-count-down .clock-digi {
overflow: hidden;
display: block;
line-height: 1;
}
@media (max-width: 992px) {
.sns-comingsoon-product .date-part .time-count-down .clock-digi {
display: inline-block;
}
}
.sns-comingsoon-product .date-part .time-count-down .clock-digi > div {
display: inline-block;
float: left;
padding: 0;
width: calc(25% - 1px);
height: 90px;
margin: 0 0 0 1px;
text-align: center;
font-size: 1em;
background: rgba(35, 74, 128, 0.8);
color: #fff;
position: relative;
text-transform: uppercase;
}
.sns-comingsoon-product .date-part .time-count-down .clock-digi > div > div {
display: inline-block;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
}
.sns-comingsoon-product .date-part .time-count-down .clock-digi > div > div > div {
display: block;
margin: 0 0 3px;
font-weight: bold;
font-size: 2em;
color: #fff;
}
@media (max-width: 992px) {
.sns-comingsoon-product .date-part .time-count-down .clock-digi > div {
width: 70px;
height: 70px;
}
.sns-comingsoon-product .date-part .time-count-down .clock-digi > div > div > div {
font-size: 1.7142em;
}
}
.sns-shopby-categories {
overflow: hidden;
padding: 85px 0 0;
}
@media (max-width: 767px) {
.sns-shopby-categories {
padding: 70px 0 0;
}
}
.sns-shopby-categories .wpb_heading {
font-size: 1.1428em;
text-transform: none;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 20px;
padding: 0 30px;
}
@media (max-width: 1199px) {
.sns-shopby-categories .wpb_heading {
padding: 0 20px;
}
}
@media (max-width: 767px) {
.sns-shopby-categories .wpb_heading {
margin-bottom: 10px;
}
}
.sns-shopby-categories .cat-img {
display: block;
margin: 0 0 25px;
-webkit-transition: all 0.15s ease-in-out 0s;
-o-transition: all 0.15s ease-in-out 0s;
transition: all 0.15s ease-in-out 0s;
-webkit-transform : translateX(-20px);
-moz-transform : translateX(-20px);
-ms-transform : translateX(-20px);
-o-transform : translateX(-20px);
transform : translateX(-20px);
}
@media (max-width: 767px) {
.sns-shopby-categories .cat-img {
margin-bottom: 10px;
}
}
.sns-shopby-categories .content {
padding: 0 30px;
}
@media (max-width: 1199px) {
.sns-shopby-categories .content {
padding: 0 20px;
}
}
.sns-shopby-categories .content ul {
margin: 0;
padding: 0;
list-style: none;
margin: 0 0 15px;
}
.sns-shopby-categories .content ul li {
padding: 3px 0;
}
.sns-shopby-categories .content ul li:first-child {
padding-top: 0px;
}
.sns-shopby-categories .content ul li a {
color: #666;
position: relative;
}
.sns-shopby-categories .content ul li a:before {
content: "\f115";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: '14px';
height: '14px';
text-align: center;
line-height: '14px';
left: 0px;
top: 50%;
margin-top: -7px;
position: absolute;
opacity: 0;
-webkit-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.sns-shopby-categories .content ul li a:hover {
color: #234a80;
padding-left: 20px;
}
.sns-shopby-categories .content ul li a:hover:before {
opacity: 1;
}
.sns-shopby-categories .content a.view-all {
position: relative;
padding-left: 18px;
text-transform: uppercase;
color: #234a80;
}
.sns-shopby-categories .content a.view-all:before {
content: "\f18e";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: '16px';
height: '16px';
text-align: center;
line-height: '16px';
font-size: 16px;
left: 0px;
top: 50%;
margin-top: -8px;
position: absolute;
}
.sns-shopby-categories .content a.view-all:hover {
text-decoration: underline;
}
.sns-shopby-categories:hover .cat-img {
-webkit-transform : translateX(0px);
-moz-transform : translateX(0px);
-ms-transform : translateX(0px);
-o-transform : translateX(0px);
transform : translateX(0px);
}
.sns-single-product .box-label {
display: block;
margin: 0 0 25px;
}
.sns-single-product .box-label span {
background: #234a80;
color: #fff;
display: inline-block;
text-transform: uppercase;
padding: 0 6px;
}
.sns-single-product .item-title {
font-size: 3em;
line-height: 1.1;
margin: 0 0 30px;
}
.sns-single-product .woocommerce-product-details__short-description {
margin: 0 0 40px;
}
.sns-single-product .woocommerce-product-details__short-description p:last-child {
margin: 0 0;
}
.sns-single-product .price {
margin: 0 0 40px;
}
.sns-single-product .price .amount {
font-size: 2em;
}
.sns-banner-product {
position: relative;
overflow: hidden;
}
.sns-banner-product .prd-img {
position: relative;
display: block;
text-align: center;
}
.sns-banner-product .prd-img img {
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-banner-product .prd-info {
padding: 30px 30px 20px;
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
}
@media (max-width: 1199px) {
.sns-banner-product .prd-info {
padding: 20px;
}
}
.sns-banner-product .prd-info .cat-title {
margin: 0 0 2px;
}
.sns-banner-product .prd-info .cat-title a {
color: #234a80;
text-transform: uppercase;
}
.sns-banner-product .prd-info .cat-title a:hover {
text-decoration: underline;
}
.sns-banner-product .prd-info .prd-title {
font-size: 1em;
text-transform: uppercase;
margin: 0 0 2px;
}
.sns-banner-product .prd-info div.price {
font-size: 1em;
margin: 0 0 2px;
}
.sns-banner-product .prd-info div.price .price-value {
color: #234a80;
font-size: 1em;
font-weight: bold;
}
.sns-banner-product .prd-info div.price .price {
font-size: 1em;
}
@media (max-width: 992px) and (min-width: 480px) {
.sns-banner-product .prd-info {
padding: 15px;
font-size: 0.8571em;
}
.sns-banner-product .prd-info .cat-title {
display: none;
}
}
.sns-banner-product:hover .prd-img img {
-webkit-transform : scale(1.1);
-moz-transform : scale(1.1);
-ms-transform : scale(1.1);
-o-transform : scale(1.1);
transform : scale(1.1);
}
.sns-cat-info {
position: relative;
overflow: hidden;
text-align: center;
}
.sns-cat-info .cat-img {
position: relative;
display: inline-block;
text-align: center;
margin: 0 auto 25px;
border-radius: 100%;
overflow: hidden;
}
.sns-cat-info .cat-img img {
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-cat-info .cat-img:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.05);
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
z-index: 1;
}
.sns-cat-info .cat-info {
display: block;
text-align: center;
}
.sns-cat-info .cat-info .cat-title {
font-size: 1.1428em;
font-weight: bold;
text-transform: uppercase;
margin: 0 auto 5px;
}
.sns-cat-info .cat-info .cat-prd-num {
color: #aaa;
}
.sns-cat-info:hover .cat-img img {
-webkit-animation: bounceIn 400ms ease both !important;
-o-animation: bounceIn 400ms ease both !important;
animation: bounceIn 400ms ease both !important;
}
.sns-cat-info:hover .cat-img:before {
background: rgba(0, 0, 0, 0.07);
}
.sns-banner.style-1 .img-banner {
position: relative;
display: inline-block;
}
.sns-banner.style-1 .img-banner:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-banner.style-1 .banner-link {
position: absolute;
right: 15px;
bottom: 15px;
color: #fff;
border: 1px solid #fff;
height: 38px;
line-height: 38px;
display: inline-block;
text-transform: uppercase;
font-weight: bold;
padding: 0 38px 0 0;
width: 0px;
overflow: hidden;
}
.sns-banner.style-1 .banner-link:after {
content: "\f178";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
font-size: 14px;
line-height: inherit;
position: absolute;
right: 12px;
top: 0px;
}
.sns-banner.style-1 .banner-link span {
-webkit-transform : translateX(-40px);
-moz-transform : translateX(-40px);
-ms-transform : translateX(-40px);
-o-transform : translateX(-40px);
transform : translateX(-40px);
display: block;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
visibility: hidden;
opacity: 0;
}
.sns-banner.style-1 .banner-link:hover {
padding: 0 38px 0 12px;
font-size: 1em;
background: rgba(255, 255, 255, 0.3);
width: auto;
}
.sns-banner.style-1 .banner-link:hover span {
visibility: visible;
opacity: 1;
-webkit-transform : translateX(0px);
-moz-transform : translateX(0px);
-ms-transform : translateX(0px);
-o-transform : translateX(0px);
transform : translateX(0px);
}
.sns-banner.style-1:hover .img-banner:before {
opacity: 1;
}
.sns-banner.style-2 {
position: relative;
}
.sns-banner.style-2 .img-banner {
position: relative;
display: inline-block;
}
.sns-banner.style-2 .img-banner:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
opacity: 0;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-banner.style-2 .banner-text {
position: absolute;
bottom: 30px;
left: 30px;
}
.sns-banner.style-2 .banner-text h3.title {
font-size: 2em;
color: inherit;
margin: 0 0;
}
.sns-banner.style-2 .banner-text a.banner-link {
color: inherit;
text-transform: uppercase;
padding-right: 5px;
}
.sns-banner.style-2 .banner-text a.banner-link:after {
content: "\f101";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: '14px';
height: '14px';
text-align: center;
line-height: '14px';
position: relative;
right: -5px;
}
.sns-banner.style-2 .banner-text a.banner-link:hover {
text-decoration: underline;
}
.sns-banner.style-2:hover .img-banner:before {
opacity: 1;
}
.sns-info-inline .vc_icon_element-icon {
margin-right: 10px;
}
.sns-info-inline a:hover {
text-decoration: none;
}
.sns-info-inline.social {
margin-right: 20px;
}
.sns-info-inline.social .vc_icon_element-icon {
margin: 0;
}
.sns-info-inline.social_rounded a {
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
border-radius: 100%;
background-color: #e1e1e1;
margin-right: 10px;
float: left;
font-size: 20px;
}
.sns-info-inline.social_rounded a .vc_icon_element-icon {
margin: 0 0;
line-height: 40px;
}
.sns-info-inline.social_rounded a:hover {
background-color: #234a80;
color: #fff;
}
.sns-info-inline.have-left-border {
padding-left: 15px;
margin-left: 15px;
position: relative;
}
.sns-info-inline.have-left-border:before {
position: absolute;
content: '';
height: 13px;
margin-top: -6px;
width: 1px;
left: 0px;
top: 50%;
background-color: #ccc;
}
.sns-info-inline.have-right-border {
padding-right: 15px;
margin-right: 15px;
position: relative;
}
.sns-info-inline.have-right-border:before {
position: absolute;
content: '';
height: 13px;
margin-top: -6px;
width: 1px;
right: 0px;
top: 50%;
background-color: #ccc;
}
.sns-popup-video {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
text-align: center;
}
.sns-popup-video > * {
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
top: 50%;
color: #fff;
margin: 0 auto;
position: relative;
display: inline-block;
}
.sns-popup-video > * .title {
display: block;
font-size: 84px;
font-weight: bold;
color: #fff;
line-height: 1.1;
margin: -5px 20px 50px;
}
.sns-popup-video > * .btn-popupvideo {
display: inline-block;
color: #666;
padding: 12px 30px;
border-radius: 5px;
background: #fff;
text-transform: uppercase;
font-weight: bold;
}
.sns-popup-video > * .btn-popupvideo:hover {
color: #fff;
background: #234a80;
}
@media (max-width: 1199px) {
.sns-popup-video {
max-height: 550px;
}
}
@media (max-width: 992px) {
.sns-popup-video {
max-height: 450px;
}
.sns-popup-video > * .title {
font-size: 60px;
}
}
@media (max-width: 767px) {
.sns-popup-video {
max-height: 350px;
}
.sns-popup-video > * .title {
font-size: 50px;
}
}
.sns-grid-items {
margin: 0 -15px;
*zoom: 1;
}
.sns-grid-items:before, .sns-grid-items:after {
content: " ";
display: table;
}
.sns-grid-items:after {
clear: both;
}
.sns-grid-items > * {
float: left;
padding: 0 15px;
}
@media (max-width: 992px) {
.sns-grid-items {
margin: 0 -8px;
}
.sns-grid-items > * {
padding: 0 8px;
}
.sns-grid-items > *.wpb_single_image {
margin-bottom: 16px !important;
}
}
.sns-grid-items[data-desktop='6'] > * {
width: 16.6666%;
}
.sns-grid-items[data-desktop='5'] > * {
width: 20%;
}
.sns-grid-items[data-desktop='4'] > * {
width: 25%;
}
@media (max-width: 1800px) and (min-width: 1199px) {
.sns-grid-items[data-desktop='4'] > * {
width: 20%;
}
}
@media (max-width: 1199px) {
.sns-grid-items[data-tabletl='4'] > * {
width: 25%;
}
}
@media (max-width: 992px) {
.sns-grid-items[data-tabletp='3'] > * {
width: 33.3333%;
}
}
@media (max-width: 767px) {
.sns-grid-items[data-mobilel='2'] > * {
width: 50%;
}
.sns-grid-items[data-mobilel='3'] > * {
width: 33.3333%;
}
}
@media (max-width: 480px) {
.sns-grid-items[data-mobilep='2'] > * {
width: 50%;
}
}
.sns-360-degree-product .product-title {
margin: 0 0 15px;
font-size: 3em;
font-weight: bold;
color: #333;
}
@media (max-width: 1199px) {
.sns-360-degree-product .product-title {
font-size: 2.1428em;
}
}
@media (max-width: 992px) {
.sns-360-degree-product .product-title {
font-size: 1.7142em;
}
}
.sns-360-degree-product .desc {
margin: 0 0 30px;
}
.sns-360-degree-product .desc ul {
margin: 0;
padding: 0;
list-style: none;
}
.sns-360-degree-product .desc ul li {
padding: 6px 0 6px 20px;
position: relative;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-360-degree-product .desc ul li:before {
position: absolute;
content: "";
left: 0px;
top: 11.5px;
height: 12px;
width: 12px;
border-radius: 100%;
background: #ccc;
}
.sns-360-degree-product .desc ul li:hover {
color: #333;
}
.sns-360-degree-product .desc ul li:hover:before {
background-color: #234a80;
}
.sns-360-degree-product .desc ol li {
padding: 6px 0;
}
.sns-360-degree-product .desc h1, .sns-360-degree-product .desc h2, .sns-360-degree-product .desc h3, .sns-360-degree-product .desc h4, .sns-360-degree-product .desc h5, .sns-360-degree-product .desc h6 {
text-transform: uppercase;
}
.sns-360-degree-product .btn.readmore {
padding: 14px 30px;
}
.sns-360-degree-product .content-left {
width: 50%;
padding: 0 15px 0 0;
float: left;
}
@media (max-width: 480px) {
.sns-360-degree-product .content-left {
width: 100%;
padding: 0 0 50px;
float: none;
}
}
.sns-360-degree-product .content-right {
width: 50%;
padding: 0 0 0 15px;
float: left;
}
@media (max-width: 480px) {
.sns-360-degree-product .content-right {
width: 100%;
padding: 0 0;
float: none;
}
}
.sns-360-degree-product .content-360 {
display: block;
text-align: center;
cursor: ew-resize;
position: relative;
top: -20px;
}
.sns-360-degree-product .images {
list-style: none;
margin: 0;
padding: 0;
}
.sns-360-degree-product .images img {
position: absolute;
top: 0;
right: 0px;
height: auto;
-webkit-transform : translateX(-50%);
-moz-transform : translateX(-50%);
-ms-transform : translateX(-50%);
-o-transform : translateX(-50%);
transform : translateX(-50%);
left: 50%;
}
.sns-360-degree-product .images img.previous-image {
visibility: hidden;
}
.sns-360-degree-product .images img.current-image {
visibility: visible;
}
.sns-360-degree-product .spinner {
width: 60px;
display: none;
margin: 0 auto;
height: 30px;
background: rgba(0, 0, 0, 0.4);
border-radius: 5px;
}
.sns-360-degree-product .spinner span {
font-size: 12px;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 30px;
display: block;
}
.sns-360-degree-product .nav_bar {
position: absolute;
bottom: -20px;
left: calc(50% - 60px);
z-index: 11;
}
.sns-360-degree-product .nav_bar a {
display: block;
width: 30px;
height: 30px;
margin: 0 5px;
float: left;
background: url(//powerbearings.co/wp-content/themes/valen/assets/img/nav-360.png) no-repeat;
text-indent: -99999px;
}
.sns-360-degree-product .nav_bar a.nav_bar_play {
background-position: -65px -1px !important;
}
.sns-360-degree-product .nav_bar a.nav_bar_previous {
background-position: -33px -1px !important;
}
.sns-360-degree-product .nav_bar a.nav_bar_stop {
background-position: -97px -1px !important;
}
.sns-360-degree-product .nav_bar a.nav_bar_next {
background-position: -1px -1px !important;
}
.sns-counter {
*zoom: 1;
margin-bottom: 30px;
}
.sns-counter:before, .sns-counter:after {
content: " ";
display: table;
}
.sns-counter:after {
clear: both;
}
@media (max-width: 1199px) {
.sns-counter {
padding: 0 20px;
}
}
.sns-counter .vc_icon_element-icon {
display: inline-block;
margin: 0 15px 0 0;
float: left;
}
.sns-counter .counter-value {
display: block;
margin: 0 0 5px;
font-weight: bold;
color: #333;
}
.sns-counter .counter-value > span {
margin: 0 2px 0 0;
}
.sns-counter .title {
margin: 0 0;
}
.sns-counter.align-center {
text-align: center;
}
.sns-counter.align-center .vc_icon_element-icon {
display: block;
float: none;
margin: 0 0 10px;
}
.sns-counter.align-center .counter-value {
display: block;
}
.sns-time-countdown.style1 {
margin: 40px 0;
display: block;
text-align: center;
}
.sns-time-countdown.style1 .clock-digi {
overflow: hidden;
display: inline-block;
}
.sns-time-countdown.style1 .clock-digi > div {
display: inline-block;
float: left;
padding: 0;
width: 70px;
height: 70px;
margin: 0 3px;
text-align: center;
text-transform: uppercase;
font-size: 11px;
background: rgba(0, 0, 0, 0.4);
color: #fff;
position: relative;
}
.sns-time-countdown.style1 .clock-digi > div > div {
display: inline-block;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
}
.sns-time-countdown.style1 .clock-digi > div > div > div {
display: block;
padding: 0 0;
font-weight: bold;
font-size: 24px;
text-transform: none;
}
.sns-time-countdown.style1 .clock-digi > div:nth-child(2) {
background: rgba(0, 0, 0, 0.36);
}
.sns-time-countdown.style1 .clock-digi > div:nth-child(3) {
background: rgba(0, 0, 0, 0.32);
}
.sns-time-countdown.style1 .clock-digi > div:nth-child(4) {
background: rgba(0, 0, 0, 0.28);
}
.sns-time-countdown.style2 {
margin: 40px 0;
display: block;
text-align: center;
}
.sns-time-countdown.style2 .clock-digi {
overflow: hidden;
display: inline-block;
}
.sns-time-countdown.style2 .clock-digi > div {
display: inline-block;
float: left;
padding: 0;
width: 85px;
height: 85px;
border-radius: 85px;
margin: 0 5px;
text-align: center;
text-transform: uppercase;
font-size: 11px;
border: 2px solid rgba(255, 255, 255, 0.4);
background: rgba(255, 255, 255, 0.1);
color: #fff;
position: relative;
}
.sns-time-countdown.style2 .clock-digi > div > div {
display: inline-block;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
}
.sns-time-countdown.style2 .clock-digi > div > div > div {
display: block;
padding: 0 0;
font-weight: bold;
font-size: 28px;
text-transform: none;
}
@media (max-width: 767px) {
.sns-time-countdown.style2 .clock-digi > div {
width: 70px;
height: 70px;
}
.sns-time-countdown.style2 .clock-digi > div > div > div {
font-size: 26px;
}
}
.sns-time-countdown.style3 {
margin: 0;
display: block;
text-align: center;
color: #fff;
position: relative;
}
.sns-time-countdown.style3:before {
position: absolute;
content: "";
height: 5px;
width: 60px;
left: 0px;
bottom: 14px;
background: #fff;
}
.sns-time-countdown.style3:after {
position: absolute;
content: "";
height: 5px;
width: 60px;
right: 0px;
bottom: 14px;
background: #fff;
}
.sns-time-countdown.style3 .clock-digi {
overflow: hidden;
display: block;
position: relative;
width: 100%;
}
.sns-time-countdown.style3 .clock-digi:before {
position: absolute;
content: "";
height: calc(100% - 60px - 14px);
width: 5px;
background: #fff;
left: 0px;
top: 60px;
}
.sns-time-countdown.style3 .clock-digi:after {
position: absolute;
content: "";
height: calc(100% - 60px - 14px);
width: 5px;
background: #fff;
right: 0px;
top: 60px;
}
.sns-time-countdown.style3 .clock-digi > div {
display: inline-block;
padding: 0;
position: relative;
}
.sns-time-countdown.style3 .clock-digi > div > div {
display: inline-block;
text-transform: uppercase;
margin: 0 5px;
}
.sns-time-countdown.style3 .clock-digi > div > div > div {
display: inline-block;
padding: 0 3px 0 0;
font-weight: bold;
font-size: 28px;
line-height: 28px;
text-transform: none;
}
.sns-time-countdown.style3 .clock-digi > div:first-child {
display: block;
position: relative;
}
.sns-time-countdown.style3 .clock-digi > div:first-child:before {
position: absolute;
content: "";
height: 5px;
width: 100px;
left: 0px;
top: 60px;
background: #fff;
}
.sns-time-countdown.style3 .clock-digi > div:first-child:after {
position: absolute;
content: "";
height: 5px;
width: 100px;
right: 0px;
top: 60px;
background: #fff;
}
.sns-time-countdown.style3 .clock-digi > div:first-child > div > div {
font-size: 120px;
line-height: 120px;
margin: 0 0 20px;
}
@media (max-width: 480px) {
.sns-time-countdown.style3:before {
width: 20px;
}
.sns-time-countdown.style3:after {
width: 20px;
}
.sns-time-countdown.style3 .clock-digi > div:first-child:before {
width: 60px;
}
.sns-time-countdown.style3 .clock-digi > div:first-child:after {
width: 60px;
}
}
#sb_instagram {
padding: 0 0 !important;
}
#sb_instagram .sb_instagram_header {
padding-top: 0px !important;
}
#sb_instagram .sbi_photo {
position: relative;
overflow: hidden;
}
#sb_instagram .sbi_photo:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
background: rgba(35, 74, 128, 0.4);
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
left: 0px;
opacity: 0;
}
#sb_instagram .sbi_photo:after {
position: absolute;
content: "\f16d";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 32px;
height: 32px;
text-align: center;
line-height: 32px;
font-size: 32px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
opacity: 0;
margin: -16px 0 0 -16px;
left: 50%;
top: 50%;
color: #fff;
}
#sb_instagram .sbi_photo:hover:after, #sb_instagram .sbi_photo:hover:before {
opacity: 1;
}
#sb_instagram #sbi_load .sbi_load_btn {
padding: 0 0;
color: #666;
font-weight: bold;
background: none;
font-size: 1em;
}
#sb_instagram #sbi_load .sbi_load_btn:hover {
color: #234a80;
}
.contact_form h3 {
font-size: 1.857em;
color: #333;
font-weight: bold;
margin-bottom: 15px;
}
.contact_form input {
margin-bottom: 10px !important;
}
.contact_form textarea {
height: 135px;
}
div.wpcf7-response-output {
margin: 15px 0 0px;
border: none;
}
div.wpcf7-mail-sent-ng {
border: none;
}
div.wpcf7-validation-errors {
border: none;
background: #f2dede;
color: #b94a48;
padding: 6px 15px;
}
div.wpcf7-mail-sent-ok {
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDFF0D8', endColorstr='#FFC8E5BC', GradientType=0);
border-color: #b2dba1;
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d;
background-image: none;
}
div.wpcf7-mail-sent-ok hr {
border-top-color: #c9e2b3;
}
div.wpcf7-mail-sent-ok .alert-link {
color: #2b542c;
}
div.wpcf7-validation-errors {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
span.wpcf7-not-valid-tip {
margin: -10px 0 10px;
}
.wpcf7-form {
text-align: center;
}
.wpcf7-form .wpcf7-text {
max-width: 100%;
width: 100%;
margin-bottom: 20px;
}
.wpcf7-form .wpcf7-textarea {
max-width: 100%;
width: 100%;
margin-bottom: 30px;
max-height: 120px;
}
.wpcf7-form br {
display: none;
}
.wpcf7-form .ctf-info {
margin-top: 10px;
}
.wpcf7-form .ctf-info label {
width: calc(50% - 7.5px);
margin: 0 0 0 7.5px;
float: left;
}
.wpcf7-form .ctf-info label:first-child {
margin: 0 7.5px 0 0;
}
.wpcf7-form .ctf-info label .wpcf7-text {
width: 100%;
margin: 0 0 15px;
}
@media (max-width: 480px) {
.wpcf7-form .ctf-info label {
width: 100%;
margin: 0 0;
}
}
.wpcf7-form .ctf-info.big-space label {
width: calc(50% - 15px);
margin: 0 0 0 15px;
}
.wpcf7-form .ctf-info.big-space label:first-child {
margin: 0 15px 0 0;
}
.wpcf7-form .ctf-info.big-space label .wpcf7-text {
margin: 0 0 30px;
}
@media (max-width: 480px) {
.wpcf7-form .ctf-info.big-space label {
width: 100%;
margin: 0 0;
}
}
.wpcf7-form .ctf-info.big-element label {
width: 100%;
margin: 0 0;
float: none;
}
.wpcf7-form .ctf-message {
width: 100%;
}
.wpcf7-form .ctf-message label {
width: 100%;
margin: 0 0 0;
}
.wpcf7-form .ctf-message label .wpcf7-textarea {
width: 100%;
min-height: 120px;
margin: 0 0 15px;
}
.wpcf7-form .ctf-message.big-space label .wpcf7-textarea {
margin: 0 0 30px;
}
.wpcf7-form .ctf-submit {
text-align: center;
}
.wpcf7-form .ctf-submit.align-left {
text-align: left;
}
.sns-carousel .owl-nav .owl-prev, .sns-carousel .owl-nav .owl-next {
width: 40px;
height: 40px;
border: 1px solid #eaeaea;
border-radius: 100%;
text-align: center;
position: absolute;
font-size: 0px;
top: 50%;
margin-top: -20px;
cursor: pointer;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
color: #666;
background: #fff;
}
.sns-carousel .owl-nav .owl-prev:before, .sns-carousel .owl-nav .owl-next:before {
font-size: 14px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-carousel .owl-nav .owl-prev:hover, .sns-carousel .owl-nav .owl-next:hover {
background: #234a80;
border-color: #234a80;
color: #333;
}
.sns-carousel .owl-nav .owl-prev.disabled, .sns-carousel .owl-nav .owl-next.disabled {
opacity: 0.6;
display: inline-block;
}
.sns-carousel .owl-nav .owl-prev.disabled:hover, .sns-carousel .owl-nav .owl-next.disabled:hover {
cursor: not-allowed;
}
.sns-carousel .owl-nav .owl-prev {
left: -5px;
}
@media (max-width: 992px) {
.sns-carousel .owl-nav .owl-prev {
left: 5px !important;
}
}
.sns-carousel .owl-nav .owl-prev:before {
content: "\f12c";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.sns-carousel .owl-nav .owl-next {
right: -5px;
left: auto;
}
@media (max-width: 992px) {
.sns-carousel .owl-nav .owl-next {
left: auto !important;
right: 5px !important;
}
}
.sns-carousel .owl-nav .owl-next:before {
content: "\f12c";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
}
@media (max-width: 767px) {
.sns-carousel .owl-nav .owl-prev, .sns-carousel .owl-nav .owl-next {
width: 35px;
height: 35px;
margin-top: -17.5px;
}
.sns-carousel .owl-nav .owl-prev:before, .sns-carousel .owl-nav .owl-next:before {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 16px;
}
}
@media (min-width: 1850px) {
.sns-carousel .owl-nav .owl-prev {
left: -25px;
}
.sns-carousel .owl-nav .owl-next {
left: auto;
right: -25px;
}
}
.sns-carousel .owl-dots {
text-align: center;
margin: 15px 0 0;
}
.sns-carousel .owl-dots .owl-dot {
border: 2px solid #eaeaea;
height: 16px;
width: 16px;
display: inline-block;
margin: 0 5px;
border-radius: 100%;
cursor: pointer;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-carousel .owl-dots .owl-dot:hover, .sns-carousel .owl-dots .owl-dot.active {
border-color: #eaeaea;
background: #eaeaea;
}
.sns-carousel.have-padding {
margin-left: -15px;
margin-right: -15px;
}
.sns-carousel.have-padding .owl-item > * {
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 767px) {
.sns-carousel.have-padding {
margin-left: -8px;
margin-right: -8px;
}
.sns-carousel.have-padding .owl-item > * {
padding-left: 8px;
padding-right: 8px;
}
}
.sns-carousel.have-padding .owl-nav {
opacity: 0;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
@media (min-width: 1850px) {
.sns-carousel.have-padding .owl-nav .owl-prev {
left: -25px;
}
.sns-carousel.have-padding .owl-nav .owl-next {
left: auto;
right: -25px;
}
}
.sns-carousel.have-padding:hover .owl-nav {
opacity: 1;
}
@media (min-width: 1850px) {
.sns-carousel.carousel-testimonial .owl-nav .owl-prev {
left: -60px;
margin-top: -55px;
}
.sns-carousel.carousel-testimonial .owl-nav .owl-next {
left: auto;
right: -60px;
margin-top: -55px;
}
}
.sns-carousel[data-type='h-c'] .carousel-content {
margin: 0 -0.5px;
}
.sns-carousel[data-type='h-c'] .carousel-content .sns-single-post {
padding: 0 0.5px;
}
.sns-carousel[data-type='h-c'] .slick-list .slick-slide .post-info {
opacity: 0;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
}
.sns-carousel[data-type='h-c'] .slick-list .slick-slide .post-img a:before {
background: rgba(0, 0, 0, 0.3);
}
.sns-carousel[data-type='h-c'] .slick-list .slick-slide.slick-current .post-info {
opacity: 1;
-webkit-transition: all 0.25s ease-out 0.3s;
-o-transition: all 0.25s ease-out 0.3s;
transition: all 0.25s ease-out 0.3s;
}
.sns-carousel[data-type='h-c'] .slick-list .slick-slide.slick-current .post-img a:before {
background: rgba(51, 51, 51, 0.1);
}
.sns-carousel[data-type='h-c'] .slick-arrow {
width: 90px;
height: 90px;
text-align: center;
font-size: 1em;
font-weight: 500;
text-transform: uppercase;
border: none;
border-radius: 0;
background: rgba(234, 234, 234, 0.5);
color: #fff;
position: absolute;
top: calc(50% - 45px);
padding: 18px 0 25px;
line-height: 30px;
z-index: 1;
}
.sns-carousel[data-type='h-c'] .slick-arrow:before {
position: absolute;
content: "";
height: 2px;
width: 28px;
background: #fff;
left: 32px;
top: calc(50% + 7px);
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-carousel[data-type='h-c'] .slick-arrow:after {
font-size: 30px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-carousel[data-type='h-c'] .slick-arrow:hover {
cursor: pointer;
color: #333;
background: #234a80;
}
.sns-carousel[data-type='h-c'] .slick-arrow:hover:before {
background: #333;
}
.sns-carousel[data-type='h-c'] .slick-arrow.disabled {
opacity: 0.6;
}
.sns-carousel[data-type='h-c'] .slick-arrow.disabled:hover {
cursor: not-allowed;
}
.sns-carousel[data-type='h-c'] .slick-arrow.slick-prev {
left: calc(12.5% - 45px);
}
.sns-carousel[data-type='h-c'] .slick-arrow.slick-prev:after {
border-width: 4px;
border-style: solid;
border-color: #fff #fff transparent transparent;
position: absolute;
content: "";
left: 29px;
top: calc(50% + 7px);
width: 0px;
height: 0px;
}
.sns-carousel[data-type='h-c'] .slick-arrow.slick-prev:hover:after {
border-color: #333 #333 transparent transparent;
}
.sns-carousel[data-type='h-c'] .slick-arrow.slick-next {
right: calc(12.5% - 45px);
left: auto;
}
.sns-carousel[data-type='h-c'] .slick-arrow.slick-next:before {
left: auto;
right: 32px;
}
.sns-carousel[data-type='h-c'] .slick-arrow.slick-next:after {
border-width: 4px;
border-style: solid;
border-color: #fff transparent transparent #fff;
position: absolute;
content: "";
right: 29px;
top: calc(50% + 7px);
width: 0px;
height: 0px;
}
.sns-carousel[data-type='h-c'] .slick-arrow.slick-next:hover:after {
border-color: #333 transparent transparent #333;
}
.sns-carousel[data-type='h-c'] .slick-prev {
left: calc(12.5% - 45px);
}
@media (max-width: 1199px) {
.sns-carousel[data-type='h-c'] .slick-prev {
left: calc(10% - 45px);
}
}
.sns-carousel[data-type='h-c'] .slick-next {
left: auto;
right: calc(12.5% - 45px);
}
@media (max-width: 1199px) {
.sns-carousel[data-type='h-c'] .slick-next {
left: auto;
right: calc(10% - 45px);
}
}
.sns-carousel[data-type='h-s'] {
position: relative;
}
.sns-carousel[data-type='h-s'] .slider-nav-wrap {
width: 500px;
height: 100px;
position: absolute;
bottom: 75px;
left: calc(50% - 250px);
}
@media (max-width: 767px) {
.sns-carousel[data-type='h-s'] .slider-nav-wrap {
width: 300px;
left: calc(50% - 150px);
}
}
.sns-carousel[data-type='h-s'] .slider-nav {
margin: 0 auto;
}
.sns-carousel[data-type='h-s'] .slider-nav .dot-img {
text-align: center;
}
.sns-carousel[data-type='h-s'] .slider-nav .dot-img img {
margin: 0 auto;
}
.sns-carousel[data-type='h-s'] .slider-nav .slick-list {
padding: 0 !important;
}
.sns-carousel[data-type='h-s'] .slider-nav .slick-list .slick-slide {
border-radius: 100%;
overflow: hidden;
-webkit-transition: 0.25s ease-out;
-o-transition: 0.25s ease-out;
transition: 0.25s ease-out;
cursor: pointer;
}
.sns-carousel[data-type='h-s'] .slider-nav .slick-list .slick-slide:not(.slick-center) {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.sns-login-register a {
margin: 0 4px;
}
.sns-login-register a:last-child {
margin-right: 0px;
}
.sns-member {
text-align: center;
margin-bottom: 30px;
}
.sns-member .avartar {
margin-bottom: 25px;
display: inline-flex;
}
.sns-member .avartar a {
position: relative;
display: inline-block;
overflow: hidden;
margin: 0 15px;
}
.sns-member .avartar a:before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
-webkit-transition: 0.25s ease-out;
-o-transition: 0.25s ease-out;
transition: 0.25s ease-out;
background: rgba(0, 0, 0, 0.15);
opacity: 0;
visibility: hidden;
}
.sns-member .avartar.rounded a {
border-radius: 10px;
}
.sns-member .avartar.rounded a:before {
border-radius: 10px;
}
.sns-member .avartar.circle a {
border-radius: 100%;
}
.sns-member .avartar.circle a:before {
border-radius: 100%;
}
.sns-member .name-role {
margin-bottom: 10px;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
}
.sns-member .name-role .role {
font-weight: normal;
text-transform: none;
color: #666;
margin: 0 0 0 8px;
padding: 0 0 0 15px;
position: relative;
}
.sns-member .name-role .role:before {
position: absolute;
content: "";
height: 1px;
width: 7px;
top: 50%;
left: 0px;
background: #666;
}
.sns-member .short_desc {
margin-bottom: 8px;
}
.sns-member .social-icons {
position: relative;
}
.sns-member .social-icons ul {
padding: 0 0;
margin: 0 0;
list-style: none;
}
.sns-member .social-icons ul li {
display: inline;
margin: 0 8px;
}
.sns-member .social-icons ul li i {
font-size: 16px;
}
.sns-member:hover .avartar a:before {
opacity: 1;
visibility: visible;
}
.sns-member.hover {
position: relative;
}
.sns-member.hover .avartar {
margin: 0 0;
}
.sns-member.hover .avartar a:before {
background: rgba(35, 74, 128, 0.95);
}
.sns-member.hover .member-info {
display: inline-block;
position: absolute;
text-align: left;
top: 50%;
left: 30px;
opacity: 0;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
-webkit-transform : translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
transform : translateY(-50%);
}
.sns-member.hover .member-info .name-role {
color: #fff;
margin-bottom: 5px;
}
.sns-member.hover .member-info .name-role a {
color: #fff;
display: block;
margin-bottom: 2px;
}
.sns-member.hover .member-info .name-role a:hover {
color: #333;
}
.sns-member.hover .member-info .name-role .role {
color: #fff;
display: block;
margin: 0 0;
padding: 0 0;
}
.sns-member.hover .member-info .name-role .role:before {
display: none;
}
.sns-member.hover .member-info .short_desc {
color: #fff;
margin-bottom: 5px;
}
.sns-member.hover .member-info .social-icons ul li a {
color: #fff;
}
.sns-member.hover .member-info .social-icons ul li a:hover {
color: #333;
}
.sns-member.hover .member-info .social-icons ul li:first-child {
margin-left: 0px;
}
.sns-member.hover:hover .member-info {
opacity: 1;
}
.sns-vertical-menu .wpb_heading {
color: #333;
display: block;
padding: 0 0 10px;
margin: 0;
}
.sns-vertical-menu .wpb_heading > span {
display: inline-block;
position: relative;
}
.sns-vertical-menu .wpb_heading > span:before {
position: absolute;
content: "";
width: 100%;
height: 1px;
background: #234a80;
left: 0px;
bottom: -11px;
}
.sns-vertical-menu .sns-respmenu {
padding: 20px;
border: 1px solid #eaeaea;
border-radius: 0 0 5px 5px;
}
.sns-single-testimonial.style1 {
text-align: center;
}
.sns-single-testimonial.style1 .content {
padding: 25px 30px 60px;
font-size: 1.1428em;
border-radius: 5px;
background: #f5f5f5;
font-style: italic;
}
.sns-single-testimonial.style1 .avatar {
border-radius: 100%;
max-width: 60px;
display: inline-block;
overflow: hidden;
margin: -35px 0 0;
}
.sns-single-testimonial.style1 .info {
padding: 0 0;
margin: 20px 0 0;
position: relative;
*zoom: 1;
}
.sns-single-testimonial.style1 .info:before, .sns-single-testimonial.style1 .info:after {
content: " ";
display: table;
}
.sns-single-testimonial.style1 .info:after {
clear: both;
}
.sns-single-testimonial.style1 .info .name {
display: inline-block;
font-weight: bold;
color: #333;
text-transform: uppercase;
}
.sns-single-testimonial.style1 .info .position {
display: inline-block;
position: relative;
margin: 0 0 0 5px;
padding: 0 0 0 11px;
}
.sns-single-testimonial.style1 .info .position:before {
position: absolute;
content: "";
background-color: #333;
left: 0px;
top: 50%;
margin-top: -1px;
height: 1px;
width: 6px;
}
.sns-single-testimonial.style2 {
text-align: center;
}
.sns-single-testimonial.style2 .content {
padding: 0 0;
margin: 0 0 175px;
font-size: 1.7142em;
font-style: italic;
position: relative;
}
@media (max-width: 992px) {
.sns-single-testimonial.style2 .content {
font-size: 1.4285em;
}
}
@media (max-width: 767px) {
.sns-single-testimonial.style2 .content {
font-size: 1.1428em;
}
}
.sns-single-testimonial.style2 .avatar {
border-radius: 100%;
max-width: 70px;
display: inline-block;
overflow: hidden;
margin: 0 0 20px;
}
.sns-single-testimonial.style2 .info {
padding: 0 0;
margin: 0 0;
position: relative;
*zoom: 1;
}
.sns-single-testimonial.style2 .info:before, .sns-single-testimonial.style2 .info:after {
content: " ";
display: table;
}
.sns-single-testimonial.style2 .info:after {
clear: both;
}
.sns-single-testimonial.style2 .info .name {
display: block;
font-size: 1.1428em;
font-weight: bold;
text-transform: uppercase;
color: #333;
}
.sns-single-testimonial.style2 .info .position {
display: block;
margin: 5px 0 0;
}
.sns-single-post {
position: relative;
}
.sns-single-post .post-img a {
display: block;
position: relative;
overflow: hidden;
}
.sns-single-post .post-img a:before {
content: "";
display: block;
height: 100%;
width: 100%;
position: absolute;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
background: rgba(51, 51, 51, 0.3);
}
.sns-single-post .post-info {
display: inline-block;
position: absolute;
top: 50%;
left: 50px;
width: calc(100% - 100px);
-webkit-transform : translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
transform : translateY(-50%);
}
@media (max-width: 480px) {
.sns-single-post .post-info {
width: calc(100% - 30px);
left: 15px;
}
}
.sns-single-post .post-info .post-title {
margin: 0 0 20px 10px;
font-size: 2.5714em;
font-weight: bold;
text-transform: uppercase;
}
@media (max-width: 1440px) {
.sns-single-post .post-info .post-title {
font-size: 2em;
}
}
@media (max-width: 1199px) {
.sns-single-post .post-info .post-title {
font-size: 1.7142em;
}
}
@media (max-width: 992px) {
.sns-single-post .post-info .post-title {
font-size: 1.4285em;
margin-left: 7px;
}
}
@media (max-width: 767px) {
.sns-single-post .post-info .post-title {
font-size: 1em;
margin-left: 5px;
}
}
@media (max-width: 480px) {
.sns-single-post .post-info .post-title {
margin-bottom: 10px;
margin-left: 3px;
}
}
.sns-single-post .post-info .post-title a {
color: #333;
}
.sns-single-post .post-info .post-title a span {
padding: 1px 10px;
display: inline-block;
margin: 0 0 0 -10px;
background: #234a80;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
@media (max-width: 992px) {
.sns-single-post .post-info .post-title a span {
padding: 1px 7px;
margin: 0 0 0 -7px;
}
}
@media (max-width: 767px) {
.sns-single-post .post-info .post-title a span {
padding: 1px 5px;
margin: 0 0 0 -5px;
}
}
@media (max-width: 480px) {
.sns-single-post .post-info .post-title a span {
padding: 1px 3px;
margin: 0 0 0 -3px;
}
}
.sns-single-post .post-info .post-title a span:first-child {
padding-left: 15px;
}
.sns-single-post .post-info .post-title a span:last-child {
padding-right: 15px;
}
.sns-single-post .post-info .post-title a:hover {
color: #333;
}
.sns-single-post .post-info .post-title a:hover span {
background: #fff;
}
.sns-single-post .post-info .post-meta {
*zoom: 1;
display: block;
}
.sns-single-post .post-info .post-meta:before, .sns-single-post .post-info .post-meta:after {
content: " ";
display: table;
}
.sns-single-post .post-info .post-meta:after {
clear: both;
}
.sns-single-post .post-info .post-meta .inner {
display: inline-block;
background: #333;
padding: 2px 4px;
text-transform: uppercase;
margin: 0 0 20px;
float: left;
}
@media (max-width: 480px) {
.sns-single-post .post-info .post-meta .inner {
margin-bottom: 10px;
}
}
.sns-single-post .post-info .post-meta .post-author {
display: inline-block;
color: #fff;
float: left;
padding: 0 6px;
}
.sns-single-post .post-info .post-meta .post-author a {
position: relative;
color: inherit;
margin-left: 3px;
}
.sns-single-post .post-info .post-meta .post-author a:hover {
text-decoration: underline;
}
.sns-single-post .post-info .post-meta .post-date {
color: #fff;
position: relative;
padding: 0 6px;
float: left;
}
.sns-single-post .btn-readmore:hover {
background: #fff;
color: #333;
}
.sns-single-post:hover .post-img a:before {
background: rgba(0, 0, 0, 0.1);
}
.sns-instagram .item {
position: relative;
}
.sns-instagram .item .item-image {
position: relative;
display: block;
}
.sns-instagram .item .item-image:before {
position: absolute;
content: "";
background: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-instagram .item .item-image:after {
content: "\f16d";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
font-size: 30px;
position: absolute;
top: calc(50% - 15px);
left: calc(50% - 15px);
color: #fff;
opacity: 0;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-instagram .item .info {
position: absolute;
display: block;
width: 100%;
-webkit-transform : translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
transform : translateY(-50%);
top: 50%;
text-align: center;
color: #fff;
opacity: 0;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-instagram .item .info .like {
position: relative;
padding: 0 0;
margin: 0 10px;
display: inline-block;
}
.sns-instagram .item .info .like:before {
content: "\f004";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 24px;
height: 24px;
text-align: center;
line-height: 24px;
}
.sns-instagram .item .info .comment {
position: relative;
padding: 0 0;
margin: 0 10px;
display: inline-block;
}
.sns-instagram .item .info .comment:before {
content: "\f075";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 24px;
height: 24px;
text-align: center;
line-height: 24px;
}
.sns-instagram .item:hover .item-image:before, .sns-instagram .item:hover .item-image:after {
opacity: 1;
}
.sns-instagram .item:hover .info {
opacity: 1;
}
.sns-instagram.style-carousel .owl-nav .owl-prev, .sns-instagram.style-carousel .owl-nav .owl-next {
width: 40px;
height: 40px;
border: 1px solid #eaeaea;
border-radius: 100%;
text-align: center;
position: absolute;
font-size: 0px;
top: 50%;
margin-top: -20px;
cursor: pointer;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
color: #666;
background: #fff;
}
.sns-instagram.style-carousel .owl-nav .owl-prev:before, .sns-instagram.style-carousel .owl-nav .owl-next:before {
font-size: 14px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-instagram.style-carousel .owl-nav .owl-prev:hover, .sns-instagram.style-carousel .owl-nav .owl-next:hover {
background: #234a80;
border-color: #234a80;
color: #333;
}
.sns-instagram.style-carousel .owl-nav .owl-prev.disabled, .sns-instagram.style-carousel .owl-nav .owl-next.disabled {
opacity: 0.6;
display: inline-block;
}
.sns-instagram.style-carousel .owl-nav .owl-prev.disabled:hover, .sns-instagram.style-carousel .owl-nav .owl-next.disabled:hover {
cursor: not-allowed;
}
.sns-instagram.style-carousel .owl-nav .owl-prev {
left: -5px;
}
@media (max-width: 992px) {
.sns-instagram.style-carousel .owl-nav .owl-prev {
left: 5px !important;
}
}
.sns-instagram.style-carousel .owl-nav .owl-prev:before {
content: "\f12c";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.sns-instagram.style-carousel .owl-nav .owl-next {
right: -5px;
left: auto;
}
@media (max-width: 992px) {
.sns-instagram.style-carousel .owl-nav .owl-next {
left: auto !important;
right: 5px !important;
}
}
.sns-instagram.style-carousel .owl-nav .owl-next:before {
content: "\f12c";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
}
@media (max-width: 767px) {
.sns-instagram.style-carousel .owl-nav .owl-prev, .sns-instagram.style-carousel .owl-nav .owl-next {
width: 35px;
height: 35px;
margin-top: -17.5px;
}
.sns-instagram.style-carousel .owl-nav .owl-prev:before, .sns-instagram.style-carousel .owl-nav .owl-next:before {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 16px;
}
}
.sns-instagram.style-carousel:not(.no-padding) .list-items {
margin: 0 -5px;
}
.sns-instagram.style-carousel:not(.no-padding) .list-items .item {
padding: 5px;
}
.sns-instagram.style-carousel .owl-nav {
opacity: 0;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-instagram.style-carousel .owl-nav .owl-prev {
left: 25px;
}
.sns-instagram.style-carousel .owl-nav .owl-next {
left: auto;
right: 25px;
}
.sns-instagram.style-carousel:hover .owl-nav {
opacity: 1;
}
.sns-instagram.style-grid .grid {
margin: 0 -5px;
*zoom: 1;
}
.sns-instagram.style-grid .grid:before, .sns-instagram.style-grid .grid:after {
content: " ";
display: table;
}
.sns-instagram.style-grid .grid:after {
clear: both;
}
.sns-instagram.style-grid .grid .item {
padding: 5px;
float: left;
}
.sns-instagram.style-grid.no-padding {
margin: 0 0;
}
.sns-instagram.style-grid.no-padding .item {
padding: 0;
}
.sns-instagram.style-grid .col-2 .item {
width: 50%;
}
.sns-instagram.style-grid .col-3 .item {
width: 33.3333%;
}
.sns-instagram.style-grid .col-4 .item {
width: 25%;
}
.sns-instagram.style-grid .col-5 .item {
width: 20%;
}
.sns-instagram.style-grid .col-6 .item {
width: 16.6666%;
}
.sns-instagram.style-grid .col-7 .item {
width: 14.2857%;
}
.sns-instagram.style-grid .col-8 .item {
width: 12.5%;
}
.sns-instagram.style-grid .col-8 .item {
width: 11.1111%;
}
.sns-instagram.style-grid .col-10 .item {
width: 10%;
}
.sns-list-posts.style1 .item-post {
*zoom: 1;
margin: 10px 0;
padding: 10px 0 0;
}
.sns-list-posts.style1 .item-post:before, .sns-list-posts.style1 .item-post:after {
content: " ";
display: table;
}
.sns-list-posts.style1 .item-post:after {
clear: both;
}
.sns-list-posts.style1 .item-post:first-child {
margin-top: 0px;
padding-top: 7px;
}
.sns-list-posts.style1 .item-post .post-img {
float: left;
position: relative;
margin: 0 20px 0 0;
}
@media (max-width: 1199px) {
.sns-list-posts.style1 .item-post .post-img {
margin: 0 15px 0 0;
max-width: 90px;
}
}
.sns-list-posts.style1 .item-post .post-img a {
display: block;
position: relative;
overflow: hidden;
}
.sns-list-posts.style1 .item-post .post-img a:before {
content: "";
display: block;
height: 100%;
width: 100%;
position: absolute;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
background: rgba(0, 0, 0, 0.05);
}
.sns-list-posts.style1 .item-post .post-img a:after {
content: "1";
width: 30px;
height: 30px;
left: 0px;
top: 0px;
position: absolute;
background: #fff;
color: #333;
font-weight: bold;
text-align: center;
line-height: 30px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
opacity: 1;
}
.sns-list-posts.style1 .item-post .post-title a {
color: #333;
font-weight: bold;
}
.sns-list-posts.style1 .item-post .post-title a:hover {
color: #333;
text-decoration: none;
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
-o-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
}
.sns-list-posts.style1 .item-post .post-author a {
color: #aaa;
}
.sns-list-posts.style1 .item-post .post-author a:hover {
color: #333;
}
.sns-list-posts.style1 .item-post .post-date span {
color: #aaa;
}
.sns-list-posts.style1 .item-post:nth-child(2) .post-img a:after {
content: "2";
}
.sns-list-posts.style1 .item-post:nth-child(3) .post-img a:after {
content: "3";
}
.sns-list-posts.style1 .item-post:nth-child(4) .post-img a:after {
content: "4";
}
.sns-list-posts.style1 .item-post:nth-child(5) .post-img a:after {
content: "5";
}
.sns-list-posts.style1 .item-post:nth-child(6) .post-img a:after {
content: "6";
}
.sns-list-posts.style1 .item-post:hover .post-img a:before {
background: rgba(0, 0, 0, 0.15);
}
.sns-list-posts.style1 .item-post:hover .post-img a:after {
opacity: 0;
}
.sns-list-posts.style1.show-date .item-post, .sns-list-posts.style1.show-author .item-post {
margin: 15px 0 0;
padding: 15px 0 0;
}
.sns-list-posts.style1.show-date .item-post:first-child, .sns-list-posts.style1.show-author .item-post:first-child {
margin-top: 0px;
padding-top: 5px;
}
.sns-list-posts.style1.show-date .item-post .post-title, .sns-list-posts.style1.show-author .item-post .post-title {
margin: 3px 0 10px;
}
@media (max-width: 1199px) {
.sns-list-posts.style1.show-date .item-post .post-title, .sns-list-posts.style1.show-author .item-post .post-title {
margin: 0 0 10px;
}
}
.sns-list-posts.style2 .wpb_heading {
text-align: center;
}
.sns-list-posts.style2 .owl-nav .owl-prev, .sns-list-posts.style2 .owl-nav .owl-next {
width: 40px;
height: 40px;
border: 1px solid #eaeaea;
border-radius: 100%;
text-align: center;
position: absolute;
font-size: 0px;
top: 50%;
margin-top: -20px;
cursor: pointer;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
color: #666;
background: #fff;
}
.sns-list-posts.style2 .owl-nav .owl-prev:before, .sns-list-posts.style2 .owl-nav .owl-next:before {
font-size: 14px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-list-posts.style2 .owl-nav .owl-prev:hover, .sns-list-posts.style2 .owl-nav .owl-next:hover {
background: #234a80;
border-color: #234a80;
color: #333;
}
.sns-list-posts.style2 .owl-nav .owl-prev.disabled, .sns-list-posts.style2 .owl-nav .owl-next.disabled {
opacity: 0.6;
display: inline-block;
}
.sns-list-posts.style2 .owl-nav .owl-prev.disabled:hover, .sns-list-posts.style2 .owl-nav .owl-next.disabled:hover {
cursor: not-allowed;
}
.sns-list-posts.style2 .owl-nav .owl-prev {
left: -5px;
}
@media (max-width: 992px) {
.sns-list-posts.style2 .owl-nav .owl-prev {
left: 5px !important;
}
}
.sns-list-posts.style2 .owl-nav .owl-prev:before {
content: "\f12c";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.sns-list-posts.style2 .owl-nav .owl-next {
right: -5px;
left: auto;
}
@media (max-width: 992px) {
.sns-list-posts.style2 .owl-nav .owl-next {
left: auto !important;
right: 5px !important;
}
}
.sns-list-posts.style2 .owl-nav .owl-next:before {
content: "\f12c";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
}
@media (max-width: 767px) {
.sns-list-posts.style2 .owl-nav .owl-prev, .sns-list-posts.style2 .owl-nav .owl-next {
width: 35px;
height: 35px;
margin-top: -17.5px;
}
.sns-list-posts.style2 .owl-nav .owl-prev:before, .sns-list-posts.style2 .owl-nav .owl-next:before {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 16px;
}
}
.sns-list-posts.style2 .owl-nav {
opacity: 0;
}
.sns-list-posts.style2:hover .owl-nav {
opacity: 1;
}
.sns-list-posts.style2 .list-post {
margin: 0 -15px;
}
@media (max-width: 767px) {
.sns-list-posts.style2 .list-post {
margin-left: -7.5px;
margin-right: -7.5px;
}
}
.sns-list-posts.style2 .list-post .item-post {
padding: 0 15px;
}
@media (max-width: 767px) {
.sns-list-posts.style2 .list-post .item-post {
padding-left: 7.5px;
padding-right: 7.5px;
}
}
.sns-list-posts.style2 .list-post .item-post .post-img a {
display: block;
position: relative;
overflow: hidden;
}
.sns-list-posts.style2 .list-post .item-post .post-img a:before {
content: "";
display: block;
height: 100%;
width: 100%;
position: absolute;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
background: rgba(0, 0, 0, 0.15);
opacity: 0;
}
.sns-list-posts.style2 .list-post .item-post .post-info {
margin-top: 20px;
*zoom: 1;
}
.sns-list-posts.style2 .list-post .item-post .post-info:before, .sns-list-posts.style2 .list-post .item-post .post-info:after {
content: " ";
display: table;
}
.sns-list-posts.style2 .list-post .item-post .post-info:after {
clear: both;
}
.sns-list-posts.style2 .list-post .item-post .post-info .post-title {
margin: 0 0 15px;
font-size: 1.1428em;
font-weight: bold;
text-transform: uppercase;
}
.sns-list-posts.style2 .list-post .item-post .post-info .post-title a:hover {
text-decoration: none;
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
-o-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
}
.sns-list-posts.style2 .list-post .item-post .post-info .post-meta {
*zoom: 1;
margin-bottom: 15px;
}
.sns-list-posts.style2 .list-post .item-post .post-info .post-meta:before, .sns-list-posts.style2 .list-post .item-post .post-info .post-meta:after {
content: " ";
display: table;
}
.sns-list-posts.style2 .list-post .item-post .post-info .post-meta:after {
clear: both;
}
.sns-list-posts.style2 .list-post .item-post .post-info .post-meta .post-author {
display: inline-block;
float: left;
color: #aaa;
margin: 0 20px 0 0;
}
.sns-list-posts.style2 .list-post .item-post .post-info .post-meta .post-author a {
position: relative;
color: #333;
border-bottom: 1px solid #333;
margin-left: 5px;
}
.sns-list-posts.style2 .list-post .item-post .post-info .post-meta .post-author a:hover {
text-decoration: none;
border-bottom: 2px solid #333;
}
.sns-list-posts.style2 .list-post .item-post .post-info .post-meta .post-date {
position: relative;
margin: 0 20px 0 0;
float: left;
color: #aaa;
}
.sns-list-posts.style2 .list-post .item-post .post-info .post-meta .post-date > a {
color: #333;
border-bottom: 1px solid #333;
}
.sns-list-posts.style2 .list-post .item-post .post-info .post-meta .post-date > a:hover {
text-decoration: none;
border-bottom: 2px solid #333;
}
.sns-list-posts.style2 .list-post .item-post .post-info .post-excerpt {
margin-top: 10px;
}
.sns-list-posts.style2 .list-post .item-post .post-info .post-excerpt p {
margin-bottom: 15px;
}
.sns-list-posts.style2 .list-post .item-post .post-info .post-excerpt p:last-child {
margin-bottom: 0px;
}
.sns-list-posts.style2 .list-post .item-post .post-info .post-excerpt a.more-link {
text-transform: uppercase;
font-weight: bold;
position: relative;
margin-top: 25px;
display: table;
padding: 0 30px;
height: 45px;
line-height: 45px;
background-color: #333;
color: #fff;
border-radius: 5px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-list-posts.style2 .list-post .item-post .post-info .post-excerpt a.more-link:hover {
color: #333;
background: #234a80;
text-decoration: none;
}
.sns-list-posts.style2 .list-post .item-post:hover .post-img a:before {
opacity: 1;
}
.vc_tta-container {
margin-bottom: 0px !important;
}
.vc_tta-container .vc_tta-accordion.valen-style .vc_tta-panel .vc_tta-panel-heading {
margin: 0 0 !important;
border: none !important;
border-bottom: 1px solid #eaeaea !important;
}
.vc_tta-container .vc_tta-accordion.valen-style .vc_tta-panel .vc_tta-panel-heading:hover {
background: none !important;
}
.vc_tta-container .vc_tta-accordion.valen-style .vc_tta-panel .vc_tta-panel-title {
text-transform: uppercase;
font-size: 1.1428em;
}
.vc_tta-container .vc_tta-accordion.valen-style .vc_tta-panel .vc_tta-panel-title > a {
padding: 18px 0 !important;
color: #333 !important;
}
.vc_tta-container .vc_tta-accordion.valen-style .vc_tta-panel .vc_tta-panel-title > a .vc_tta-controls-icon {
right: 0px !important;
}
.vc_tta-container .vc_tta-accordion.valen-style .vc_tta-panel .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before {
border-width: 0 2px 2px 0 !important;
top: 3px !important;
bottom: 3px !important;
left: 3px !important;
right: 3px !important;
border-color: inherit !important;
}
.vc_tta-container .vc_tta-accordion.valen-style .vc_tta-panel .vc_tta-panel-body {
padding: 5px 0 10px !important;
margin: 0 0;
border: none;
}
.vc_tta-container .vc_tta-accordion.valen-style .vc_tta-panel.vc_active .vc_tta-panel-heading {
border: none !important;
}
section.full-width .vc_container.section-content {
width: 100%;
padding: 0 15px;
}
#st_gdpr_iframe {
border: none;
}
.sns-store-info .store-info > * {
*zoom: 1;
margin-bottom: 10px;
}
.sns-store-info .store-info > *:before, .sns-store-info .store-info > *:after {
content: " ";
display: table;
}
.sns-store-info .store-info > *:after {
clear: both;
}
.sns-store-info .store-info > * a {
color: #666;
}
.sns-store-info .store-info > * a:hover {
color: #234a80;
}
.sns-store-info .store-info > * .vc_icon_element-icon {
margin-right: 8px;
}
.sns-store-info .store-info > *.store-intro {
min-height: auto;
}
.sns-store-info .store-info .store-intro {
margin: 0 0 20px;
padding-left: 0px;
}
.sns-store-info .store-info .store-logo {
margin: 0 0 20px;
padding-left: 0px;
}
.sns-social-links.style-1 .follow-us {
*zoom: 1;
}
.sns-social-links.style-1 .follow-us:before, .sns-social-links.style-1 .follow-us:after {
content: " ";
display: table;
}
.sns-social-links.style-1 .follow-us:after {
clear: both;
}
.sns-social-links.style-1 .follow-us a {
margin: 0 0 15px 15px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
float: left;
display: inline-block;
border-radius: 5px;
color: #fff;
background: #234a80;
font-size: 0px;
}
.sns-social-links.style-1 .follow-us a i {
font-size: 21px;
line-height: inherit;
}
.sns-social-links.style-1 .follow-us a:hover {
background-color: #333;
}
.sns-social-links.style-1 .follow-us a:first-child {
margin-left: 0px;
}
.sns-social-links.style-2 .follow-us {
*zoom: 1;
}
.sns-social-links.style-2 .follow-us:before, .sns-social-links.style-2 .follow-us:after {
content: " ";
display: table;
}
.sns-social-links.style-2 .follow-us:after {
clear: both;
}
.sns-social-links.style-2 .follow-us a {
margin: 0 0 20px 20px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
float: left;
display: inline-block;
border-radius: 100%;
color: #fff;
background: #234a80;
font-size: 0px;
}
.sns-social-links.style-2 .follow-us a i {
font-size: 18px;
line-height: inherit;
}
.sns-social-links.style-2 .follow-us a:hover {
background-color: #333;
}
.sns-social-links.style-2 .follow-us a:first-child {
margin-left: 0px;
}
.sns-social-links.style-3 .follow-us {
*zoom: 1;
}
.sns-social-links.style-3 .follow-us:before, .sns-social-links.style-3 .follow-us:after {
content: " ";
display: table;
}
.sns-social-links.style-3 .follow-us:after {
clear: both;
}
.sns-social-links.style-3 .follow-us a {
margin: 0 0 10px 20px;
display: inline-block;
font-size: 0px;
color: #666;
}
.sns-social-links.style-3 .follow-us a i {
font-size: 16px;
line-height: inherit;
}
.sns-social-links.style-3 .follow-us a:first-child {
margin-left: 0px;
}
.sns-social-links.style-3 .follow-us a:hover {
color: #234a80;
}
.sns-social-links.inline-label .wpb_heading {
font-size: 1em;
font-weight: normal;
display: inline-block;
float: left;
margin: 0 10px 0 0;
color: #666;
}
.sns-social-links.inline-label .follow-us {
float: left;
}
.sns-social-links.inline-label .follow-us a {
margin: 0 0 10px 20px;
}
.sns-social-links.inline-label .follow-us a i {
font-size: 14px;
}
.sns-info-box {
position: relative;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-info-box .icon {
float: left;
margin: 0 20px 0 0;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-info-box .icon span.vc_icon_element-icon {
color: #333;
display: inline-block;
line-height: 1.3;
}
.sns-info-box .content-info-box .sc_heading {
margin-bottom: 5px;
text-transform: uppercase;
font-weight: bold;
font-size: 1.1428em;
}
.sns-info-box .content-info-box .sc_heading a {
color: inherit;
}
.sns-info-box .content-info-box p {
padding: 0 15px;
margin: 0 0;
}
.sns-info-box.box-style1:hover .icon span.vc_icon_element-icon:before, .sns-info-box.box-style1:hover .icon img {
-webkit-animation: bounceIn 400ms ease both !important;
-o-animation: bounceIn 400ms ease both !important;
animation: bounceIn 400ms ease both !important;
}
.sns-info-box.box-style2 {
text-align: center;
}
.sns-info-box.box-style2 .icon {
float: none;
margin: 0 auto 30px;
width: 150px;
height: 150px;
line-height: 150px;
border-radius: 100%;
overflow: hidden;
background: rgba(0, 0, 0, 0.05);
}
.sns-info-box.box-style2 .icon span.vc_icon_element-icon {
vertical-align: middle;
}
.sns-info-box.box-style2 .content-info-box .sc_heading {
font-size: 1.1428em;
font-weight: bold;
text-transform: uppercase;
color: #333;
margin: 0 0 10px;
}
.sns-info-box.box-style2 .content-info-box .sc_heading a:hover {
text-decoration: none;
}
.sns-info-box.box-style2:hover .icon span.vc_icon_element-icon:before, .sns-info-box.box-style2:hover .icon img {
-webkit-animation: bounceIn 400ms ease both !important;
-o-animation: bounceIn 400ms ease both !important;
animation: bounceIn 400ms ease both !important;
color: #234a80 !important;
}
.sns-info-box.box-style3 {
text-align: center;
}
.sns-info-box.box-style3 .icon {
float: left;
margin: -25px -10px 0 -10px;
width: 110px;
height: 110px;
line-height: 90px;
border-radius: 100%;
border: 10px solid #fff;
overflow: hidden;
background: #eaeaea;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-info-box.box-style3 .icon span.vc_icon_element-icon {
vertical-align: middle;
}
.sns-info-box.box-style3 .content-info-box .sc_heading {
font-size: 1em;
font-weight: normal;
color: #333;
height: 60px;
line-height: 60px;
padding: 0 10px 0 30px;
margin: 0 0;
text-transform: none;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background-image: -webkit-linear-gradient(left, #eaeaea 0%, rgba(0, 0, 0, 0) 90%);
background-image: -o-linear-gradient(left, #eaeaea 0%, rgba(0, 0, 0, 0) 90%);
background-image: linear-gradient(to right, #eaeaea 0%, rgba(0, 0, 0, 0) 90%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEAEAEA', endColorstr='#00000000', GradientType=1);
}
.sns-info-box.box-style3 .content-info-box .sc_heading a:hover {
text-decoration: none;
}
.sns-info-box.box-style3:hover .icon {
border-color: #234a80;
background-color: #fff;
}
.sns-info-box.box-style3:hover .icon span.vc_icon_element-icon:before, .sns-info-box.box-style3:hover .icon img {
-webkit-animation: bounceIn 400ms ease both !important;
-o-animation: bounceIn 400ms ease both !important;
animation: bounceIn 400ms ease both !important;
}
.sns-info-box.box-style3:hover .content-info-box .sc_heading {
background-image: -webkit-linear-gradient(left, #234a80 0%, rgba(0, 0, 0, 0) 90%);
background-image: -o-linear-gradient(left, #234a80 0%, rgba(0, 0, 0, 0) 90%);
background-image: linear-gradient(to right, #234a80 0%, rgba(0, 0, 0, 0) 90%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF234A80', endColorstr='#00000000', GradientType=1);
}
.sns-info-box.box-style4 {
text-align: center;
}
.sns-info-box.box-style4 .icon {
float: none;
margin: 0 auto 25px;
width: 100px;
height: 100px;
line-height: 96px;
border-radius: 100%;
border: 2px solid rgba(255, 255, 255, 0.5);
overflow: hidden;
}
.sns-info-box.box-style4 .icon span.vc_icon_element-icon {
vertical-align: middle;
}
.sns-info-box.box-style4 .content-info-box .sc_heading {
font-size: 1.1428em;
font-weight: normal;
text-transform: uppercase;
color: #fff;
margin: 0 0;
}
.sns-info-box.box-style4 .content-info-box .sc_heading a:hover {
text-decoration: none;
}
.sns-info-box.box-style4:hover .icon {
border-color: #fff;
}
.sns-info-box.box-style4:hover .icon span.vc_icon_element-icon:before, .sns-info-box.box-style4:hover .icon img {
-webkit-animation: bounceIn 400ms ease both !important;
-o-animation: bounceIn 400ms ease both !important;
animation: bounceIn 400ms ease both !important;
}
.sns-info-box.instagram-style .content-info-box .sc_heading {
text-transform: none;
color: #666;
margin-bottom: 8px;
}
.sns-info-box.instagram-style .content-info-box .sc_heading a:hover {
color: #333;
}
.sns-info-box.instagram-style .icon {
margin-top: -6px;
}
.tnp-subscription {
font-size: inherit;
}
.tnp-subscription form label {
padding: 0 0;
margin: 0 0 10px;
font-weight: normal;
}
.tnp-subscription form input[type="text"], .tnp-subscription form input[type="email"] {
background: #fff;
height: 45px;
border-radius: 5px;
}
.tnp-subscription form input[type="submit"] {
padding: 0 20px;
height: 45px;
border-radius: 5px;
}
.newsletter-form-1 {
font-size: inherit;
}
.newsletter-form-1 form .input-wrap {
position: relative;
}
.newsletter-form-1 form .input-wrap input[type="email"] {
background: none;
height: 50px;
border-radius: 0px;
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
width: 100%;
margin: 0;
padding: 0;
box-shadow: none !important;
}
.newsletter-form-1 form .input-wrap input[type="email"]::-moz-placeholder {
color: #888;
opacity: 1;
}
.newsletter-form-1 form .input-wrap input[type="email"]:-ms-input-placeholder {
color: #888;
}
.newsletter-form-1 form .input-wrap input[type="email"]::-webkit-input-placeholder {
color: #888;
}
.newsletter-form-1 form .input-wrap input[type="submit"] {
padding: 0;
width: 20px;
height: 20px;
font-size: 0px;
border-radius: 0px;
border: none;
background: none;
position: absolute;
top: 15px;
right: 0px;
}
.newsletter-form-1 form .input-wrap:before {
content: "\f11f";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
position: absolute;
right: 0px;
top: 15px;
color: #888;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
font-size: 20px;
}
.newsletter-form-1 form .input-wrap:hover:before {
color: #333;
}
.newsletter-form-1 form .info-wrap {
margin: 15px 0 10px;
}
.newsletter-form-1 form .info-wrap .require-info {
color: red;
margin-right: 5px;
}
.sns-products.have-zigzag .wpb_heading > span {
position: relative;
}
.sns-products.have-zigzag .wpb_heading > span:before {
background: linear-gradient(-45deg, transparent 16px, #234a80 0), linear-gradient(45deg, transparent 16px, #234a80 0);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-repeat: repeat, repeat;
background-size: auto auto, auto auto;
background-repeat: repeat-x;
background-position: left bottom;
background-size: 22px 32px;
content: "";
display: block;
width: 65px;
height: 16px;
position: absolute;
bottom: calc(50% - 8px);
left: -95px;
}
.sns-products.have-zigzag .wpb_heading > span:after {
background: linear-gradient(-45deg, transparent 16px, #fff 0), linear-gradient(45deg, transparent 16px, #fff 0);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-repeat: repeat, repeat;
background-size: auto auto, auto auto;
background-repeat: repeat-x;
background-position: left bottom;
background-size: 22px 32px;
content: "";
display: block;
width: 65px;
height: 16px;
position: absolute;
bottom: calc(50% - 5px);
left: -95px;
}
.sns-products.have-zigzag .wpb_heading > span > span:before {
background: linear-gradient(-45deg, transparent 16px, #234a80 0), linear-gradient(45deg, transparent 16px, #234a80 0);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-repeat: repeat, repeat;
background-size: auto auto, auto auto;
background-repeat: repeat-x;
background-position: left bottom;
background-size: 22px 32px;
content: "";
display: block;
width: 65px;
height: 16px;
position: absolute;
bottom: calc(50% - 8px);
right: -95px;
}
.sns-products.have-zigzag .wpb_heading > span > span:after {
background: linear-gradient(-45deg, transparent 16px, #fff 0), linear-gradient(45deg, transparent 16px, #fff 0);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-repeat: repeat, repeat;
background-size: auto auto, auto auto;
background-repeat: repeat-x;
background-position: left bottom;
background-size: 22px 32px;
content: "";
display: block;
width: 65px;
height: 16px;
position: absolute;
bottom: calc(50% - 5px);
right: -95px;
}
.sns-products .sproduct-content {
*zoom: 1;
}
.sns-products .sproduct-content:before, .sns-products .sproduct-content:after {
content: " ";
display: table;
}
.sns-products .sproduct-content:after {
clear: both;
}
.sns-products.list-mode .wpb_heading {
font-size: 1.2857em;
text-align: left;
margin: 0 0 25px;
}
.sns-products.list-mode .wpb_heading span:before, .sns-products.list-mode .wpb_heading span:after {
display: none;
}
.sns-products.list-mode .prdlist-content .product_list.list {
margin-top: 5px;
}
.sns-products.list-mode .prdlist-content .product_list.list .product {
padding: 25px 0 0;
margin-top: 25px;
border-top: 1px solid #eaeaea;
}
.sns-products.list-mode .prdlist-content .product_list.list .product:first-child {
margin-top: 0px;
padding-top: 0px;
border-top: none;
}
.sns-products.list-mode .prdlist-content .product_list.list .list-view {
*zoom: 1;
width: 100%;
}
.sns-products.list-mode .prdlist-content .product_list.list .list-view:before, .sns-products.list-mode .prdlist-content .product_list.list .list-view:after {
content: " ";
display: table;
}
.sns-products.list-mode .prdlist-content .product_list.list .list-view:after {
clear: both;
}
.sns-products.list-mode .prdlist-content .product_list.list .list-view .item-img {
float: left;
display: inline-block;
margin: 0 15px 0 0;
position: relative;
}
.sns-products.list-mode .prdlist-content .product_list.list .list-view .item-img .onsale {
display: none;
}
.sns-products.list-mode .prdlist-content .product_list.list .list-view .item-img .product-image {
display: block;
position: relative;
overflow: hidden;
position: relative;
border: 1px solid #eaeaea;
max-width: 90px;
}
.sns-products.list-mode .prdlist-content .product_list.list .list-view .item-img .product-image:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0px;
top: 0px;
background-color: rgba(0, 0, 0, 0.2);
opacity: 0;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-products.list-mode .prdlist-content .product_list.list .list-view .item-img .yith-wcqv-button {
font-size: 0px;
padding: 0;
width: 35px;
height: 35px;
border: 1px solid #eaeaea;
border-radius: 100%;
display: block;
vertical-align: top;
overflow: hidden;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
position: absolute;
left: 50%;
top: 50%;
margin: -17.5px 0 0 -17.5px;
-webkit-transform: scale(0);
transform: scale(0);
background: #fff;
}
.sns-products.list-mode .prdlist-content .product_list.list .list-view .item-img .yith-wcqv-button:before {
position: absolute;
left: 0px;
top: 0px;
content: "\f10f";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
font-size: 14px;
color: #333;
background-color: transparent;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-products.list-mode .prdlist-content .product_list.list .list-view .item-img .yith-wcqv-button:hover {
background: #234a80;
border-color: #234a80;
}
.sns-products.list-mode .prdlist-content .product_list.list .list-view .item-img .yith-wcqv-button:hover:before {
color: #333;
}
.sns-products.list-mode .prdlist-content .product_list.list .list-view .item-img .yith-wcqv-button .blockUI.blockOverlay {
position: absolute;
top: 0px !important;
left: 0px !important;
overflow: hidden;
background: #234a80 !important;
color: #333;
opacity: 1 !important;
width: 35px !important;
height: 35px !important;
line-height: 35px !important;
cursor: wait;
}
.sns-products.list-mode .prdlist-content .product_list.list .list-view .item-img .yith-wcqv-button .blockUI.blockOverlay:before, .sns-products.list-mode .prdlist-content .product_list.list .list-view .item-img .yith-wcqv-button .blockUI.blockOverlay:after {
color: #333;
font-size: 14px;
cursor: wait;
}
.sns-products.list-mode .prdlist-content .product_list.list .list-view .item-img .yith-wcqv-button .blockUI.blockOverlay:before {
content: "\f136";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
z-index: 1;
color: #333;
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
-o-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
}
.sns-products.list-mode .prdlist-content .product_list.list .list-view .item-info .item-title {
font-size: 1em;
text-transform: uppercase;
font-weight: normal;
margin: -3px 0 5px;
}
.sns-products.list-mode .prdlist-content .product_list.list .list-view .item-info .star-rating {
float: none;
display: block;
margin: 0 0 0px;
}
.sns-products.list-mode .prdlist-content .product_list.list .list-view:hover .item-img .yith-wcqv-button {
-webkit-transform: scale(1);
transform: scale(1);
}
.sns-products.list-mode .prdlist-content .product_list.list .list-view:hover .item-img .product-image {
border-color: rgba(0, 0, 0, 0.2);
}
.sns-products.list-mode .prdlist-content .product_list.list .list-view:hover .item-img .product-image:before {
opacity: 1;
}
.sns-products.list-mode .owl-nav {
position: absolute;
height: 16px;
width: 45px;
right: 0px;
top: -45px;
}
.sns-products.list-mode .owl-nav .owl-prev, .sns-products.list-mode .owl-nav .owl-next {
width: 16px;
height: 16px;
position: absolute;
font-size: 0px;
color: #333;
cursor: pointer;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-products.list-mode .owl-nav .owl-prev:before, .sns-products.list-mode .owl-nav .owl-next:before {
font-size: 16px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-products.list-mode .owl-nav .owl-prev.disabled, .sns-products.list-mode .owl-nav .owl-next.disabled {
opacity: 0.6;
}
.sns-products.list-mode .owl-nav .owl-prev.disabled:hover, .sns-products.list-mode .owl-nav .owl-next.disabled:hover {
cursor: not-allowed;
}
.sns-products.list-mode .owl-nav .owl-prev:hover, .sns-products.list-mode .owl-nav .owl-next:hover {
color: #234a80;
}
.sns-products.list-mode .owl-nav .owl-prev {
left: 0px;
}
.sns-products.list-mode .owl-nav .owl-prev:before {
content: "\f060";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 16px;
height: 16px;
text-align: center;
line-height: 16px;
}
.sns-products.list-mode .owl-nav .owl-next {
right: 0px;
left: auto;
}
.sns-products.list-mode .owl-nav .owl-next:before {
content: "\f061";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 16px;
height: 16px;
text-align: center;
line-height: 16px;
}
.sns-products.list-mode .owl-nav {
right: 8px;
}
.sns-products.gird-mode .before-title {
text-align: center;
}
.sns-products.gird-mode .wpb_heading {
text-align: center;
position: relative;
}
.sns-products.gird-mode[data-gridstyle='4'] .wpb_heading {
margin-bottom: 15px;
}
.sns-products.gird-mode .after-title {
text-align: center;
}
.sns-products.gird-mode .prdlist-content {
margin-left: -15px;
margin-right: -15px;
}
@media (max-width: 767px) {
.sns-products.gird-mode .prdlist-content {
margin-left: -10px;
margin-right: -10px;
}
}
.sns-products.gird-mode .prdlist-content.grid-style2 {
margin: -15px;
}
@media (max-width: 767px) {
.sns-products.gird-mode .prdlist-content.grid-style2 {
margin: -10px;
}
}
.sns-products.gird-mode .owl-nav .owl-prev, .sns-products.gird-mode .owl-nav .owl-next {
width: 40px;
height: 40px;
border: 1px solid #eaeaea;
border-radius: 100%;
text-align: center;
position: absolute;
font-size: 0px;
top: 50%;
margin-top: -20px;
cursor: pointer;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
color: #666;
background: #fff;
}
.sns-products.gird-mode .owl-nav .owl-prev:before, .sns-products.gird-mode .owl-nav .owl-next:before {
font-size: 14px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-products.gird-mode .owl-nav .owl-prev:hover, .sns-products.gird-mode .owl-nav .owl-next:hover {
background: #234a80;
border-color: #234a80;
color: #333;
}
.sns-products.gird-mode .owl-nav .owl-prev.disabled, .sns-products.gird-mode .owl-nav .owl-next.disabled {
opacity: 0.6;
display: inline-block;
}
.sns-products.gird-mode .owl-nav .owl-prev.disabled:hover, .sns-products.gird-mode .owl-nav .owl-next.disabled:hover {
cursor: not-allowed;
}
.sns-products.gird-mode .owl-nav .owl-prev {
left: -5px;
}
@media (max-width: 992px) {
.sns-products.gird-mode .owl-nav .owl-prev {
left: 5px !important;
}
}
.sns-products.gird-mode .owl-nav .owl-prev:before {
content: "\f12c";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.sns-products.gird-mode .owl-nav .owl-next {
right: -5px;
left: auto;
}
@media (max-width: 992px) {
.sns-products.gird-mode .owl-nav .owl-next {
left: auto !important;
right: 5px !important;
}
}
.sns-products.gird-mode .owl-nav .owl-next:before {
content: "\f12c";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
}
@media (max-width: 767px) {
.sns-products.gird-mode .owl-nav .owl-prev, .sns-products.gird-mode .owl-nav .owl-next {
width: 35px;
height: 35px;
margin-top: -17.5px;
}
.sns-products.gird-mode .owl-nav .owl-prev:before, .sns-products.gird-mode .owl-nav .owl-next:before {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 16px;
}
}
.sns-products.gird-mode .owl-nav {
opacity: 0;
}
.sns-products.gird-mode:hover .owl-nav {
opacity: 1;
}
.sns-products .owl-dots {
text-align: center;
margin: 15px 0 0;
}
.sns-products .owl-dots .owl-dot {
border: 2px solid #eaeaea;
height: 16px;
width: 16px;
display: inline-block;
margin: 0 5px;
border-radius: 100%;
cursor: pointer;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-products .owl-dots .owl-dot:hover, .sns-products .owl-dots .owl-dot.active {
border-color: #eaeaea;
background: #eaeaea;
}
.sns-hot-deals {
text-align: center;
}
.sns-hot-deals .wpb_heading {
font-size: 1.1428em;
text-transform: uppercase;
margin: 0 0 15px;
}
.sns-hot-deals .wpb_heading span {
padding: 0 5px;
background: #234a80;
}
.sns-hot-deals .product .item-title {
margin: 0 0 12px;
}
.sns-hot-deals .product .item-title a {
font-size: 2em;
text-transform: uppercase;
}
@media (max-width: 992px) {
.sns-hot-deals .product .item-title a {
font-size: 1.7142em;
}
}
.sns-hot-deals .product .price {
margin: 0 0 28px;
font-size: 2em;
}
@media (max-width: 992px) {
.sns-hot-deals .product .price {
font-size: 1.7142em;
}
}
.sns-hot-deals .product .price del .amount {
color: #ccc;
}
.sns-hot-deals .product .price del:before {
background: #ccc;
}
.sns-hot-deals .product .item-actions .time-count-down {
display: block;
padding: 0;
height: 100px;
line-height: 56px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
margin: 0 0 40px;
}
.sns-hot-deals .product .item-actions .time-count-down .clock-digi {
overflow: hidden;
display: block;
line-height: 1;
}
.sns-hot-deals .product .item-actions .time-count-down .clock-digi > div {
display: inline-block;
float: left;
padding: 0;
width: calc(25% - 1px);
height: 100px;
margin: 0 0 0 1px;
text-align: center;
font-size: 1em;
background: #fff;
color: #666;
position: relative;
}
.sns-hot-deals .product .item-actions .time-count-down .clock-digi > div > div {
display: inline-block;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
}
.sns-hot-deals .product .item-actions .time-count-down .clock-digi > div > div > div {
display: block;
margin: 0 0 3px;
font-weight: bold;
font-size: 3em;
color: #333;
}
@media (max-width: 1199px) {
.sns-hot-deals .product .item-actions .time-count-down .clock-digi > div > div > div {
font-size: 2em;
}
}
@media (max-width: 767px) {
.sns-hot-deals .product .item-actions .time-count-down .clock-digi > div > div > div {
font-size: 1.7142em;
}
}
.sns-hot-deals .product .item-actions .sold-bar {
*zoom: 1;
margin: 0 0 35px;
}
.sns-hot-deals .product .item-actions .sold-bar:before, .sns-hot-deals .product .item-actions .sold-bar:after {
content: " ";
display: table;
}
.sns-hot-deals .product .item-actions .sold-bar:after {
clear: both;
}
.sns-hot-deals .product .item-actions .sold-bar .num-sold {
float: left;
color: #333;
}
.sns-hot-deals .product .item-actions .sold-bar .num-stock {
float: right;
color: #333;
}
.sns-hot-deals .product .item-actions .sold-bar .the-bar {
height: 10px;
width: 100%;
background: #d8d8d8;
border-radius: 10px;
*zoom: 1;
float: left;
margin-bottom: 10px;
position: relative;
}
.sns-hot-deals .product .item-actions .sold-bar .the-bar:before, .sns-hot-deals .product .item-actions .sold-bar .the-bar:after {
content: " ";
display: table;
}
.sns-hot-deals .product .item-actions .sold-bar .the-bar:after {
clear: both;
}
.sns-hot-deals .product .item-actions .sold-bar .the-bar span {
height: 10px;
background: #234a80;
position: absolute;
left: 0px;
top: 0px;
border-radius: 10px;
}
.sns-hot-deals .product .item-actions .cart-wrap .button, .sns-hot-deals .product .item-actions .cart-wrap .added_to_cart {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
width: 100%;
padding: 0px 30px;
height: 45px;
line-height: 45px;
border: none;
background: #333;
color: #fff;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
font-size: 1em;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
border-radius: 5px;
vertical-align: middle;
white-space: normal;
}
.sns-hot-deals .product .item-actions .cart-wrap .button:hover, .sns-hot-deals .product .item-actions .cart-wrap .added_to_cart:hover, .sns-hot-deals .product .item-actions .cart-wrap .button:focus, .sns-hot-deals .product .item-actions .cart-wrap .added_to_cart:focus {
background-color: #234a80;
color: #333;
border: none;
text-decoration: none;
}
.sns-hot-deals .product .item-actions .cart-wrap .button.loading, .sns-hot-deals .product .item-actions .cart-wrap .added_to_cart.loading {
background: #234a80;
border-color: #234a80;
color: #333;
cursor: wait;
}
.sns-hot-deals .product .item-actions .cart-wrap .button.loading:before, .sns-hot-deals .product .item-actions .cart-wrap .added_to_cart.loading:before {
background: transparent;
content: "\f136";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
line-height: 28px;
font-size: 14px;
z-index: 1;
color: #333;
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
-o-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
}
.sns-hot-deals .product .item-actions .cart-wrap .button.added, .sns-hot-deals .product .item-actions .cart-wrap .added_to_cart.added {
display: none;
}
.sns-hot-deals .product .item-actions .cart-wrap .added_to_cart:before {
background: transparent;
content: "\f144";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
line-height: 28px;
font-size: 14px;
z-index: 1;
}
.yith-wcpsc-product-table-wrapper {
padding: 10px 0 0;
}
.yith-wcpsc-product-table-wrapper .yith-wcpsc-product-table {
box-shadow: none;
border-color: #eaeaea;
}
.yith-wcpsc-product-table-wrapper .yith-wcpsc-product-table tr > td:first-child, .yith-wcpsc-product-table-wrapper .yith-wcpsc-product-table th {
background: #f5f5f5;
color: #333;
font-weight: bold;
}
.yith-wcpsc-product-table-wrapper .yith-wcpsc-product-table td, .yith-wcpsc-product-table-wrapper .yith-wcpsc-product-table th {
border-color: #eaeaea;
padding: 15px;
height: auto;
line-height: 1.5;
}
.sns-products-ajaxtab[data-gridstyle="2"] .header-tab, .sns-products-ajaxtab[data-gridstyle="3"] .header-tab, .sns-products-ajaxtab[data-gridstyle="4"] .header-tab {
margin-bottom: 20px;
}
.sns-products-ajaxtab .header-tab {
margin-bottom: 35px;
position: relative;
text-align: center;
}
@media (max-width: 992px) {
.sns-products-ajaxtab .header-tab {
margin-bottom: 0px;
}
}
.sns-products-ajaxtab .header-tab .wpb_heading {
margin: 0 0 20px;
}
.sns-products-ajaxtab .header-tab ul.nav-tabs {
margin: 0;
padding: 0;
list-style: none;
position: relative;
z-index: 1;
border-bottom: none;
text-align: center;
display: inline-block;
padding: 0;
margin: 0 0;
}
.sns-products-ajaxtab .header-tab ul.nav-tabs > li {
display: inline-block;
margin: 0 0;
padding: 0 30px;
float: left;
position: relative;
}
.sns-products-ajaxtab .header-tab ul.nav-tabs > li:before {
position: absolute;
content: "";
height: 10px;
width: 1px;
background: #ccc;
left: 0px;
top: calc(50% - 5px);
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-products-ajaxtab .header-tab ul.nav-tabs > li:first-child:before {
display: none;
}
.sns-products-ajaxtab .header-tab ul.nav-tabs > li.active > a {
color: #333;
text-decoration: underline;
}
.sns-products-ajaxtab .header-tab ul.nav-tabs > li:hover:not(.active) > a {
color: #333;
text-decoration: underline;
}
.sns-products-ajaxtab .header-tab ul.nav-tabs > li > a {
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
font-size: 1em;
color: #666;
text-transform: uppercase;
background: transparent;
border: none;
display: inline-block;
position: relative;
}
.sns-products-ajaxtab .header-tab ul.nav-tabs > li > a .cat-number {
color: #234a80;
}
.sns-products-ajaxtab .header-tab ul.tab-drop-nav {
position: absolute;
top: 8px;
right: 0px;
*zoom: 1;
margin: 0;
padding: 0;
list-style: none;
}
.sns-products-ajaxtab .header-tab ul.tab-drop-nav:before, .sns-products-ajaxtab .header-tab ul.tab-drop-nav:after {
content: " ";
display: table;
}
.sns-products-ajaxtab .header-tab ul.tab-drop-nav:after {
clear: both;
}
.sns-products-ajaxtab .header-tab ul.tab-drop-nav li.dropdown {
padding: 0;
}
.sns-products-ajaxtab .header-tab ul.tab-drop-nav li.dropdown .dropdown-toggle {
display: block;
font-size: 20px;
height: 20px;
width: 20px;
line-height: 20px;
vertical-align: middle;
}
.sns-products-ajaxtab .header-tab ul.tab-drop-nav li.dropdown .dropdown-toggle:before {
content: "\f162";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
}
.sns-products-ajaxtab .header-tab ul.tab-drop-nav li.dropdown .dropdown-toggle:hover {
text-decoration: none;
}
.sns-products-ajaxtab .header-tab ul.tab-drop-nav li.dropdown ul.dropdown-menu {
padding: 0 0;
}
.sns-products-ajaxtab .header-tab ul.tab-drop-nav li.dropdown ul.dropdown-menu li {
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
padding: 0;
}
.sns-products-ajaxtab .header-tab ul.tab-drop-nav li.dropdown ul.dropdown-menu li a {
padding: 8px 10px;
position: relative;
}
.sns-products-ajaxtab .header-tab ul.tab-drop-nav li.dropdown ul.dropdown-menu li:hover {
background-color: #234a80;
}
.sns-products-ajaxtab .header-tab ul.tab-drop-nav li.dropdown ul.dropdown-menu li:hover a {
background-color: #234a80;
color: #333;
}
.sns-products-ajaxtab .header-tab ul.tab-drop-nav li.dropdown ul.dropdown-menu li.active {
background-color: #234a80;
}
.sns-products-ajaxtab .header-tab ul.tab-drop-nav li.dropdown ul.dropdown-menu li.active a {
background-color: #234a80;
color: #333;
}
.sns-products-ajaxtab .content-tab {
*zoom: 1;
}
.sns-products-ajaxtab .content-tab:before, .sns-products-ajaxtab .content-tab:after {
content: " ";
display: table;
}
.sns-products-ajaxtab .content-tab:after {
clear: both;
}
.sns-products-ajaxtab .content-tab .prdlist-content {
margin: 0 -15px;
}
@media (max-width: 1199px) {
.sns-products-ajaxtab .content-tab .prdlist-content {
margin-left: -10px;
margin-right: -10px;
}
}
@media (max-width: 767px) {
.sns-products-ajaxtab .content-tab .prdlist-content {
margin-left: -7.5px;
margin-right: -7.5px;
}
}
.sns-products-ajaxtab .content-tab .prdlist-content.grid-style2 .product_list .product, .sns-products-ajaxtab .content-tab .prdlist-content.grid-style3 .product_list .product, .sns-products-ajaxtab .content-tab .prdlist-content.grid-style4 .product_list .product {
margin-bottom: 15px;
}
.sns-products-ajaxtab .content-tab .prdlist-content.grid-style2 .product_list .item-row .product:last-child, .sns-products-ajaxtab .content-tab .prdlist-content.grid-style3 .product_list .item-row .product:last-child, .sns-products-ajaxtab .content-tab .prdlist-content.grid-style4 .product_list .item-row .product:last-child {
margin-bottom: 0px;
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list {
*zoom: 1;
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list:before, .sns-products-ajaxtab .content-tab .prdlist-content .product_list:after {
content: " ";
display: table;
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list:after {
clear: both;
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list.simple-effect {
opacity: 0.4;
-webkit-transition: all 0.2s ease-in 0s;
-o-transition: all 0.2s ease-in 0s;
transition: all 0.2s ease-in 0s;
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product {
margin-bottom: 45px;
}
@media (min-width: 1200px) {
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product.col-lg-2:nth-of-type(6n+1) {
clear: left;
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product.col-lg-3:nth-of-type(4n+1) {
clear: left;
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product.col-lg-4:nth-of-type(3n+1) {
clear: left;
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product.col-lg-6:nth-of-type(2n+1) {
clear: left;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product.col-md-2:nth-of-type(6n+1) {
clear: left;
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product.col-md-3:nth-of-type(4n+1) {
clear: left;
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product.col-md-4:nth-of-type(3n+1) {
clear: left;
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product.col-md-6:nth-of-type(2n+1) {
clear: left;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product.col-sm-2:nth-of-type(6n+1) {
clear: left;
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product.col-sm-3:nth-of-type(4n+1) {
clear: left;
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product.col-sm-4:nth-of-type(3n+1) {
clear: left;
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product.col-sm-6:nth-of-type(2n+1) {
clear: left;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product.col-xs-2:nth-of-type(6n+1) {
clear: left;
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product.col-xs-3:nth-of-type(4n+1) {
clear: left;
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product.col-xs-4:nth-of-type(3n+1) {
clear: left;
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product.col-xs-6:nth-of-type(2n+1) {
clear: left;
}
}
@media (max-width: 480px) {
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product.col-phone-2 {
clear: none;
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product.col-phone-2:nth-of-type(6n+1) {
clear: left;
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product.col-phone-3 {
clear: none;
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product.col-phone-3:nth-of-type(4n+1) {
clear: left;
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product.col-phone-4 {
clear: none;
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product.col-phone-4:nth-of-type(3n+1) {
clear: left;
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product.col-phone-6 {
clear: none;
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .product.col-phone-6:nth-of-type(2n+1) {
clear: left;
}
}
.sns-products-ajaxtab .content-tab .prdlist-content .product_list .item-row .product:last-child {
margin-bottom: 0px;
}
.sns-products-ajaxtab .content-tab .prdlist-content.active .product_list.simple-effect {
opacity: 1;
}
.sns-products-ajaxtab .content-tab .prdlist-content:not(.active) {
margin-bottom: 0px !important;
}
.sns-products-ajaxtab .content-tab .prdlist-content .owl-dots {
text-align: center;
margin: 15px 0 0;
}
.sns-products-ajaxtab .content-tab .prdlist-content .owl-dots .owl-dot {
border: 2px solid #eaeaea;
height: 16px;
width: 16px;
display: inline-block;
margin: 0 5px;
border-radius: 100%;
cursor: pointer;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-products-ajaxtab .content-tab .prdlist-content .owl-dots .owl-dot:hover, .sns-products-ajaxtab .content-tab .prdlist-content .owl-dots .owl-dot.active {
border-color: #eaeaea;
background: #eaeaea;
}
.sns-products-ajaxtab .content-tab .prdlist-content .owl-dots {
margin-top: 45px;
}
.sns-products-ajaxtab .content-tab .prdlist-content .owl-nav .owl-prev, .sns-products-ajaxtab .content-tab .prdlist-content .owl-nav .owl-next {
width: 40px;
height: 40px;
border: 1px solid #eaeaea;
border-radius: 100%;
text-align: center;
position: absolute;
font-size: 0px;
top: 50%;
margin-top: -20px;
cursor: pointer;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
color: #666;
background: #fff;
}
.sns-products-ajaxtab .content-tab .prdlist-content .owl-nav .owl-prev:before, .sns-products-ajaxtab .content-tab .prdlist-content .owl-nav .owl-next:before {
font-size: 14px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sns-products-ajaxtab .content-tab .prdlist-content .owl-nav .owl-prev:hover, .sns-products-ajaxtab .content-tab .prdlist-content .owl-nav .owl-next:hover {
background: #234a80;
border-color: #234a80;
color: #333;
}
.sns-products-ajaxtab .content-tab .prdlist-content .owl-nav .owl-prev.disabled, .sns-products-ajaxtab .content-tab .prdlist-content .owl-nav .owl-next.disabled {
opacity: 0.6;
display: inline-block;
}
.sns-products-ajaxtab .content-tab .prdlist-content .owl-nav .owl-prev.disabled:hover, .sns-products-ajaxtab .content-tab .prdlist-content .owl-nav .owl-next.disabled:hover {
cursor: not-allowed;
}
.sns-products-ajaxtab .content-tab .prdlist-content .owl-nav .owl-prev {
left: -5px;
}
@media (max-width: 992px) {
.sns-products-ajaxtab .content-tab .prdlist-content .owl-nav .owl-prev {
left: 5px !important;
}
}
.sns-products-ajaxtab .content-tab .prdlist-content .owl-nav .owl-prev:before {
content: "\f12c";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.sns-products-ajaxtab .content-tab .prdlist-content .owl-nav .owl-next {
right: -5px;
left: auto;
}
@media (max-width: 992px) {
.sns-products-ajaxtab .content-tab .prdlist-content .owl-nav .owl-next {
left: auto !important;
right: 5px !important;
}
}
.sns-products-ajaxtab .content-tab .prdlist-content .owl-nav .owl-next:before {
content: "\f12c";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
}
@media (max-width: 767px) {
.sns-products-ajaxtab .content-tab .prdlist-content .owl-nav .owl-prev, .sns-products-ajaxtab .content-tab .prdlist-content .owl-nav .owl-next {
width: 35px;
height: 35px;
margin-top: -17.5px;
}
.sns-products-ajaxtab .content-tab .prdlist-content .owl-nav .owl-prev:before, .sns-products-ajaxtab .content-tab .prdlist-content .owl-nav .owl-next:before {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 16px;
}
}
.sns-products-ajaxtab .content-tab .prdlist-content .owl-nav {
opacity: 0;
}
.sns-products-ajaxtab .content-tab .prdlist-content:hover .owl-nav {
opacity: 1;
}
.sns-products-ajaxtab .content-tab .content-tab-inner {
position: relative;
}
.sns-products-ajaxtab .content-tab .content-tab-inner.tab-loading {
min-height: 40px;
}
.sns-products-ajaxtab .content-tab .content-tab-inner.tab-loading > div {
opacity: 0.4;
}
.sns-products-ajaxtab .content-tab .content-tab-inner.tab-loading:after {
position: absolute;
top: 50%;
left: 50%;
line-height: normal;
margin: -20px 0 0 -20px;
text-align: center;
color: rgba(0, 0, 0, 0.75);
z-index: 2;
content: "\f136";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
font-size: 40px;
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
-o-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
}
.sns-products-ajaxtab .content-tab .sns-woo-loadmore-wrap {
text-align: center;
*zoom: 1;
height: 50px;
position: relative;
}
.sns-products-ajaxtab .content-tab .sns-woo-loadmore-wrap:before, .sns-products-ajaxtab .content-tab .sns-woo-loadmore-wrap:after {
content: " ";
display: table;
}
.sns-products-ajaxtab .content-tab .sns-woo-loadmore-wrap:after {
clear: both;
}
.sns-products-ajaxtab .content-tab .sns-woo-loadmore-wrap:before {
position: absolute;
width: 125px;
height: 1px;
content: "";
top: 50%;
left: calc(50% - 150px);
background-image: linear-gradient(to right, rgba(204, 204, 204, 0), #ccc);
}
.sns-products-ajaxtab .content-tab .sns-woo-loadmore-wrap:after {
position: absolute;
width: 125px;
height: 1px;
content: "";
top: 50%;
right: calc(50% - 150px);
background-image: linear-gradient(to left, rgba(204, 204, 204, 0), #ccc);
}
.sns-products-ajaxtab .content-tab .sns-woo-loadmore-wrap .sns-woo-loadmore {
height: 50px;
width: 50px;
border-radius: 100%;
border: 1px solid #ccc;
position: relative;
font-size: 0px;
background: none;
padding: 0;
text-align: center;
}
.sns-products-ajaxtab .content-tab .sns-woo-loadmore-wrap .sns-woo-loadmore:before {
content: "\f12d";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
font-size: 20px;
color: #ccc;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.sns-products-ajaxtab .content-tab .sns-woo-loadmore-wrap .sns-woo-loadmore:hover {
border-color: #234a80;
background: #234a80;
}
.sns-products-ajaxtab .content-tab .sns-woo-loadmore-wrap .sns-woo-loadmore:hover:before {
color: #333;
}
.sns-products-ajaxtab .content-tab .sns-woo-loadmore-wrap .sns-woo-loadmore.loading {
border-color: #234a80;
background: #234a80;
}
.sns-products-ajaxtab .content-tab .sns-woo-loadmore-wrap .sns-woo-loadmore.loading:before {
content: "\f136";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
color: #333;
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
-o-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
}
.sns-products-ajaxtab .content-tab .sns-woo-loadmore-wrap .sns-woo-loadmore.loaded {
cursor: text;
}
.sns-products-ajaxtab .content-tab .sns-woo-loadmore-wrap .sns-woo-loadmore.loaded:before {
content: "\f144";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.sns-products-ajaxtab .content-tab .sns-woo-loadmore-wrap .sns-woo-loadmore.loaded:hover {
border-color: #ccc;
background: none;
}
.sns-products-ajaxtab .content-tab .sns-woo-loadmore-wrap .sns-woo-loadmore.loaded:hover:before {
color: #ccc;
}
#sns_content .nav-in-topright .owl-nav .owl-prev, #sns_content .nav-in-topright .owl-nav .owl-next {
width: 45px;
height: 45px;
border: 1px solid #ccc;
border-radius: 5px;
text-align: center;
position: absolute;
font-size: 0px;
top: 50%;
margin-top: -22.5px;
cursor: pointer;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
color: #666;
background: #fff;
}
#sns_content .nav-in-topright .owl-nav .owl-prev:before, #sns_content .nav-in-topright .owl-nav .owl-next:before {
font-size: 20px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
#sns_content .nav-in-topright .owl-nav .owl-prev:hover, #sns_content .nav-in-topright .owl-nav .owl-next:hover {
background: #234a80;
border-color: #234a80;
color: #fff;
}
#sns_content .nav-in-topright .owl-nav .owl-prev.disabled, #sns_content .nav-in-topright .owl-nav .owl-next.disabled {
opacity: 0.6;
display: inline-block;
}
#sns_content .nav-in-topright .owl-nav .owl-prev.disabled:hover, #sns_content .nav-in-topright .owl-nav .owl-next.disabled:hover {
cursor: not-allowed;
}
#sns_content .nav-in-topright .owl-nav .owl-prev {
left: -8px;
}
@media (max-width: 992px) {
#sns_content .nav-in-topright .owl-nav .owl-prev {
left: 5px !important;
}
}
#sns_content .nav-in-topright .owl-nav .owl-prev:before {
content: "\f053";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
}
#sns_content .nav-in-topright .owl-nav .owl-next {
right: -8px;
left: auto;
}
@media (max-width: 992px) {
#sns_content .nav-in-topright .owl-nav .owl-next {
left: auto !important;
right: 5px !important;
}
}
#sns_content .nav-in-topright .owl-nav .owl-next:before {
content: "\f054";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
}
@media (max-width: 767px) {
#sns_content .nav-in-topright .owl-nav .owl-prev, #sns_content .nav-in-topright .owl-nav .owl-next {
width: 35px;
height: 35px;
margin-top: -17.5px;
}
#sns_content .nav-in-topright .owl-nav .owl-prev:before, #sns_content .nav-in-topright .owl-nav .owl-next:before {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 16px;
}
}
#sns_content .nav-in-topright .owl-nav {
opacity: 1;
position: absolute;
top: -95px;
right: 15px;
height: 45px;
width: 100px;
}
#sns_content .nav-in-topright .owl-nav .owl-prev {
left: 0px !important;
}
#sns_content .nav-in-topright .owl-nav .owl-next {
left: auto !important;
right: 0px !important;
}
@media (max-width: 767px) {
#sns_content .nav-in-topright .owl-nav {
right: 7.5px;
top: -80px;
height: 35px;
width: 80px;
}
}
#sns_content .nav-in-topcenter .owl-nav .owl-prev, #sns_content .nav-in-topcenter .owl-nav .owl-next {
width: 45px;
height: 45px;
border: 1px solid #ccc;
border-radius: 5px;
text-align: center;
position: absolute;
font-size: 0px;
top: 50%;
margin-top: -22.5px;
cursor: pointer;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
color: #666;
background: #fff;
}
#sns_content .nav-in-topcenter .owl-nav .owl-prev:before, #sns_content .nav-in-topcenter .owl-nav .owl-next:before {
font-size: 20px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
#sns_content .nav-in-topcenter .owl-nav .owl-prev:hover, #sns_content .nav-in-topcenter .owl-nav .owl-next:hover {
background: #234a80;
border-color: #234a80;
color: #fff;
}
#sns_content .nav-in-topcenter .owl-nav .owl-prev.disabled, #sns_content .nav-in-topcenter .owl-nav .owl-next.disabled {
opacity: 0.6;
display: inline-block;
}
#sns_content .nav-in-topcenter .owl-nav .owl-prev.disabled:hover, #sns_content .nav-in-topcenter .owl-nav .owl-next.disabled:hover {
cursor: not-allowed;
}
#sns_content .nav-in-topcenter .owl-nav .owl-prev {
left: -8px;
}
@media (max-width: 992px) {
#sns_content .nav-in-topcenter .owl-nav .owl-prev {
left: 5px !important;
}
}
#sns_content .nav-in-topcenter .owl-nav .owl-prev:before {
content: "\f053";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
}
#sns_content .nav-in-topcenter .owl-nav .owl-next {
right: -8px;
left: auto;
}
@media (max-width: 992px) {
#sns_content .nav-in-topcenter .owl-nav .owl-next {
left: auto !important;
right: 5px !important;
}
}
#sns_content .nav-in-topcenter .owl-nav .owl-next:before {
content: "\f054";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
}
@media (max-width: 767px) {
#sns_content .nav-in-topcenter .owl-nav .owl-prev, #sns_content .nav-in-topcenter .owl-nav .owl-next {
width: 35px;
height: 35px;
margin-top: -17.5px;
}
#sns_content .nav-in-topcenter .owl-nav .owl-prev:before, #sns_content .nav-in-topcenter .owl-nav .owl-next:before {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 16px;
}
}
#sns_content .nav-in-topcenter .owl-nav {
opacity: 1;
position: absolute;
top: -95px;
left: 0px;
width: 100%;
height: 45px;
}
#sns_content .nav-in-topcenter .owl-nav .owl-prev {
left: 15px;
}
@media (max-width: 992px) {
#sns_content .nav-in-topcenter .owl-nav .owl-prev {
left: -5px !important;
}
}
#sns_content .nav-in-topcenter .owl-nav .owl-next {
left: auto;
right: 15px;
}
@media (max-width: 992px) {
#sns_content .nav-in-topcenter .owl-nav .owl-next {
left: auto !important;
right: -5px !important;
}
}
article.type-page .inner-post, article.type-post .inner-post {
*zoom: 1;
}
article.type-page .inner-post:before, article.type-post .inner-post:before, article.type-page .inner-post:after, article.type-post .inner-post:after {
content: " ";
display: table;
}
article.type-page .inner-post:after, article.type-post .inner-post:after {
clear: both;
}
article.type-page .inner-post .part-left, article.type-post .inner-post .part-left {
float: left;
width: 44%;
padding: 0 15px 0 0;
}
@media (max-width: 1199px) {
article.type-page .inner-post .part-left, article.type-post .inner-post .part-left {
width: 50%;
padding: 0 10px 0 0;
}
}
article.type-page .inner-post .part-right, article.type-post .inner-post .part-right {
float: left;
width: 56%;
padding: 0 0 0 15px;
}
@media (max-width: 1199px) {
article.type-page .inner-post .part-right, article.type-post .inner-post .part-right {
width: 50%;
padding: 0 0 0 10px;
}
}
@media (max-width: 480px) {
article.type-page .inner-post .part-left, article.type-post .inner-post .part-left, article.type-page .inner-post .part-right, article.type-post .inner-post .part-right {
float: none;
width: 100%;
padding: 0 0;
}
}
article.type-page h3.post-title, article.type-post h3.post-title {
margin: 0 0 10px;
position: relative;
font-size: 2em;
border: none;
}
@media (max-width: 991px) {
article.type-page h3.post-title, article.type-post h3.post-title {
font-size: 1.2em;
}
}
article.type-page .page-links, article.type-post .page-links {
margin-bottom: 15px;
clear: left;
font-weight: bold;
}
article.type-page .page-links a, article.type-post .page-links a {
display: inline-block;
padding: 0 3px;
margin: 0 0 3px;
}
article.type-page .more-link .meta-nav, article.type-post .more-link .meta-nav {
display: none;
}
article.type-page .post-meta, article.type-post .post-meta {
display: block;
margin: 0 0 25px;
color: #aaa;
}
article.type-page .post-meta > span, article.type-post .post-meta > span {
margin-left: 20px;
padding: 0 0;
position: relative;
display: inline-block;
}
article.type-page .post-meta > span:first-child, article.type-post .post-meta > span:first-child {
margin-left: 0px;
padding: 0 0;
}
article.type-page .post-meta > span:first-child:before, article.type-post .post-meta > span:first-child:before {
display: none;
}
article.type-page .post-meta a, article.type-post .post-meta a {
color: #333;
border-bottom: 1px solid #666;
}
article.type-page .post-meta a:hover, article.type-post .post-meta a:hover {
color: #333;
text-decoration: none;
border-bottom: 2px solid #666;
}
article.type-page .post-excerpt, article.type-post .post-excerpt {
position: relative;
}
article.type-page .post-excerpt > *:last-child, article.type-post .post-excerpt > *:last-child {
margin-bottom: 0px;
}
article.type-page .post-excerpt .more-link, article.type-post .post-excerpt .more-link {
display: table;
margin-top: 28px;
}
article.type-page .post-foot, article.type-post .post-foot {
margin: 15px 0 0;
*zoom: 1;
}
article.type-page .post-foot:before, article.type-post .post-foot:before, article.type-page .post-foot:after, article.type-post .post-foot:after {
content: " ";
display: table;
}
article.type-page .post-foot:after, article.type-post .post-foot:after {
clear: both;
}
article.type-page .post-foot .tags-links, article.type-post .post-foot .tags-links {
float: left;
position: relative;
}
@media (max-width: 767px) {
article.type-page .post-foot .tags-links, article.type-post .post-foot .tags-links {
float: none;
display: block;
margin: 0 0 15px;
}
}
article.type-page .post-foot .tags-links span, article.type-post .post-foot .tags-links span {
color: #aaa;
}
article.type-page .post-foot .tags-links a, article.type-post .post-foot .tags-links a {
margin: 0 0 0;
color: #333;
display: inline-block;
}
article.type-page .post-foot .tags-links a:hover, article.type-post .post-foot .tags-links a:hover {
color: #333;
text-decoration: underline;
}
article.type-page .post-foot .post-share-block, article.type-post .post-foot .post-share-block {
float: right;
margin-right: -4px;
}
@media (max-width: 767px) {
article.type-page .post-foot .post-share-block, article.type-post .post-foot .post-share-block {
float: none;
display: block;
margin-right: 0px;
}
}
article.type-page .post-foot .post-share-block .ssbp-wrap, article.type-post .post-foot .post-share-block .ssbp-wrap, article.type-page .post-foot .post-share-block .ssba-wrap, article.type-post .post-foot .post-share-block .ssba-wrap {
font-size: 1em !important;
}
article.type-page .post-foot .post-share-block .ssbp-wrap .ssba-share-text, article.type-post .post-foot .post-share-block .ssbp-wrap .ssba-share-text, article.type-page .post-foot .post-share-block .ssba-wrap .ssba-share-text, article.type-post .post-foot .post-share-block .ssba-wrap .ssba-share-text {
font-size: 1em;
position: relative;
color: #aaa;
margin-right: 0px;
}
article.type-page .post-foot .post-share-block .ssbp-wrap br, article.type-post .post-foot .post-share-block .ssbp-wrap br, article.type-page .post-foot .post-share-block .ssba-wrap br, article.type-post .post-foot .post-share-block .ssba-wrap br {
display: none;
}
article.type-page .post-foot .post-share-block .ssbp-wrap a, article.type-post .post-foot .post-share-block .ssbp-wrap a, article.type-page .post-foot .post-share-block .ssba-wrap a, article.type-post .post-foot .post-share-block .ssba-wrap a {
display: inline;
padding: 0 5px;
margin: 0 4px;
text-align: center;
color: #666;
border-bottom: 1px solid #666;
border-radius: 0px;
text-align: center;
font-size: 1em;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
position: relative;
}
article.type-page .post-foot .post-share-block .ssbp-wrap a img, article.type-post .post-foot .post-share-block .ssbp-wrap a img, article.type-page .post-foot .post-share-block .ssba-wrap a img, article.type-post .post-foot .post-share-block .ssba-wrap a img {
padding: 0 0 !important;
width: 100% !important;
height: 100% !important;
}
article.type-page .post-foot .post-share-block .ssbp-wrap a.ssba_linkedin_share img, article.type-post .post-foot .post-share-block .ssbp-wrap a.ssba_linkedin_share img, article.type-page .post-foot .post-share-block .ssba-wrap a.ssba_linkedin_share img, article.type-post .post-foot .post-share-block .ssba-wrap a.ssba_linkedin_share img, article.type-page .post-foot .post-share-block .ssbp-wrap a.ssba_facebook_share img, article.type-post .post-foot .post-share-block .ssbp-wrap a.ssba_facebook_share img, article.type-page .post-foot .post-share-block .ssba-wrap a.ssba_facebook_share img, article.type-post .post-foot .post-share-block .ssba-wrap a.ssba_facebook_share img, article.type-page .post-foot .post-share-block .ssbp-wrap a.ssba_twitter_share img, article.type-post .post-foot .post-share-block .ssbp-wrap a.ssba_twitter_share img, article.type-page .post-foot .post-share-block .ssba-wrap a.ssba_twitter_share img, article.type-post .post-foot .post-share-block .ssba-wrap a.ssba_twitter_share img, article.type-page .post-foot .post-share-block .ssbp-wrap a.ssba_google_share img, article.type-post .post-foot .post-share-block .ssbp-wrap a.ssba_google_share img, article.type-page .post-foot .post-share-block .ssba-wrap a.ssba_google_share img, article.type-post .post-foot .post-share-block .ssba-wrap a.ssba_google_share img, article.type-page .post-foot .post-share-block .ssbp-wrap a.ssba_pinterest_share img, article.type-post .post-foot .post-share-block .ssbp-wrap a.ssba_pinterest_share img, article.type-page .post-foot .post-share-block .ssba-wrap a.ssba_pinterest_share img, article.type-post .post-foot .post-share-block .ssba-wrap a.ssba_pinterest_share img, article.type-page .post-foot .post-share-block .ssbp-wrap a.ssba_instagram_share img, article.type-post .post-foot .post-share-block .ssbp-wrap a.ssba_instagram_share img, article.type-page .post-foot .post-share-block .ssba-wrap a.ssba_instagram_share img, article.type-post .post-foot .post-share-block .ssba-wrap a.ssba_instagram_share img, article.type-page .post-foot .post-share-block .ssbp-wrap a.ssba_print img, article.type-post .post-foot .post-share-block .ssbp-wrap a.ssba_print img, article.type-page .post-foot .post-share-block .ssba-wrap a.ssba_print img, article.type-post .post-foot .post-share-block .ssba-wrap a.ssba_print img, article.type-page .post-foot .post-share-block .ssbp-wrap a.ssba_email_share img, article.type-post .post-foot .post-share-block .ssbp-wrap a.ssba_email_share img, article.type-page .post-foot .post-share-block .ssba-wrap a.ssba_email_share img, article.type-post .post-foot .post-share-block .ssba-wrap a.ssba_email_share img {
display: none !important;
}
article.type-page .post-foot .post-share-block .ssbp-wrap a.ssba_linkedin_share:hover, article.type-post .post-foot .post-share-block .ssbp-wrap a.ssba_linkedin_share:hover, article.type-page .post-foot .post-share-block .ssba-wrap a.ssba_linkedin_share:hover, article.type-post .post-foot .post-share-block .ssba-wrap a.ssba_linkedin_share:hover, article.type-page .post-foot .post-share-block .ssbp-wrap a.ssba_facebook_share:hover, article.type-post .post-foot .post-share-block .ssbp-wrap a.ssba_facebook_share:hover, article.type-page .post-foot .post-share-block .ssba-wrap a.ssba_facebook_share:hover, article.type-post .post-foot .post-share-block .ssba-wrap a.ssba_facebook_share:hover, article.type-page .post-foot .post-share-block .ssbp-wrap a.ssba_twitter_share:hover, article.type-post .post-foot .post-share-block .ssbp-wrap a.ssba_twitter_share:hover, article.type-page .post-foot .post-share-block .ssba-wrap a.ssba_twitter_share:hover, article.type-post .post-foot .post-share-block .ssba-wrap a.ssba_twitter_share:hover, article.type-page .post-foot .post-share-block .ssbp-wrap a.ssba_google_share:hover, article.type-post .post-foot .post-share-block .ssbp-wrap a.ssba_google_share:hover, article.type-page .post-foot .post-share-block .ssba-wrap a.ssba_google_share:hover, article.type-post .post-foot .post-share-block .ssba-wrap a.ssba_google_share:hover, article.type-page .post-foot .post-share-block .ssbp-wrap a.ssba_pinterest_share:hover, article.type-post .post-foot .post-share-block .ssbp-wrap a.ssba_pinterest_share:hover, article.type-page .post-foot .post-share-block .ssba-wrap a.ssba_pinterest_share:hover, article.type-post .post-foot .post-share-block .ssba-wrap a.ssba_pinterest_share:hover, article.type-page .post-foot .post-share-block .ssbp-wrap a.ssba_instagram_share:hover, article.type-post .post-foot .post-share-block .ssbp-wrap a.ssba_instagram_share:hover, article.type-page .post-foot .post-share-block .ssba-wrap a.ssba_instagram_share:hover, article.type-post .post-foot .post-share-block .ssba-wrap a.ssba_instagram_share:hover, article.type-page .post-foot .post-share-block .ssbp-wrap a.ssba_print:hover, article.type-post .post-foot .post-share-block .ssbp-wrap a.ssba_print:hover, article.type-page .post-foot .post-share-block .ssba-wrap a.ssba_print:hover, article.type-post .post-foot .post-share-block .ssba-wrap a.ssba_print:hover, article.type-page .post-foot .post-share-block .ssbp-wrap a.ssba_email_share:hover, article.type-post .post-foot .post-share-block .ssbp-wrap a.ssba_email_share:hover, article.type-page .post-foot .post-share-block .ssba-wrap a.ssba_email_share:hover, article.type-post .post-foot .post-share-block .ssba-wrap a.ssba_email_share:hover {
color: #333;
text-decoration: none;
}
article.type-page .post-foot .post-share-block .ssbp-wrap a:before, article.type-post .post-foot .post-share-block .ssbp-wrap a:before, article.type-page .post-foot .post-share-block .ssba-wrap a:before, article.type-post .post-foot .post-share-block .ssba-wrap a:before {
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
article.type-page .post-foot .post-share-block .ssbp-wrap a:before:before, article.type-post .post-foot .post-share-block .ssbp-wrap a:before:before, article.type-page .post-foot .post-share-block .ssba-wrap a:before:before, article.type-post .post-foot .post-share-block .ssba-wrap a:before:before {
content: "\f0e1";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
}
article.type-page .post-foot .post-share-block .ssbp-wrap a.ssba_linkedin_share:before, article.type-post .post-foot .post-share-block .ssbp-wrap a.ssba_linkedin_share:before, article.type-page .post-foot .post-share-block .ssba-wrap a.ssba_linkedin_share:before, article.type-post .post-foot .post-share-block .ssba-wrap a.ssba_linkedin_share:before {
content: "\f0e1";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
}
article.type-page .post-foot .post-share-block .ssbp-wrap a.ssba_facebook_share:before, article.type-post .post-foot .post-share-block .ssbp-wrap a.ssba_facebook_share:before, article.type-page .post-foot .post-share-block .ssba-wrap a.ssba_facebook_share:before, article.type-post .post-foot .post-share-block .ssba-wrap a.ssba_facebook_share:before {
content: "\f09a";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
}
article.type-page .post-foot .post-share-block .ssbp-wrap a.ssba_twitter_share:before, article.type-post .post-foot .post-share-block .ssbp-wrap a.ssba_twitter_share:before, article.type-page .post-foot .post-share-block .ssba-wrap a.ssba_twitter_share:before, article.type-post .post-foot .post-share-block .ssba-wrap a.ssba_twitter_share:before {
content: "\f099";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
}
article.type-page .post-foot .post-share-block .ssbp-wrap a.ssba_google_share:before, article.type-post .post-foot .post-share-block .ssbp-wrap a.ssba_google_share:before, article.type-page .post-foot .post-share-block .ssba-wrap a.ssba_google_share:before, article.type-post .post-foot .post-share-block .ssba-wrap a.ssba_google_share:before {
content: "\f0d5";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
}
article.type-page .post-foot .post-share-block .ssbp-wrap a.ssba_pinterest_share:before, article.type-post .post-foot .post-share-block .ssbp-wrap a.ssba_pinterest_share:before, article.type-page .post-foot .post-share-block .ssba-wrap a.ssba_pinterest_share:before, article.type-post .post-foot .post-share-block .ssba-wrap a.ssba_pinterest_share:before {
content: "\f0d3";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
}
article.type-page .post-foot .post-share-block .ssbp-wrap a.ssba_instagram_share:before, article.type-post .post-foot .post-share-block .ssbp-wrap a.ssba_instagram_share:before, article.type-page .post-foot .post-share-block .ssba-wrap a.ssba_instagram_share:before, article.type-post .post-foot .post-share-block .ssba-wrap a.ssba_instagram_share:before {
content: "\f16d";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
}
article.type-page .post-foot .post-share-block .ssbp-wrap a.ssba_print:before, article.type-post .post-foot .post-share-block .ssbp-wrap a.ssba_print:before, article.type-page .post-foot .post-share-block .ssba-wrap a.ssba_print:before, article.type-post .post-foot .post-share-block .ssba-wrap a.ssba_print:before {
content: "\f02f";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
}
article.type-page .post-foot .post-share-block .ssbp-wrap a.ssba_email_share:before, article.type-post .post-foot .post-share-block .ssbp-wrap a.ssba_email_share:before, article.type-page .post-foot .post-share-block .ssba-wrap a.ssba_email_share:before, article.type-post .post-foot .post-share-block .ssba-wrap a.ssba_email_share:before {
content: "\f003";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
}
article.type-page .post-foot .post-share-block .ssbp-wrap a:hover, article.type-post .post-foot .post-share-block .ssbp-wrap a:hover, article.type-page .post-foot .post-share-block .ssba-wrap a:hover, article.type-post .post-foot .post-share-block .ssba-wrap a:hover {
border-bottom: 2px solid #666;
}
@media (max-width: 480px) {
article.type-page .post-foot .post-share-block, article.type-post .post-foot .post-share-block {
float: none;
display: block;
margin: 0 0;
}
}
article.type-page .post-content, article.type-post .post-content {
*zoom: 1;
}
article.type-page .post-content:before, article.type-post .post-content:before, article.type-page .post-content:after, article.type-post .post-content:after {
content: " ";
display: table;
}
article.type-page .post-content:after, article.type-post .post-content:after {
clear: both;
}
article.type-page .gallery-thumb, article.type-post .gallery-thumb, article.type-page .video-thumb, article.type-post .video-thumb, article.type-page .audio-thumb, article.type-post .audio-thumb, article.type-page .post-thumb, article.type-post .post-thumb, article.type-page .quote-info, article.type-post .quote-info, article.type-page .link-info, article.type-post .link-info {
margin-bottom: 25px;
position: relative;
}
article.type-page .gallery-thumb, article.type-post .gallery-thumb {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
article.type-page .gallery-thumb .owl-nav .owl-prev, article.type-post .gallery-thumb .owl-nav .owl-prev, article.type-page .gallery-thumb .owl-nav .owl-next, article.type-post .gallery-thumb .owl-nav .owl-next {
width: 60px;
height: 60px;
text-align: center;
position: absolute;
top: calc(50% - 15px);
font-size: 0px;
background: rgba(0, 0, 0, 0.4);
color: #fff;
}
article.type-page .gallery-thumb .owl-nav .owl-prev:before, article.type-post .gallery-thumb .owl-nav .owl-prev:before, article.type-page .gallery-thumb .owl-nav .owl-next:before, article.type-post .gallery-thumb .owl-nav .owl-next:before {
font-size: 30px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
article.type-page .gallery-thumb .owl-nav .owl-prev:hover, article.type-post .gallery-thumb .owl-nav .owl-prev:hover, article.type-page .gallery-thumb .owl-nav .owl-next:hover, article.type-post .gallery-thumb .owl-nav .owl-next:hover {
cursor: pointer;
background: #234a80;
}
article.type-page .gallery-thumb .owl-nav .owl-prev:hover:before, article.type-post .gallery-thumb .owl-nav .owl-prev:hover:before, article.type-page .gallery-thumb .owl-nav .owl-next:hover:before, article.type-post .gallery-thumb .owl-nav .owl-next:hover:before {
color: #333;
}
article.type-page .gallery-thumb .owl-nav .owl-prev.disabled, article.type-post .gallery-thumb .owl-nav .owl-prev.disabled, article.type-page .gallery-thumb .owl-nav .owl-next.disabled, article.type-post .gallery-thumb .owl-nav .owl-next.disabled {
opacity: 0.6;
}
article.type-page .gallery-thumb .owl-nav .owl-prev.disabled:hover, article.type-post .gallery-thumb .owl-nav .owl-prev.disabled:hover, article.type-page .gallery-thumb .owl-nav .owl-next.disabled:hover, article.type-post .gallery-thumb .owl-nav .owl-next.disabled:hover {
cursor: not-allowed;
}
article.type-page .gallery-thumb .owl-nav .owl-prev, article.type-post .gallery-thumb .owl-nav .owl-prev {
left: 0px;
}
article.type-page .gallery-thumb .owl-nav .owl-prev:before, article.type-post .gallery-thumb .owl-nav .owl-prev:before {
content: "\f104";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
}
article.type-page .gallery-thumb .owl-nav .owl-next, article.type-post .gallery-thumb .owl-nav .owl-next {
right: 0px;
left: auto;
}
article.type-page .gallery-thumb .owl-nav .owl-next:before, article.type-post .gallery-thumb .owl-nav .owl-next:before {
content: "\f105";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
}
article.type-page .link-info, article.type-post .link-info {
padding: 90px 30px;
text-align: center;
background: url(//powerbearings.co/wp-content/themes/valen/assets/img/global.png) #f9f9f9 no-repeat -10px 35%;
border: 1px solid #eaeaea;
border-bottom: none;
}
article.type-page .link-info a, article.type-post .link-info a {
display: block;
font-size: 1.1428em;
font-weight: bold;
text-transform: uppercase;
}
article.type-page .quote-info, article.type-post .quote-info {
padding: 70px 35px;
background: #f5f5f5;
text-align: center;
font-size: 1.2857em;
}
article.type-page .quote-info .quote-content, article.type-post .quote-info .quote-content {
display: block;
margin-bottom: 20px;
position: relative;
}
article.type-page .quote-info .quote-content i, article.type-post .quote-info .quote-content i {
position: relative;
}
article.type-page .quote-info .quote-content i.fa-quote-left, article.type-post .quote-info .quote-content i.fa-quote-left {
top: -1px;
left: -2px;
}
article.type-page .quote-info .quote-content i.fa-quote-right, article.type-post .quote-info .quote-content i.fa-quote-right {
bottom: -4px;
right: -2px;
}
article.type-page .quote-info .quote-author, article.type-post .quote-info .quote-author {
display: block;
margin: 0px;
padding: 0;
position: relative;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
font-weight: bold;
}
article.type-page .post-thumb, article.type-post .post-thumb {
position: relative;
overflow: hidden;
}
article.type-page .post-thumb a, article.type-post .post-thumb a {
display: inline-block;
position: relative;
}
article.type-page .post-thumb a:before, article.type-post .post-thumb a:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0px;
top: 0px;
background: rgba(0, 0, 0, 0.1);
opacity: 0;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
article.type-page .post-thumb a:hover:before, article.type-post .post-thumb a:hover:before {
opacity: 1;
}
article.type-page .video-responsive, article.type-post .video-responsive {
position: relative;
padding-bottom: 55%;
overflow: hidden;
padding-top: 3px;
height: 0;
}
article.type-page .video-responsive embed, article.type-post .video-responsive embed, article.type-page .video-responsive iframe, article.type-post .video-responsive iframe, article.type-page .video-responsive object, article.type-post .video-responsive object, article.type-page .video-responsive video, article.type-post .video-responsive video {
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
}
article.type-page .audio-responsive, article.type-post .audio-responsive {
position: relative;
padding-bottom: 54.5%;
padding-top: 8px;
height: 0;
}
article.type-page .audio-responsive embed, article.type-post .audio-responsive embed, article.type-page .audio-responsive iframe, article.type-post .audio-responsive iframe, article.type-page .audio-responsive object, article.type-post .audio-responsive object, article.type-page .audio-responsive audio, article.type-post .audio-responsive audio {
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
}
.blog-standard > article {
margin-bottom: 90px;
}
.blog-standard > article:first-child {
padding-top: 0px;
border-top: none;
}
.blog-standard > article:last-child {
margin-bottom: 100px;
}
.blog-standard > article h3.post-title {
margin: 0 0 20px;
font-size: 2em;
}
@media (max-width: 767px) {
.blog-standard > article h3.post-title {
font-size: 1.4285em;
}
}
.blog-standard > article h3.post-title a:hover {
text-decoration: none;
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
-o-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
}
.blog-standard > article .post-meta {
margin-bottom: 5px;
}
.blog-standard > article .gallery-thumb, .blog-standard > article .video-thumb, .blog-standard > article .audio-thumb, .blog-standard > article .post-thumb, .blog-standard > article .quote-info, .blog-standard > article .link-info {
margin-bottom: 30px;
}
.blog-standard > article.sticky .post-meta .sticky-content {
color: #333;
padding-left: 5px;
}
.blog-standard > article.sticky .post-meta .sticky-content:before {
content: "\f141";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 24px;
height: 24px;
text-align: center;
line-height: 24px;
font-size: 14px;
text-align: center;
color: inherit;
background-color: #234a80;
border-radius: 100%;
position: relative;
left: -5px;
}
.blog-standard > article .post-content .post-excerpt {
*zoom: 1;
}
.blog-standard > article .post-content .post-excerpt:before, .blog-standard > article .post-content .post-excerpt:after {
content: " ";
display: table;
}
.blog-standard > article .post-content .post-excerpt:after {
clear: both;
}
@media (min-width: 1199px) {
.blog-standard > article .post-content .post-excerpt {
font-size: 1.1428em;
}
.blog-standard > article .post-content .post-excerpt .more-link {
font-size: 14px;
}
}
.blog-layout2 > article {
margin-bottom: 90px;
}
.blog-layout2 > article:last-child {
margin-bottom: 100px;
}
.blog-layout2 > article h3.post-title {
margin: 0 0 22px;
font-size: 1.7142em;
}
@media (max-width: 1199px) {
.blog-layout2 > article h3.post-title {
font-size: 1.4285em;
}
}
@media (max-width: 767px) {
.blog-layout2 > article h3.post-title {
font-size: 1.4285em;
}
}
.blog-layout2 > article h3.post-title a:hover {
text-decoration: none;
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
-o-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
}
.blog-layout2 > article .gallery-thumb, .blog-layout2 > article .video-thumb, .blog-layout2 > article .audio-thumb, .blog-layout2 > article .post-thumb, .blog-layout2 > article .quote-info, .blog-layout2 > article .link-info {
margin-bottom: 0px;
}
@media (max-width: 767px) {
.blog-layout2 > article .gallery-thumb, .blog-layout2 > article .video-thumb, .blog-layout2 > article .audio-thumb, .blog-layout2 > article .post-thumb, .blog-layout2 > article .quote-info, .blog-layout2 > article .link-info {
margin-bottom: 25px;
}
}
.blog-layout2 > article .post-meta {
margin-bottom: 10px;
}
.blog-layout2 > article .post-content .post-excerpt {
*zoom: 1;
}
.blog-layout2 > article .post-content .post-excerpt:before, .blog-layout2 > article .post-content .post-excerpt:after {
content: " ";
display: table;
}
.blog-layout2 > article .post-content .post-excerpt:after {
clear: both;
}
.blog-layout2 > article .post-foot {
margin-top: 5px;
}
.blog-layout2 > article .post-foot .tags-links {
float: none;
}
.blog-layout2 > article.sticky .post-meta .sticky-content {
color: #333;
padding-left: 5px;
}
.blog-layout2 > article.sticky .post-meta .sticky-content:before {
content: "\f141";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 24px;
height: 24px;
text-align: center;
line-height: 24px;
font-size: 14px;
text-align: center;
color: inherit;
background-color: #234a80;
border-radius: 100%;
position: relative;
left: -5px;
}
.sns-grid-masonry {
margin: 0 -15px 30px;
}
.sns-grid-masonry article {
margin-bottom: 30px;
text-align: center;
border: 1px solid #eaeaea;
}
.sns-grid-masonry article .quote-info, .sns-grid-masonry article .link-info {
border: none;
border-bottom: 1px solid #eaeaea;
}
.sns-grid-masonry article .post-content {
padding: 0 10px;
}
.sns-grid-masonry article .post-meta {
margin: 0 0 8px;
}
.sns-grid-masonry article h3.post-title {
margin: 0 0 28px;
font-size: 1.2857em;
}
.sns-grid-masonry .sns-grid-item {
width: 33.33%;
padding-right: 15px;
padding-left: 15px;
overflow: hidden;
}
@media (max-width: 992px) {
.sns-grid-masonry .sns-grid-item {
width: 50%;
}
}
@media (max-width: 480px) {
.sns-grid-masonry .sns-grid-item {
width: 100%;
}
}
body.layout-type-l-m-r .sns-grid-masonry .sns-grid-item, body.layout-type-m-r .sns-grid-masonry .sns-grid-item, body.layout-type-l-m .sns-grid-masonry .sns-grid-item {
width: 50%;
}
@media (max-width: 480px) {
body.layout-type-l-m-r .sns-grid-masonry .sns-grid-item, body.layout-type-m-r .sns-grid-masonry .sns-grid-item, body.layout-type-l-m .sns-grid-masonry .sns-grid-item {
width: 100%;
}
}
.sns-grid-masonry.sticky .post-meta .sticky-content {
font-size: 0px;
}
.sns-grid-masonry.sticky .post-meta .sticky-content:after {
content: "\f08d";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 24px;
height: 24px;
text-align: center;
line-height: 24px;
width: 12px;
font-size: 16px;
}
.sns-grid-masonry + .navigation {
margin-top: 10px;
}
.single article.post {
margin: 0 0 120px;
}
.single article.post h1.post-title {
margin: 0 0 25px;
font-size: 3em;
}
@media (max-width: 1199px) {
.single article.post h1.post-title {
font-size: 2.2857em;
}
}
@media (max-width: 767px) {
.single article.post h1.post-title {
font-size: 1.7142em;
}
}
.single article.post .post-meta {
margin-bottom: 5px;
}
.single article.post .gallery-thumb, .single article.post .video-thumb, .single article.post .audio-thumb, .single article.post .post-thumb, .single article.post .quote-info, .single article.post .link-info {
margin-bottom: 0px;
}
.single article.post .post-info-wrap {
border: 1px solid #eaeaea;
}
@media (max-width: 1199px) {
.single article.post .post-info-wrap {
border: none;
}
}
.single article.post .post-info-wrap .post-info-inner {
padding: 53px 60px 45px;
}
@media (max-width: 1199px) {
.single article.post .post-info-wrap .post-info-inner {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 767px) {
.single article.post .post-info-wrap .post-info-inner {
padding-left: 15px;
padding-right: 15px;
}
}
.single article.post .post-content {
margin-bottom: 0px;
}
@media (min-width: 1199px) {
.single article.post .post-content {
font-size: 1.1428em;
line-height: 1.9;
}
}
.single article.post .post-foot {
margin-bottom: 15px;
}
.single article.post .post-foot .post-share-block {
float: right;
}
@media (max-width: 480px) {
.single article.post .post-foot .post-share-block {
float: none;
}
}
.single article.post .post-foot .tags-links {
float: left;
display: block;
}
@media (max-width: 480px) {
.single article.post .post-foot .tags-links {
float: none;
display: block;
margin: 0 0;
}
}
.single article.post .post-foot .tags-links a {
border-bottom: 1px solid #666;
display: inline;
}
.single article.post .post-foot .tags-links a:hover {
color: #333;
text-decoration: none;
border-bottom: 2px solid #666;
}
.single article.post .author-info {
padding: 30px 60px;
margin: 0 0;
*zoom: 1;
background: #f5f5f5;
}
.single article.post .author-info:before, .single article.post .author-info:after {
content: " ";
display: table;
}
.single article.post .author-info:after {
clear: both;
}
@media (max-width: 1199px) {
.single article.post .author-info {
padding: 30px;
}
}
.single article.post .author-info h4 {
margin: 15px 0 15px;
font-size: 1em;
color: #666;
font-weight: normal;
}
.single article.post .author-info h4 a {
color: #333;
font-weight: bold;
}
.single article.post .author-info h4 a:hover {
color: #333;
text-decoration: underline;
}
.single article.post .author-info p.author-bio {
margin-bottom: 0;
}
.single article.post .author-info .author-avatar {
float: left;
margin: 0 30px 0 0;
overflow: hidden;
border-radius: 100%;
}
@media (max-width: 767px) {
.single article.post .author-info .author-avatar {
margin-right: 15px;
}
}
.single article.post .author-info .author-desc {
display: block;
}
.single article.post .post-related {
position: relative;
margin: 120px 0 0;
}
.single article.post .post-related .owl-nav .owl-prev, .single article.post .post-related .owl-nav .owl-next {
width: 45px;
height: 45px;
border: 1px solid #ccc;
border-radius: 5px;
text-align: center;
position: absolute;
font-size: 0px;
top: 50%;
margin-top: -22.5px;
cursor: pointer;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
color: #666;
background: #fff;
}
.single article.post .post-related .owl-nav .owl-prev:before, .single article.post .post-related .owl-nav .owl-next:before {
font-size: 20px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.single article.post .post-related .owl-nav .owl-prev:hover, .single article.post .post-related .owl-nav .owl-next:hover {
background: #234a80;
border-color: #234a80;
color: #fff;
}
.single article.post .post-related .owl-nav .owl-prev.disabled, .single article.post .post-related .owl-nav .owl-next.disabled {
opacity: 0.6;
display: inline-block;
}
.single article.post .post-related .owl-nav .owl-prev.disabled:hover, .single article.post .post-related .owl-nav .owl-next.disabled:hover {
cursor: not-allowed;
}
.single article.post .post-related .owl-nav .owl-prev {
left: -8px;
}
@media (max-width: 992px) {
.single article.post .post-related .owl-nav .owl-prev {
left: 5px !important;
}
}
.single article.post .post-related .owl-nav .owl-prev:before {
content: "\f053";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
}
.single article.post .post-related .owl-nav .owl-next {
right: -8px;
left: auto;
}
@media (max-width: 992px) {
.single article.post .post-related .owl-nav .owl-next {
left: auto !important;
right: 5px !important;
}
}
.single article.post .post-related .owl-nav .owl-next:before {
content: "\f054";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
}
@media (max-width: 767px) {
.single article.post .post-related .owl-nav .owl-prev, .single article.post .post-related .owl-nav .owl-next {
width: 35px;
height: 35px;
margin-top: -17.5px;
}
.single article.post .post-related .owl-nav .owl-prev:before, .single article.post .post-related .owl-nav .owl-next:before {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 16px;
}
}
.single article.post .post-related .owl-nav {
opacity: 0;
-webkit-transition: 0.25s ease-out;
-o-transition: 0.25s ease-out;
transition: 0.25s ease-out;
}
.single article.post .post-related .owl-nav .owl-prev {
left: 30px;
}
.single article.post .post-related .owl-nav .owl-next {
left: auto;
right: 30px;
}
.single article.post .post-related h2.related-title {
padding: 0 0;
margin: 0 0 20px;
font-size: 2.1428em;
display: block;
}
.single article.post .post-related .related-content {
margin: 0 -15px;
}
.single article.post .post-related .item {
padding: 0 15px;
}
.single article.post .post-related .item .image {
display: block;
max-width: 100%;
position: relative;
margin-bottom: 15px;
}
.single article.post .post-related .item .image:before {
content: "";
position: absolute;
background: rgba(0, 0, 0, 0.1);
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
-webkit-transition: 0.25s ease-out;
-o-transition: 0.25s ease-out;
transition: 0.25s ease-out;
}
.single article.post .post-related .item .title {
margin: 0 0;
font-size: 1em;
}
.single article.post .post-related .item:hover .image:before {
opacity: 1;
}
.single article.post .post-related:hover .owl-nav {
opacity: 1;
}
.single article.post .post-navigation {
*zoom: 1;
margin: 120px 0 0;
width: 100%;
}
.single article.post .post-navigation:before, .single article.post .post-navigation:after {
content: " ";
display: table;
}
.single article.post .post-navigation:after {
clear: both;
}
.single article.post .post-navigation h2 {
display: none;
}
.single article.post .post-navigation .nav-next, .single article.post .post-navigation .nav-previous {
float: left;
text-align: left;
padding: 0 0 0 32px;
width: calc(50% - 50px);
margin: 0 50px 0 0;
position: relative;
overflow: hidden;
}
@media (max-width: 1199px) {
.single article.post .post-navigation .nav-next, .single article.post .post-navigation .nav-previous {
width: calc(50% - 15px);
margin: 0 15px 0 0;
}
}
@media (max-width: 767px) {
.single article.post .post-navigation .nav-next, .single article.post .post-navigation .nav-previous {
width: calc(50% - 10px);
margin: 0 10px 0 0;
}
}
@media (max-width: 480px) {
.single article.post .post-navigation .nav-next, .single article.post .post-navigation .nav-previous {
padding: 0 0 0 15px;
}
}
.single article.post .post-navigation .nav-next:before, .single article.post .post-navigation .nav-previous:before {
position: absolute;
content: "";
height: 100%;
width: 5px;
left: 0px;
top: 0px;
background-color: #333;
}
.single article.post .post-navigation .nav-next .nav-post-link, .single article.post .post-navigation .nav-previous .nav-post-link {
position: relative;
margin: 0 0 15px;
display: inline-block;
text-transform: uppercase;
color: #aaa;
}
@media (max-width: 480px) {
.single article.post .post-navigation .nav-next .nav-post-link, .single article.post .post-navigation .nav-previous .nav-post-link {
margin: 0;
}
}
.single article.post .post-navigation .nav-next .nav-post-link a, .single article.post .post-navigation .nav-previous .nav-post-link a {
color: inherit;
}
.single article.post .post-navigation .nav-next .nav-post-link:before, .single article.post .post-navigation .nav-previous .nav-post-link:before {
content: "\f104";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 12px;
height: 12px;
text-align: center;
line-height: 12px;
font-size: 16px;
text-align: left;
color: inherit;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.single article.post .post-navigation .nav-next .nav-post-link:hover a, .single article.post .post-navigation .nav-previous .nav-post-link:hover a {
color: #333;
text-decoration: none;
}
.single article.post .post-navigation .nav-next .nav-post-link:hover:before, .single article.post .post-navigation .nav-previous .nav-post-link:hover:before, .single article.post .post-navigation .nav-next .nav-post-link:hover:after, .single article.post .post-navigation .nav-previous .nav-post-link:hover:after {
color: #333;
}
.single article.post .post-navigation .nav-next .nav-post-link .screen-reader-text, .single article.post .post-navigation .nav-previous .nav-post-link .screen-reader-text {
text-transform: uppercase;
}
.single article.post .post-navigation .nav-next .nav-post-title, .single article.post .post-navigation .nav-previous .nav-post-title {
font-size: 1.1428em;
font-weight: bold;
position: relative;
}
.single article.post .post-navigation .nav-next .nav-post-title a, .single article.post .post-navigation .nav-previous .nav-post-title a {
color: #333;
}
.single article.post .post-navigation .nav-next .nav-post-title a:hover, .single article.post .post-navigation .nav-previous .nav-post-title a:hover {
color: #333;
text-decoration: none;
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
-o-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
}
@media (max-width: 480px) {
.single article.post .post-navigation .nav-next .nav-post-title, .single article.post .post-navigation .nav-previous .nav-post-title {
display: none;
}
}
.single article.post .post-navigation .nav-next {
float: right;
text-align: right;
padding: 0 32px 0 0;
margin: 0 0 0 50px;
}
.single article.post .post-navigation .nav-next:before {
left: auto;
right: 0px;
}
@media (max-width: 1199px) {
.single article.post .post-navigation .nav-next {
margin: 0 0 0 15px;
}
}
@media (max-width: 767px) {
.single article.post .post-navigation .nav-next {
margin: 0 0 0 10px;
}
}
@media (max-width: 480px) {
.single article.post .post-navigation .nav-next {
padding: 0 15px 0 0;
}
}
.single article.post .post-navigation .nav-next .nav-post-link:before {
display: none;
}
.single article.post .post-navigation .nav-next .nav-post-link:after {
content: "\f105";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 12px;
height: 12px;
text-align: center;
line-height: 12px;
font-size: 16px;
text-align: right;
color: inherit;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.single article.post .post-navigation + .sns-comments {
margin-top: 110px;
}
.archive .format-status .post-title, .blog .format-status .post-title, .archive .format-aside .post-title, .blog .format-aside .post-title {
display: none;
}
article.type-attachment h1.post-title {
margin: 0 0 25px;
font-size: 3em;
}
@media (max-width: 1199px) {
article.type-attachment h1.post-title {
font-size: 2.2857em;
}
}
@media (max-width: 767px) {
article.type-attachment h1.post-title {
font-size: 1.7142em;
}
}
article.type-attachment .more-link .meta-nav {
display: none;
}
article.type-attachment .post-meta {
display: block;
margin: 0 0 25px;
color: #aaa;
}
article.type-attachment .post-meta > span {
margin-left: 12px;
padding: 0 0;
position: relative;
display: inline-block;
}
article.type-attachment .post-meta > span:first-child {
margin-left: 0px;
padding: 0 0;
}
article.type-attachment .post-meta > span:first-child:before {
display: none;
}
article.type-attachment .post-meta a {
color: #333;
}
article.type-attachment .post-meta a:hover {
color: #333;
text-decoration: underline;
}
article.type-attachment .post-meta a.post-edit-link:before {
content: "\f13d";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
width: 18px;
text-align: left;
}
article.type-attachment .entry-caption {
margin: 15px 0;
}
@media (min-width: 1199px) {
article.type-attachment .entry-caption {
font-size: 1.1428em;
line-height: 1.9;
}
}
article.type-attachment .image-navigation {
*zoom: 1;
margin: 50px 0;
width: 100%;
*zoom: 1;
margin: 120px 0 0;
width: 100%;
}
article.type-attachment .image-navigation:before, article.type-attachment .image-navigation:after {
content: " ";
display: table;
}
article.type-attachment .image-navigation:after {
clear: both;
}
article.type-attachment .image-navigation h2 {
display: none;
}
article.type-attachment .image-navigation:before, article.type-attachment .image-navigation:after {
content: " ";
display: table;
}
article.type-attachment .image-navigation:after {
clear: both;
}
article.type-attachment .image-navigation h2 {
display: none;
}
article.type-attachment .image-navigation .nav-next, article.type-attachment .image-navigation .nav-previous {
float: left;
text-align: left;
padding: 0 0 0 25px;
width: calc(50% - 50px);
margin: 0 50px 0 0;
position: relative;
overflow: hidden;
}
@media (max-width: 1199px) {
article.type-attachment .image-navigation .nav-next, article.type-attachment .image-navigation .nav-previous {
width: calc(50% - 15px);
margin: 0 15px 0 0;
}
}
@media (max-width: 767px) {
article.type-attachment .image-navigation .nav-next, article.type-attachment .image-navigation .nav-previous {
width: calc(50% - 10px);
margin: 0 10px 0 0;
}
}
@media (max-width: 480px) {
article.type-attachment .image-navigation .nav-next, article.type-attachment .image-navigation .nav-previous {
padding: 0 0 0 15px;
}
}
article.type-attachment .image-navigation .nav-next:before, article.type-attachment .image-navigation .nav-previous:before {
position: absolute;
content: "";
height: 100%;
width: 5px;
left: 0px;
top: 0px;
background-color: #333;
}
article.type-attachment .image-navigation .nav-next .nav-post-link, article.type-attachment .image-navigation .nav-previous .nav-post-link {
position: relative;
margin: 0 0 15px;
display: inline-block;
text-transform: uppercase;
color: #aaa;
}
@media (max-width: 480px) {
article.type-attachment .image-navigation .nav-next .nav-post-link, article.type-attachment .image-navigation .nav-previous .nav-post-link {
margin: 0;
}
}
article.type-attachment .image-navigation .nav-next .nav-post-link a, article.type-attachment .image-navigation .nav-previous .nav-post-link a {
color: inherit;
}
article.type-attachment .image-navigation .nav-next .nav-post-link:before, article.type-attachment .image-navigation .nav-previous .nav-post-link:before {
content: "\f104";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 12px;
height: 12px;
text-align: center;
line-height: 12px;
font-size: 16px;
text-align: left;
color: inherit;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
article.type-attachment .image-navigation .nav-next .nav-post-link:hover a, article.type-attachment .image-navigation .nav-previous .nav-post-link:hover a {
color: #333;
text-decoration: none;
}
article.type-attachment .image-navigation .nav-next .nav-post-link:hover:before, article.type-attachment .image-navigation .nav-previous .nav-post-link:hover:before, article.type-attachment .image-navigation .nav-next .nav-post-link:hover:after, article.type-attachment .image-navigation .nav-previous .nav-post-link:hover:after {
color: #333;
}
article.type-attachment .image-navigation .nav-next .nav-post-link .screen-reader-text, article.type-attachment .image-navigation .nav-previous .nav-post-link .screen-reader-text {
text-transform: uppercase;
}
article.type-attachment .image-navigation .nav-next .nav-post-title, article.type-attachment .image-navigation .nav-previous .nav-post-title {
font-size: 1.1428em;
font-weight: bold;
position: relative;
}
article.type-attachment .image-navigation .nav-next .nav-post-title a, article.type-attachment .image-navigation .nav-previous .nav-post-title a {
color: #333;
}
article.type-attachment .image-navigation .nav-next .nav-post-title a:hover, article.type-attachment .image-navigation .nav-previous .nav-post-title a:hover {
color: #333;
text-decoration: none;
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
-o-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #333;
}
@media (max-width: 480px) {
article.type-attachment .image-navigation .nav-next .nav-post-title, article.type-attachment .image-navigation .nav-previous .nav-post-title {
display: none;
}
}
article.type-attachment .image-navigation .nav-next {
float: right;
text-align: right;
padding: 0 25px 0 0;
margin: 0 0 0 50px;
}
article.type-attachment .image-navigation .nav-next:before {
left: auto;
right: 0px;
}
@media (max-width: 1199px) {
article.type-attachment .image-navigation .nav-next {
margin: 0 0 0 15px;
}
}
@media (max-width: 767px) {
article.type-attachment .image-navigation .nav-next {
margin: 0 0 0 10px;
}
}
@media (max-width: 480px) {
article.type-attachment .image-navigation .nav-next {
padding: 0 15px 0 0;
}
}
article.type-attachment .image-navigation .nav-next .nav-post-link:before {
display: none;
}
article.type-attachment .image-navigation .nav-next .nav-post-link:after {
content: "\f105";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 12px;
height: 12px;
text-align: center;
line-height: 12px;
font-size: 16px;
text-align: right;
color: inherit;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.page.type-page .page-links {
margin-bottom: 15px;
clear: left;
font-weight: bold;
}
.page.type-page .page-links a {
display: inline-block;
padding: 0 3px;
margin: 0 0 3px;
}
.woocommerce-pagination {
margin: 0;
}
.woocommerce-pagination label {
display: inline-block;
float: left;
margin: 0 5px 0 0;
display: none;
}
.woocommerce-pagination .page-numbers {
margin: 0px;
list-style: none;
padding: 0;
display: inline-block;
}
.woocommerce-pagination .page-numbers li {
display: inline-block;
float: left;
padding: 0;
}
.woocommerce-pagination .page-numbers li > span, .woocommerce-pagination .page-numbers li > a {
text-align: center;
margin: 0 5px;
padding: 0 0;
border: 1px solid #ccc;
height: 40px;
width: 40px;
line-height: 38px;
color: #666;
}
.woocommerce-pagination .page-numbers li > span.next, .woocommerce-pagination .page-numbers li > a.next, .woocommerce-pagination .page-numbers li > span.prev, .woocommerce-pagination .page-numbers li > a.prev {
position: relative;
overflow: hidden;
font-size: 0px;
text-align: center;
}
.woocommerce-pagination .page-numbers li > span.next:before, .woocommerce-pagination .page-numbers li > a.next:before, .woocommerce-pagination .page-numbers li > span.prev:before, .woocommerce-pagination .page-numbers li > a.prev:before {
font-size: 18px;
}
.woocommerce-pagination .page-numbers li > span.next:before, .woocommerce-pagination .page-numbers li > a.next:before {
content: "\f105";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
}
.woocommerce-pagination .page-numbers li > span.prev:before, .woocommerce-pagination .page-numbers li > a.prev:before {
content: "\f104";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
}
.woocommerce-pagination .page-numbers li > span:hover, .woocommerce-pagination .page-numbers li > a:hover, .woocommerce-pagination .page-numbers li > span.current, .woocommerce-pagination .page-numbers li > a.current {
color: #333;
background: #234a80;
border-color: #234a80;
text-decoration: none;
}
.woocommerce-pagination .page-numbers li:last-child > span, .woocommerce-pagination .page-numbers li:last-child > a {
margin-right: 0px;
}
.toolbar {
padding: 0;
*zoom: 1;
}
.toolbar:before, .toolbar:after {
content: " ";
display: table;
}
.toolbar:after {
clear: both;
}
.toolbar.toolbar-top {
margin: 0 0 50px;
padding: 0 0 30px;
border-bottom: 1px solid #eaeaea;
*zoom: 1;
}
.toolbar.toolbar-top:before, .toolbar.toolbar-top:after {
content: " ";
display: table;
}
.toolbar.toolbar-top:after {
clear: both;
}
@media (max-width: 767px) {
.toolbar + .woocommerce-result-count {
display: none;
}
}
.toolbar.toolbar-bottom {
margin: 0 0;
padding: 30px 0 0;
border-top: 1px solid #eaeaea;
*zoom: 1;
}
.toolbar.toolbar-bottom:before, .toolbar.toolbar-bottom:after {
content: " ";
display: table;
}
.toolbar.toolbar-bottom:after {
clear: both;
}
.toolbar.toolbar-bottom .woocommerce-result-count {
float: left;
margin: 0 0;
}
.toolbar.toolbar-bottom .woocommerce-pagination {
float: right;
margin: 0;
}
@media (max-width: 767px) {
.toolbar.toolbar-bottom .woocommerce-pagination {
float: none;
text-align: center;
}
}
.toolbar .sticky-filter-btn {
display: inline-block;
float: left;
padding: 0 20px;
height: 40px;
line-height: 40px;
border-radius: 5px;
margin: 0 30px 0 0;
cursor: pointer;
position: relative;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
background: #333;
color: #fff;
}
.toolbar .sticky-filter-btn span {
text-transform: uppercase;
font-weight: bold;
}
.toolbar .sticky-filter-btn:before {
content: "\f134";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 24px;
height: 24px;
text-align: center;
line-height: 24px;
font-size: 16px;
text-align: left;
vertical-align: middle;
}
.toolbar .sticky-filter-btn:hover, .toolbar .sticky-filter-btn.active {
color: #333;
background: #234a80;
}
.toolbar .mode-view {
display: block;
float: left;
padding: 0 0;
margin: 0 20px 0 0;
}
@media (max-width: 767px) {
body.use-sticky-filter .toolbar .mode-view {
float: right !important;
margin: 0 0;
}
body.use-sticky-filter .toolbar .mode-view li a {
margin: 0 0 0 10px !important;
}
}
.toolbar .mode-view li {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
padding: 0;
float: left;
position: relative;
}
.toolbar .mode-view li.display-title {
display: none;
}
.toolbar .mode-view li a {
display: block;
width: 40px;
height: 40px;
padding: 0 0;
text-align: center;
line-height: 40px;
margin-right: 10px;
background-color: transparent;
border: 1px solid #eaeaea;
}
.toolbar .mode-view li a:before {
display: inline-block;
text-align: center;
color: #ccc;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.toolbar .mode-view li a.active, .toolbar .mode-view li a:hover {
background-color: #234a80;
border-color: #234a80;
}
.toolbar .mode-view li a.active:before, .toolbar .mode-view li a:hover:before {
color: #333;
}
.toolbar .mode-view li a.grid:before {
content: "\f100";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
line-height: 38px;
font-size: 16px;
}
.toolbar .mode-view li a.list:before {
content: "\f105";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
line-height: 38px;
font-size: 18px;
}
.toolbar .mode-view li a span {
display: none;
}
.toolbar .woocommerce-ordering {
display: block;
float: right;
padding: 0 0;
margin: 0 0;
}
.toolbar .woocommerce-ordering select.orderby {
height: 40px;
line-height: 40px;
width: 180px;
}
@media (max-width: 480px) {
.toolbar .woocommerce-ordering select.orderby {
width: 140px;
}
}
@media (max-width: 767px) {
body.use-sticky-filter .toolbar .woocommerce-ordering {
display: none;
}
}
.toolbar .woocommerce-ordering label {
margin: 0 5px 0 0;
line-height: 40px;
}
.toolbar .woocommerce-ordering .orderby-wrap {
position: relative;
margin: 0;
padding: 0px;
-webkit-transition: all 0.2 ease-in;
-o-transition: all 0.2 ease-in;
transition: all 0.2 ease-in;
display: inline-block;
line-height: 28px;
}
.toolbar .woocommerce-ordering .orderby-wrap select.orderby {
border: none;
padding: 0px 10px;
background: #fff;
min-width: 170px;
border: 1px solid #ccc;
height: 44px;
line-height: 44px;
}
.toolbar .woocommerce-ordering .orderby-wrap:hover, .toolbar .woocommerce-ordering .orderby-wrap:focus {
border-color: #ccc;
}
.toolbar .woocommerce-ordering .orderby-wrap:before {
position: absolute;
content: '';
height: 5px;
width: 9px;
right: 10px;
top: 12px;
background: url(//powerbearings.co/wp-content/themes/valen/assets/img/ico-drop.png) no-repeat left top;
}
.toolbar .nbrItemPage .select select, .toolbar .nbrItemPage .selector1 select {
width: 65px;
}
.toolbar .woocommerce-result-count {
display: inline-block;
margin: 0 30px 0 0;
float: left;
padding: 0 0;
line-height: 40px;
}
@media (max-width: 767px) {
.toolbar .woocommerce-result-count {
display: none;
}
}
.toolbar .woocommerce-pagination {
margin: 0;
}
.toolbar .product-count {
display: none !important;
}
.toolbar .showall {
display: none;
}
#sns_woo_list.yith-wcan-loading {
background: none;
position: relative;
height: auto;
opacity: 0.4;
min-height: 300px;
padding-bottom: 50px;
}
#sns_woo_list.yith-wcan-loading:before {
position: absolute;
left: 50%;
top: 50px;
margin: 0 0 0 -20px;
content: "\f110";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
font-size: 40px;
color: #000;
z-index: 2;
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
-o-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
}
.sns-woocommerce-page .woo-page-title-wrap {
padding: 0 15px;
}
.sns-woocommerce-page .woo-page-title-wrap .page-title {
margin-bottom: 23px;
text-transform: capitalize;
display: inline-block;
font-size: 2em;
font-weight: bold;
}
.sns-woocommerce-page .woo-page-title-wrap .count_products {
color: #234a80;
}
.listing-product-wrap {
margin-bottom: 95px;
}
.listing-product-wrap .page-header {
line-height: 1.1;
margin-bottom: 30px;
}
.listing-product-wrap .prdlist-content {
margin: 0 0;
position: relative;
}
.listing-product-wrap .prdlist-content.grid-style2, .listing-product-wrap .prdlist-content.grid-style3, .listing-product-wrap .prdlist-content.grid-style4 {
margin: -10px 0 30px;
}
.sub-cats {
padding: 0 0;
margin: 0 -15px 20px;
list-style: none;
*zoom: 1;
}
.sub-cats:before, .sub-cats:after {
content: " ";
display: table;
}
.sub-cats:after {
clear: both;
}
.sub-cats li.product-category {
padding: 0 15px;
width: 25%;
float: left;
}
@media (max-width: 1850px) {
.sub-cats li.product-category {
width: 33.33%;
}
}
@media (max-width: 1199px) {
.sub-cats li.product-category {
width: 33.33%;
}
}
@media (max-width: 480px) {
.sub-cats li.product-category {
width: 50%;
}
}
.sub-cats li.product-category .woocommerce-loop-category__title {
font-size: 1em;
margin: 10px 0 30px;
}
.sub-cats li.product-category .woocommerce-loop-category__title mark {
background: none;
}
.term-description {
margin-bottom: 30px;
}
.cate-img {
text-align: center;
margin-bottom: 30px;
}
.column-content-box {
width: 270px;
margin-bottom: 50px;
float: right;
border: 2px solid #234a80;
border-top: none;
border-radius: 5px;
overflow: hidden;
}
.column-content-box .wpb_heading {
margin: 0 0 !important;
padding: 20px 10px;
background: #234a80;
color: #fff;
text-align: center;
}
.column-content-box .sns-products .prdlist-content .product_list .item-row div.product {
padding: 0 0;
margin: 0 0;
}
.column-content-box .sns-products .prdlist-content .product_list .item-row div.product .block-product-inner {
border-width: 0 0 1px 0;
border-radius: 0px;
padding: 10px 0;
}
.column-content-box .sns-products .prdlist-content .product_list .item-row div.product .block-product-inner:hover {
box-shadow: none;
}
@media (max-width: 1199px) {
.column-content-box .vc_row {
margin: 0 0;
}
.column-content-box .vc_row .vc_column-inner {
padding: 0 0;
}
.column-content-box .sns-products .prdlist-content {
margin-left: 0px !important;
margin-right: 0px !important;
}
.column-content-box .sns-products .prdlist-content .owl-item > div.item-row {
padding-left: 0px !important;
padding-right: 0px !important;
}
}
.before-toolbar-top {
*zoom: 1;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
}
.before-toolbar-top:before, .before-toolbar-top:after {
content: " ";
display: table;
}
.before-toolbar-top:after {
clear: both;
}
.before-toolbar-top .page-title {
float: left;
margin: 0;
}
.before-toolbar-top .woocommerce-pagination {
float: right;
position: relative;
top: 5px;
}
#sns_woo_list { }
#sns_woo_list.grid[data-grid="3"] > div.product {
width: 33.3333%;
}
@media (min-width: 1199px) {
#sns_woo_list.grid[data-grid="3"] > div.product:nth-of-type(3n+1) {
clear: left;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#sns_woo_list.grid[data-grid="3"] > div.product {
width: 33.3333%;
}
#sns_woo_list.grid[data-grid="3"] > div.product:nth-of-type(3n+1) {
clear: left;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#sns_woo_list.grid[data-grid="3"] > div.product {
width: 33.3333%;
}
#sns_woo_list.grid[data-grid="3"] > div.product:nth-of-type(3n+1) {
clear: left;
}
}
@media (min-width: 480px) and (max-width: 767px) {
#sns_woo_list.grid[data-grid="3"] > div.product {
width: 33.3333%;
}
#sns_woo_list.grid[data-grid="3"] > div.product:nth-of-type(3n+1) {
clear: left;
}
}
@media (max-width: 480px) {
#sns_woo_list.grid[data-grid="3"] > div.product {
width: 50%;
clear: none;
}
#sns_woo_list.grid[data-grid="3"] > div.product:nth-of-type(2n+1) {
clear: left;
}
}
#sns_woo_list.grid[data-grid="4"] > div.product {
width: 25%;
}
@media (min-width: 1850px) {
#sns_woo_list.grid[data-grid="4"] > div.product:nth-of-type(4n+1) {
clear: left;
}
}
@media (min-width: 1200px) and (max-width: 1850px) {
#sns_woo_list.grid[data-grid="4"] > div.product {
width: 25%;
}
#sns_woo_list.grid[data-grid="4"] > div.product:nth-of-type(4n+1) {
clear: left;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#sns_woo_list.grid[data-grid="4"] > div.product {
width: 33.3333%;
clear: none;
}
#sns_woo_list.grid[data-grid="4"] > div.product:nth-of-type(3n+1) {
clear: left;
}
body.layout-type-m #sns_woo_list.grid[data-grid="4"] > div.product {
width: 25%;
clear: none;
}
body.layout-type-m #sns_woo_list.grid[data-grid="4"] > div.product:nth-of-type(4n+1) {
clear: left;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#sns_woo_list.grid[data-grid="4"] > div.product {
width: 33.3333%;
clear: none;
}
#sns_woo_list.grid[data-grid="4"] > div.product:nth-of-type(3n+1) {
clear: left;
}
}
@media (min-width: 480px) and (max-width: 767px) {
#sns_woo_list.grid[data-grid="4"] > div.product {
width: 33.3333%;
clear: none;
}
#sns_woo_list.grid[data-grid="4"] > div.product:nth-of-type(3n+1) {
clear: left;
}
}
@media (max-width: 480px) {
#sns_woo_list.grid[data-grid="4"] > div.product {
width: 50%;
clear: none;
}
#sns_woo_list.grid[data-grid="4"] > div.product:nth-of-type(2n+1) {
clear: left;
}
}
#sns_woo_list.grid[data-grid="5"] > div.product {
width: 20%;
}
@media (min-width: 1850px) {
#sns_woo_list.grid[data-grid="5"] > div.product:nth-of-type(5n+1) {
clear: left;
}
}
@media (min-width: 1200px) and (max-width: 1850px) {
#sns_woo_list.grid[data-grid="5"] > div.product {
width: 33.3333%;
clear: none;
}
#sns_woo_list.grid[data-grid="5"] > div.product:nth-of-type(3n+1) {
clear: left;
}
body.layout-type-m #sns_woo_list.grid[data-grid="5"] > div.product {
width: 25%;
clear: none;
}
body.layout-type-m #sns_woo_list.grid[data-grid="5"] > div.product:nth-of-type(4n+1) {
clear: left;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#sns_woo_list.grid[data-grid="5"] > div.product {
width: 33.3333%;
clear: none;
}
#sns_woo_list.grid[data-grid="5"] > div.product:nth-of-type(3n+1) {
clear: left;
}
body.layout-type-m #sns_woo_list.grid[data-grid="5"] > div.product {
width: 25%;
clear: none;
}
body.layout-type-m #sns_woo_list.grid[data-grid="5"] > div.product:nth-of-type(4n+1) {
clear: left;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#sns_woo_list.grid[data-grid="5"] > div.product {
width: 33.3333%;
clear: none;
}
#sns_woo_list.grid[data-grid="5"] > div.product:nth-of-type(3n+1) {
clear: left;
}
}
@media (min-width: 480px) and (max-width: 767px) {
#sns_woo_list.grid[data-grid="5"] > div.product {
width: 33.3333%;
clear: none;
}
#sns_woo_list.grid[data-grid="5"] > div.product:nth-of-type(3n+1) {
clear: left;
}
}
@media (max-width: 480px) {
#sns_woo_list.grid[data-grid="5"] > div.product {
width: 50%;
clear: none;
}
#sns_woo_list.grid[data-grid="5"] > div.product:nth-of-type(2n+1) {
clear: left;
}
}
#sns_woo_list.grid[data-grid="6"] > div.product {
width: 16.6666%;
}
@media (min-width: 1850px) {
#sns_woo_list.grid[data-grid="6"] > div.product:nth-of-type(6n+1) {
clear: left;
}
}
@media (min-width: 1200px) and (max-width: 1850px) {
#sns_woo_list.grid[data-grid="6"] > div.product {
width: 33.3333%;
clear: none;
}
#sns_woo_list.grid[data-grid="6"] > div.product:nth-of-type(3n+1) {
clear: left;
}
body.layout-type-m #sns_woo_list.grid[data-grid="6"] > div.product {
width: 25%;
clear: none;
}
body.layout-type-m #sns_woo_list.grid[data-grid="6"] > div.product:nth-of-type(4n+1) {
clear: left;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#sns_woo_list.grid[data-grid="6"] > div.product {
width: 33.3333%;
clear: none;
}
#sns_woo_list.grid[data-grid="6"] > div.product:nth-of-type(3n+1) {
clear: left;
}
body.layout-type-m #sns_woo_list.grid[data-grid="6"] > div.product {
width: 25%;
clear: none;
}
body.layout-type-m #sns_woo_list.grid[data-grid="6"] > div.product:nth-of-type(4n+1) {
clear: left;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#sns_woo_list.grid[data-grid="6"] > div.product {
width: 33.3333%;
clear: none;
}
#sns_woo_list.grid[data-grid="6"] > div.product:nth-of-type(3n+1) {
clear: left;
}
}
@media (min-width: 480px) and (max-width: 767px) {
#sns_woo_list.grid[data-grid="6"] > div.product {
width: 33.3333%;
clear: none;
}
#sns_woo_list.grid[data-grid="6"] > div.product:nth-of-type(3n+1) {
clear: left;
}
}
@media (max-width: 480px) {
#sns_woo_list.grid[data-grid="6"] > div.product {
width: 50%;
clear: none;
}
#sns_woo_list.grid[data-grid="6"] > div.product:nth-of-type(2n+1) {
clear: left;
}
}
#sns_woo_list.grid[data-grid="7"] > div.product {
width: 14.2857%;
}
@media (min-width: 1850px) {
#sns_woo_list.grid[data-grid="7"] > div.product:nth-of-type(7n+1) {
clear: left;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#sns_woo_list.grid[data-grid="7"] > div.product {
width: 33.3333%;
clear: none;
}
#sns_woo_list.grid[data-grid="7"] > div.product:nth-of-type(3n+1) {
clear: left;
}
body.layout-type-m #sns_woo_list.grid[data-grid="7"] > div.product {
width: 25%;
clear: none;
}
body.layout-type-m #sns_woo_list.grid[data-grid="7"] > div.product:nth-of-type(4n+1) {
clear: left;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#sns_woo_list.grid[data-grid="7"] > div.product {
width: 33.3333%;
clear: none;
}
#sns_woo_list.grid[data-grid="7"] > div.product:nth-of-type(3n+1) {
clear: left;
}
body.layout-type-m #sns_woo_list.grid[data-grid="7"] > div.product {
width: 25%;
clear: none;
}
body.layout-type-m #sns_woo_list.grid[data-grid="7"] > div.product:nth-of-type(4n+1) {
clear: left;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#sns_woo_list.grid[data-grid="7"] > div.product {
width: 33.3333%;
clear: none;
}
#sns_woo_list.grid[data-grid="7"] > div.product:nth-of-type(3n+1) {
clear: left;
}
}
@media (min-width: 480px) and (max-width: 767px) {
#sns_woo_list.grid[data-grid="7"] > div.product {
width: 33.3333%;
clear: none;
}
#sns_woo_list.grid[data-grid="7"] > div.product:nth-of-type(3n+1) {
clear: left;
}
}
@media (max-width: 480px) {
#sns_woo_list.grid[data-grid="7"] > div.product {
width: 50%;
clear: none;
}
#sns_woo_list.grid[data-grid="7"] > div.product:nth-of-type(2n+1) {
clear: left;
}
}
.prdlist-content .yit-wcan-container {
margin: 0 -15px;
padding: 0 15px;
}
@media (max-width: 1199px) {
.prdlist-content .yit-wcan-container {
margin-left: -10px;
margin-right: -10px;
padding: 0 10px;
}
}
@media (max-width: 767px) {
.prdlist-content .yit-wcan-container {
margin-left: -7.5px;
margin-right: -7.5px;
padding: 0 7.5px;
}
}
.product_list {
list-style: none;
padding: 0;
}
.product_list .ajax_block_product {
position: relative;
}
.product_list .availability span {
display: inline-block;
color: ;
font-weight: bold;
padding: 3px 8px 4px 8px;
margin-bottom: 20px;
}
.product_list .availability span.available-now {
background: #55c65e;
border: 1px solid #36943e;
}
.product_list .availability span.out-of-stock {
background: #fe9126;
border: 1px solid #e4752b;
}
.product_list .color-list-container {
margin-bottom: 12px;
}
.product_list .color-list-container ul li {
display: inline-block;
border: 1px solid #ccc;
width: 26px;
height: 26px;
}
.product_list .color-list-container ul li a {
display: block;
width: 22px;
height: 22px;
margin: 1px;
}
.product_list .color-list-container ul li a img {
display: block;
width: 22px;
height: 22px;
}
.product_list .comments_note {
text-align: left;
overflow: hidden;
}
.product_list .comments_note .star_content {
float: left;
}
.product_list .comments_note .nb-comments {
overflow: hidden;
font-style: italic;
}
.product_list.grid {
margin-left: 0px;
margin-right: 0px;
}
.product_list.grid .list-view {
display: none;
}
.woo_grid_spacing .product_list.grid {
border: none;
}
.listing-product-main .product_list.grid {
margin: 0 -15px;
}
@media (max-width: 767px) {
.listing-product-main .product_list.grid {
margin-left: -7.5px;
margin-right: -7.5px;
}
}
@media (max-width: 1199px) {
.listing-product-main .product_list.grid {
margin-left: -10px;
margin-right: -10px;
}
}
.listing-product-main .product_list.grid div.product.grid-style {
margin-bottom: 45px;
}
.listing-product-main .product_list.grid div.product.grid-style2, .listing-product-main .product_list.grid div.product.grid-style3, .listing-product-main .product_list.grid div.product.grid-style4 {
margin-bottom: 15px;
}
.product_list.grid div.product {
float: left;
}
.product_list.grid div.product.grid-style {
padding: 0 15px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
z-index: 0;
}
@media (max-width: 1199px) {
.product_list.grid div.product.grid-style {
padding: 0 10px;
}
}
@media (max-width: 767px) {
.product_list.grid div.product.grid-style {
padding: 0 7.5px;
}
}
.product_list.grid div.product.grid-style .grid-view {
position: relative;
}
.product_list.grid div.product.grid-style .grid-view .container-image-and-badge {
position: static;
}
.product_list.grid div.product.grid-style .grid-view .container-image-and-badge .yith-wcbm-badge {
left: 10px;
top: 10px;
text-transform: uppercase;
font-size: 11px;
border-radius: 100%;
}
.product_list.grid div.product.grid-style .grid-view .onsale {
position: absolute;
top: 10px;
left: 10px;
z-index: 1;
color: #fff;
font-size: 11px;
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 100%;
background: #e84545;
text-transform: uppercase;
padding: 0 0;
text-align: center;
}
.product_list.grid div.product.grid-style .grid-view .onsale + .images .container-image-and-badge .yith-wcbm-badge, .product_list.grid div.product.grid-style .grid-view .onsale + .container-image-and-badge .yith-wcbm-badge {
top: 42px;
}
.product_list.grid div.product.grid-style .grid-view:hover .item-img .item-img-info .buttons-action {
visibility: visible;
opacity: 1;
}
.product_list.grid div.product.grid-style .grid-view:hover .item-img .item-img-info .buttons-action .inner > *:not(.clear) {
opacity: 1;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
-webkit-transform : translateY(0px);
-moz-transform : translateY(0px);
-ms-transform : translateY(0px);
-o-transform : translateY(0px);
transform : translateY(0px);
}
.product_list.grid div.product.grid-style .grid-view:hover .item-img .item-img-info .buttons-action .inner > *:not(.clear):nth-child(2) {
-webkit-transition: all 0.25s ease-out 0.05s;
-o-transition: all 0.25s ease-out 0.05s;
transition: all 0.25s ease-out 0.05s;
}
.product_list.grid div.product.grid-style .grid-view:hover .item-img .item-img-info .buttons-action .inner > *:not(.clear):nth-child(3) {
-webkit-transition: all 0.25s ease-out 0.1s;
-o-transition: all 0.25s ease-out 0.1s;
transition: all 0.25s ease-out 0.1s;
}
.product_list.grid div.product.grid-style .grid-view:hover .item-img .item-img-info .buttons-action .inner > *:not(.clear):nth-child(4) {
-webkit-transition: all 0.25s ease-out 0.15s;
-o-transition: all 0.25s ease-out 0.15s;
transition: all 0.25s ease-out 0.15s;
}
.product_list.grid div.product.grid-style .grid-view:hover .item-img .item-img-info .buttons-action .inner > *:not(.clear):nth-child(5) {
-webkit-transition: all 0.25s ease-out 0.2s;
-o-transition: all 0.25s ease-out 0.2s;
transition: all 0.25s ease-out 0.2s;
}
.product_list.grid div.product.grid-style .grid-view .container-image-and-badge {
position: static;
}
.product_list.grid div.product.grid-style .grid-view .container-image-and-badge .yith-wcbm-badge {
left: 10px;
top: 10px;
text-transform: uppercase;
font-size: 11px;
border-radius: 100%;
}
.product_list.grid div.product.grid-style .grid-view .onsale {
position: absolute;
top: 10px;
left: 10px;
z-index: 1;
color: #fff;
font-size: 11px;
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 100%;
background: #e84545;
text-transform: uppercase;
padding: 0 0;
text-align: center;
}
.product_list.grid div.product.grid-style .grid-view .onsale + .images .container-image-and-badge .yith-wcbm-badge, .product_list.grid div.product.grid-style .grid-view .onsale + .container-image-and-badge .yith-wcbm-badge {
top: 42px;
}
.product_list.grid div.product.grid-style .grid-view .item-img {
position: relative;
background: #fff;
z-index: 2;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info {
position: relative;
border: 1px solid #eaeaea;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info a.product-image {
display: block;
position: relative;
padding: 0 0;
background-color: #eaeaea;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info a.product-image img {
margin-left: auto;
margin-right: auto;
display: block;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action {
position: absolute;
top: 50%;
-webkit-transform : translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
transform : translateY(-50%);
right: 20px;
display: block;
width: 35px;
text-align: center;
visibility: hidden;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .inner {
display: block;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .inner > *:not(.clear) {
opacity: 0;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
-webkit-transform : translateY(20px);
-moz-transform : translateY(20px);
-ms-transform : translateY(20px);
-o-transform : translateY(20px);
transform : translateY(20px);
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button {
font-size: 0px;
padding: 0;
width: 35px;
height: 35px;
background-color: #fff;
border: 1px solid #eaeaea;
border-radius: 100%;
display: block;
vertical-align: top;
overflow: hidden;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
position: relative;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button:before {
position: absolute;
left: 0px;
top: 0px;
font-size: 14px;
color: #fff;
background-color: transparent;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a:hover, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart:hover, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare:hover, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button:hover {
border-color: #234a80;
background: #234a80;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a:hover:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart:hover:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare:hover:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button:hover:before {
color: #333;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.add_to_cart:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.add_to_cart:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.button.add_to_cart:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.button.add_to_cart:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_variable:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_variable:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.product_type_variable:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.product_type_variable:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_simple:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_simple:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_simple:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_simple:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_grouped:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_grouped:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_grouped:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_grouped:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_external:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_external:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.product_type_external:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.product_type_external:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.add_to_cart_button:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.add_to_cart_button:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.add_to_cart_button:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.add_to_cart_button:before {
content: "\f112";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.add_to_cart.loading, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.add_to_cart.loading, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.button.add_to_cart.loading, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.button.add_to_cart.loading, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_variable.loading, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_variable.loading, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.product_type_variable.loading, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.product_type_variable.loading, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_simple.loading, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_simple.loading, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_simple.loading, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_simple.loading, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_grouped.loading, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_grouped.loading, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_grouped.loading, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_grouped.loading, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_external.loading, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_external.loading, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.product_type_external.loading, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.product_type_external.loading, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.add_to_cart_button.loading, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.add_to_cart_button.loading, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.add_to_cart_button.loading, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.add_to_cart_button.loading {
background: #234a80;
border-color: #234a80;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.add_to_cart.loading:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.add_to_cart.loading:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.button.add_to_cart.loading:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.button.add_to_cart.loading:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_variable.loading:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_variable.loading:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.product_type_variable.loading:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.product_type_variable.loading:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_simple.loading:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_simple.loading:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_simple.loading:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_simple.loading:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_grouped.loading:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_grouped.loading:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_grouped.loading:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_grouped.loading:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_external.loading:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_external.loading:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.product_type_external.loading:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.product_type_external.loading:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.add_to_cart_button.loading:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.add_to_cart_button.loading:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.add_to_cart_button.loading:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.add_to_cart_button.loading:before {
position: absolute;
background: transparent;
content: "\f136";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
font-size: 14px;
z-index: 1;
color: #333;
cursor: wait;
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
-o-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.add_to_cart.added, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.add_to_cart.added, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.button.add_to_cart.added, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.button.add_to_cart.added, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_variable.added, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_variable.added, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.product_type_variable.added, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.product_type_variable.added, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_simple.added, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_simple.added, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_simple.added, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_simple.added, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_grouped.added, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_grouped.added, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_grouped.added, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_grouped.added, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_external.added, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_external.added, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.product_type_external.added, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.product_type_external.added, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.add_to_cart_button.added, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.add_to_cart_button.added, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.add_to_cart_button.added, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.add_to_cart_button.added {
display: none;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.added_to_cart, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.added_to_cart, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.added_to_cart {
color: #333;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart i, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.added_to_cart i, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.added_to_cart i, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.added_to_cart i {
display: none;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.added_to_cart:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.added_to_cart:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.added_to_cart:before {
content: "\f144";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart:hover, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.added_to_cart:hover, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.added_to_cart:hover, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.added_to_cart:hover {
background: #234a80;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart:hover:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.added_to_cart:hover:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.added_to_cart:hover:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.added_to_cart:hover:before {
color: #333;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.compare:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.compare:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.compare:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.compare:before {
content: "\f118";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.yith-wcqv-button:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart.yith-wcqv-button:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare.yith-wcqv-button:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button.yith-wcqv-button:before {
content: "\f10f";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a .blockUI.blockOverlay, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart .blockUI.blockOverlay, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare .blockUI.blockOverlay, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button .blockUI.blockOverlay {
position: absolute;
top: 0px !important;
left: 0px !important;
overflow: hidden;
background: #234a80 !important;
color: #333;
opacity: 1 !important;
width: 33px !important;
height: 33px !important;
line-height: 33px !important;
cursor: wait;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a .blockUI.blockOverlay:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart .blockUI.blockOverlay:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare .blockUI.blockOverlay:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button .blockUI.blockOverlay:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a .blockUI.blockOverlay:after, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart .blockUI.blockOverlay:after, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare .blockUI.blockOverlay:after, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button .blockUI.blockOverlay:after {
color: #333;
font-size: 14px;
cursor: wait;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .show {
display: block !important;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .clear {
display: none !important;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist {
position: relative;
margin: 0 0;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist .feedback {
display: none !important;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist .ajax-loading {
position: absolute;
margin: 0 0;
width: 35px !important;
height: 35px !important;
border: none;
border-radius: 100%;
left: 0px !important;
top: 0px !important;
overflow: hidden;
background: #234a80;
opacity: 1;
cursor: wait;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist .ajax-loading:before {
position: absolute;
left: 0px;
top: 0px;
font-size: 14px;
background: transparent;
content: "\f136";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
z-index: 1;
color: #333;
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
-o-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a:before {
content: "\f110";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before {
content: "\f144";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button {
background: #fff;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .added_to_cart:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .button:before {
color: #333;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .cart-wrap, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcqv-button {
display: block;
margin: 5px 0;
float: left;
}
@media (max-width: 1199px) {
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .cart-wrap, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .compare, .product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcqv-button {
margin: 2.5px 0;
}
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .cart-wrap:hover a.added {
background: #234a80;
color: #333;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .cart-wrap:hover a.added:before {
background: #234a80;
color: #333;
}
@media (max-width: 991px) {
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcqv-button {
display: none;
}
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist {
overflow: hidden;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.show {
display: block !important;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-content {
margin: 15px 0 0;
*zoom: 1;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-content:before, .product_list.grid div.product.grid-style .grid-view .item-img .item-content:after {
content: " ";
display: table;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-content:after {
clear: both;
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-content .item-title {
font-size: 1em;
text-transform: uppercase;
font-weight: normal;
margin: 0 0;
float: left;
width: calc(100% - 85px);
}
@media (max-width: 1199px) {
.product_list.grid div.product.grid-style .grid-view .item-img .item-content .item-title {
width: 100%;
float: none;
}
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-content .star-rating {
margin: 0 0;
display: inline-block;
text-align: right;
float: right;
}
@media (max-width: 1199px) {
.product_list.grid div.product.grid-style .grid-view .item-img .item-content .star-rating {
float: none;
}
}
.product_list.grid div.product.grid-style .grid-view .item-img .item-content .price {
margin: 0 0;
float: left;
display: block;
width: calc(100% - 85px);
}
@media (max-width: 1199px) {
.product_list.grid div.product.grid-style .grid-view .item-img .item-content .price {
width: 100%;
float: none;
}
}
.product_list.grid div.product.grid-style2 {
padding: 15px 15px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
z-index: 0;
}
@media (max-width: 1199px) {
.product_list.grid div.product.grid-style2 {
padding: 10px;
}
}
@media (max-width: 767px) {
.product_list.grid div.product.grid-style2 {
padding: 7.5px 7.5px;
}
}
.product_list.grid div.product.grid-style2 .grid-view {
position: relative;
}
.product_list.grid div.product.grid-style2 .grid-view .container-image-and-badge {
position: static;
}
.product_list.grid div.product.grid-style2 .grid-view .container-image-and-badge .yith-wcbm-badge {
left: 10px;
top: 10px;
text-transform: uppercase;
font-size: 11px;
border-radius: 100%;
}
.product_list.grid div.product.grid-style2 .grid-view .onsale {
position: absolute;
top: 10px;
left: 10px;
z-index: 1;
color: #fff;
font-size: 11px;
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 100%;
background: #e84545;
text-transform: uppercase;
padding: 0 0;
text-align: center;
}
.product_list.grid div.product.grid-style2 .grid-view .onsale + .images .container-image-and-badge .yith-wcbm-badge, .product_list.grid div.product.grid-style2 .grid-view .onsale + .container-image-and-badge .yith-wcbm-badge {
top: 42px;
}
.product_list.grid div.product.grid-style2 .grid-view:hover .item-img .item-img-info .buttons-action {
visibility: visible;
opacity: 1;
}
.product_list.grid div.product.grid-style2 .grid-view:hover .item-img .item-img-info .buttons-action .inner > *:not(.clear) {
opacity: 1;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
-webkit-transform : translateY(0px);
-moz-transform : translateY(0px);
-ms-transform : translateY(0px);
-o-transform : translateY(0px);
transform : translateY(0px);
}
.product_list.grid div.product.grid-style2 .grid-view:hover .item-img .item-img-info .buttons-action .inner > *:not(.clear):nth-child(2) {
-webkit-transition: all 0.25s ease-out 0.05s;
-o-transition: all 0.25s ease-out 0.05s;
transition: all 0.25s ease-out 0.05s;
}
.product_list.grid div.product.grid-style2 .grid-view:hover .item-img .item-img-info .buttons-action .inner > *:not(.clear):nth-child(3) {
-webkit-transition: all 0.25s ease-out 0.1s;
-o-transition: all 0.25s ease-out 0.1s;
transition: all 0.25s ease-out 0.1s;
}
.product_list.grid div.product.grid-style2 .grid-view:hover .item-img .item-img-info .buttons-action .inner > *:not(.clear):nth-child(4) {
-webkit-transition: all 0.25s ease-out 0.15s;
-o-transition: all 0.25s ease-out 0.15s;
transition: all 0.25s ease-out 0.15s;
}
.product_list.grid div.product.grid-style2 .grid-view:hover .item-img .item-img-info .buttons-action .inner > *:not(.clear):nth-child(5) {
-webkit-transition: all 0.25s ease-out 0.2s;
-o-transition: all 0.25s ease-out 0.2s;
transition: all 0.25s ease-out 0.2s;
}
.product_list.grid div.product.grid-style2 .grid-view .container-image-and-badge {
position: static;
}
.product_list.grid div.product.grid-style2 .grid-view .container-image-and-badge .yith-wcbm-badge {
left: 10px;
top: 10px;
text-transform: uppercase;
font-size: 11px;
border-radius: 100%;
}
.product_list.grid div.product.grid-style2 .grid-view .onsale {
position: absolute;
top: 10px;
left: 10px;
z-index: 1;
color: #fff;
font-size: 11px;
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 100%;
background: #e84545;
text-transform: uppercase;
padding: 0 0;
text-align: center;
}
.product_list.grid div.product.grid-style2 .grid-view .onsale + .images .container-image-and-badge .yith-wcbm-badge, .product_list.grid div.product.grid-style2 .grid-view .onsale + .container-image-and-badge .yith-wcbm-badge {
top: 42px;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img {
position: relative;
background: #fff;
z-index: 2;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info {
position: relative;
border: 1px solid #eaeaea;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info a.product-image {
display: block;
position: relative;
padding: 0 0;
background-color: #eaeaea;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info a.product-image img {
margin-left: auto;
margin-right: auto;
display: block;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action {
position: absolute;
top: 50%;
-webkit-transform : translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
transform : translateY(-50%);
right: 20px;
display: block;
width: 35px;
text-align: center;
visibility: hidden;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .inner {
display: block;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .inner > *:not(.clear) {
opacity: 0;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
-webkit-transform : translateY(20px);
-moz-transform : translateY(20px);
-ms-transform : translateY(20px);
-o-transform : translateY(20px);
transform : translateY(20px);
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button {
font-size: 0px;
padding: 0;
width: 35px;
height: 35px;
background-color: #fff;
border: 1px solid #eaeaea;
border-radius: 100%;
display: block;
vertical-align: top;
overflow: hidden;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
position: relative;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button:before {
position: absolute;
left: 0px;
top: 0px;
font-size: 14px;
color: #fff;
background-color: transparent;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a:hover, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart:hover, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare:hover, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button:hover {
border-color: #234a80;
background: #234a80;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a:hover:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart:hover:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare:hover:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button:hover:before {
color: #333;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.add_to_cart:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.add_to_cart:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.button.add_to_cart:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.button.add_to_cart:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_variable:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_variable:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.product_type_variable:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.product_type_variable:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_simple:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_simple:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_simple:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_simple:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_grouped:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_grouped:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_grouped:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_grouped:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_external:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_external:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.product_type_external:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.product_type_external:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.add_to_cart_button:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.add_to_cart_button:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.add_to_cart_button:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.add_to_cart_button:before {
content: "\f112";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.add_to_cart.loading, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.add_to_cart.loading, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.button.add_to_cart.loading, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.button.add_to_cart.loading, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_variable.loading, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_variable.loading, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.product_type_variable.loading, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.product_type_variable.loading, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_simple.loading, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_simple.loading, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_simple.loading, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_simple.loading, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_grouped.loading, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_grouped.loading, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_grouped.loading, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_grouped.loading, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_external.loading, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_external.loading, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.product_type_external.loading, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.product_type_external.loading, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.add_to_cart_button.loading, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.add_to_cart_button.loading, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.add_to_cart_button.loading, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.add_to_cart_button.loading {
background: #234a80;
border-color: #234a80;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.add_to_cart.loading:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.add_to_cart.loading:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.button.add_to_cart.loading:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.button.add_to_cart.loading:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_variable.loading:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_variable.loading:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.product_type_variable.loading:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.product_type_variable.loading:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_simple.loading:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_simple.loading:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_simple.loading:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_simple.loading:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_grouped.loading:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_grouped.loading:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_grouped.loading:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_grouped.loading:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_external.loading:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_external.loading:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.product_type_external.loading:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.product_type_external.loading:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.add_to_cart_button.loading:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.add_to_cart_button.loading:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.add_to_cart_button.loading:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.add_to_cart_button.loading:before {
position: absolute;
background: transparent;
content: "\f136";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
font-size: 14px;
z-index: 1;
color: #333;
cursor: wait;
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
-o-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.add_to_cart.added, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.add_to_cart.added, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.button.add_to_cart.added, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.button.add_to_cart.added, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_variable.added, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_variable.added, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.product_type_variable.added, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.product_type_variable.added, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_simple.added, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_simple.added, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_simple.added, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_simple.added, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_grouped.added, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_grouped.added, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_grouped.added, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_grouped.added, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_external.added, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_external.added, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.product_type_external.added, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.product_type_external.added, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.add_to_cart_button.added, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.add_to_cart_button.added, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.add_to_cart_button.added, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.add_to_cart_button.added {
display: none;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.added_to_cart, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.added_to_cart, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.added_to_cart {
color: #333;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart i, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.added_to_cart i, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.added_to_cart i, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.added_to_cart i {
display: none;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.added_to_cart:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.added_to_cart:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.added_to_cart:before {
content: "\f144";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart:hover, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.added_to_cart:hover, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.added_to_cart:hover, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.added_to_cart:hover {
background: #234a80;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart:hover:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.added_to_cart:hover:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.added_to_cart:hover:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.added_to_cart:hover:before {
color: #333;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.compare:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.compare:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.compare:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.compare:before {
content: "\f118";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.yith-wcqv-button:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.yith-wcqv-button:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare.yith-wcqv-button:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button.yith-wcqv-button:before {
content: "\f10f";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a .blockUI.blockOverlay, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart .blockUI.blockOverlay, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare .blockUI.blockOverlay, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button .blockUI.blockOverlay {
position: absolute;
top: 0px !important;
left: 0px !important;
overflow: hidden;
background: #234a80 !important;
color: #333;
opacity: 1 !important;
width: 33px !important;
height: 33px !important;
line-height: 33px !important;
cursor: wait;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a .blockUI.blockOverlay:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart .blockUI.blockOverlay:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare .blockUI.blockOverlay:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button .blockUI.blockOverlay:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a .blockUI.blockOverlay:after, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart .blockUI.blockOverlay:after, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare .blockUI.blockOverlay:after, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button .blockUI.blockOverlay:after {
color: #333;
font-size: 14px;
cursor: wait;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .show {
display: block !important;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .clear {
display: none !important;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist {
position: relative;
margin: 0 0;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist .feedback {
display: none !important;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist .ajax-loading {
position: absolute;
margin: 0 0;
width: 35px !important;
height: 35px !important;
border: none;
border-radius: 100%;
left: 0px !important;
top: 0px !important;
overflow: hidden;
background: #234a80;
opacity: 1;
cursor: wait;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist .ajax-loading:before {
position: absolute;
left: 0px;
top: 0px;
font-size: 14px;
background: transparent;
content: "\f136";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
z-index: 1;
color: #333;
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
-o-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a:before {
content: "\f110";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before {
content: "\f144";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button {
background: #fff;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .added_to_cart:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .button:before {
color: #333;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .cart-wrap, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcqv-button {
display: block;
margin: 5px 0;
float: left;
}
@media (max-width: 1199px) {
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .cart-wrap, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .compare, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcqv-button {
margin: 2.5px 0;
}
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .cart-wrap:hover a.added {
background: #234a80;
color: #333;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .cart-wrap:hover a.added:before {
background: #234a80;
color: #333;
}
@media (max-width: 991px) {
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcqv-button {
display: none;
}
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist {
overflow: hidden;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.show {
display: block !important;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-content {
margin: 15px 0 0;
*zoom: 1;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-content:before, .product_list.grid div.product.grid-style2 .grid-view .item-img .item-content:after {
content: " ";
display: table;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-content:after {
clear: both;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-content .item-title {
font-size: 1em;
text-transform: uppercase;
font-weight: normal;
margin: 0 0;
float: left;
width: calc(100% - 85px);
}
@media (max-width: 1199px) {
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-content .item-title {
width: 100%;
float: none;
}
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-content .star-rating {
margin: 0 0;
display: inline-block;
text-align: right;
float: right;
}
@media (max-width: 1199px) {
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-content .star-rating {
float: none;
}
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-content .price {
margin: 0 0;
float: left;
display: block;
width: calc(100% - 85px);
}
@media (max-width: 1199px) {
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-content .price {
width: 100%;
float: none;
}
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info {
border: none;
}
.product_list.grid div.product.grid-style2 .grid-view .item-img .item-img-info a.product-image:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.05);
opacity: 1;
}
.product_list.grid div.product.grid-style2:hover:before {
opacity: 1;
visibility: visible;
}
.product_list.grid div.product.grid-style2:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0px;
top: 0px;
border: 1px solid #eaeaea;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
}
.product_list.grid div.product.grid-style3 {
padding: 15px 15px 12px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
z-index: 0;
}
@media (max-width: 1199px) {
.product_list.grid div.product.grid-style3 {
padding: 10px 10px 12px;
}
}
@media (max-width: 767px) {
.product_list.grid div.product.grid-style3 {
padding: 7.5px 7.5px 12px;
}
}
.product_list.grid div.product.grid-style3 .grid-view {
position: relative;
}
.product_list.grid div.product.grid-style3 .grid-view .container-image-and-badge {
position: static;
}
.product_list.grid div.product.grid-style3 .grid-view .container-image-and-badge .yith-wcbm-badge {
left: 10px;
top: 10px;
text-transform: uppercase;
font-size: 11px;
border-radius: 100%;
}
.product_list.grid div.product.grid-style3 .grid-view .onsale {
position: absolute;
top: 10px;
left: 10px;
z-index: 1;
color: #fff;
font-size: 11px;
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 100%;
background: #e84545;
text-transform: uppercase;
padding: 0 0;
text-align: center;
}
.product_list.grid div.product.grid-style3 .grid-view .onsale + .images .container-image-and-badge .yith-wcbm-badge, .product_list.grid div.product.grid-style3 .grid-view .onsale + .container-image-and-badge .yith-wcbm-badge {
top: 42px;
}
.product_list.grid div.product.grid-style3 .grid-view:hover .item-img .item-img-info .buttons-action {
visibility: visible;
opacity: 1;
}
.product_list.grid div.product.grid-style3 .grid-view:hover .item-img .item-img-info .buttons-action .inner > *:not(.clear) {
opacity: 1;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
-webkit-transform : translateY(0px);
-moz-transform : translateY(0px);
-ms-transform : translateY(0px);
-o-transform : translateY(0px);
transform : translateY(0px);
}
.product_list.grid div.product.grid-style3 .grid-view:hover .item-img .item-img-info .buttons-action .inner > *:not(.clear):nth-child(2) {
-webkit-transition: all 0.25s ease-out 0.05s;
-o-transition: all 0.25s ease-out 0.05s;
transition: all 0.25s ease-out 0.05s;
}
.product_list.grid div.product.grid-style3 .grid-view:hover .item-img .item-img-info .buttons-action .inner > *:not(.clear):nth-child(3) {
-webkit-transition: all 0.25s ease-out 0.1s;
-o-transition: all 0.25s ease-out 0.1s;
transition: all 0.25s ease-out 0.1s;
}
.product_list.grid div.product.grid-style3 .grid-view:hover .item-img .item-img-info .buttons-action .inner > *:not(.clear):nth-child(4) {
-webkit-transition: all 0.25s ease-out 0.15s;
-o-transition: all 0.25s ease-out 0.15s;
transition: all 0.25s ease-out 0.15s;
}
.product_list.grid div.product.grid-style3 .grid-view:hover .item-img .item-img-info .buttons-action .inner > *:not(.clear):nth-child(5) {
-webkit-transition: all 0.25s ease-out 0.2s;
-o-transition: all 0.25s ease-out 0.2s;
transition: all 0.25s ease-out 0.2s;
}
.product_list.grid div.product.grid-style3 .grid-view .container-image-and-badge {
position: static;
}
.product_list.grid div.product.grid-style3 .grid-view .container-image-and-badge .yith-wcbm-badge {
left: 10px;
top: 10px;
text-transform: uppercase;
font-size: 11px;
border-radius: 100%;
}
.product_list.grid div.product.grid-style3 .grid-view .onsale {
position: absolute;
top: 10px;
left: 10px;
z-index: 1;
color: #fff;
font-size: 11px;
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 100%;
background: #e84545;
text-transform: uppercase;
padding: 0 0;
text-align: center;
}
.product_list.grid div.product.grid-style3 .grid-view .onsale + .images .container-image-and-badge .yith-wcbm-badge, .product_list.grid div.product.grid-style3 .grid-view .onsale + .container-image-and-badge .yith-wcbm-badge {
top: 42px;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img {
position: relative;
background: #fff;
z-index: 2;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info {
position: relative;
border: 1px solid #eaeaea;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info a.product-image {
display: block;
position: relative;
padding: 0 0;
background-color: #eaeaea;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info a.product-image img {
margin-left: auto;
margin-right: auto;
display: block;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action {
position: absolute;
top: 50%;
-webkit-transform : translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
transform : translateY(-50%);
right: 20px;
display: block;
width: 35px;
text-align: center;
visibility: hidden;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .inner {
display: block;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .inner > *:not(.clear) {
opacity: 0;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
-webkit-transform : translateY(20px);
-moz-transform : translateY(20px);
-ms-transform : translateY(20px);
-o-transform : translateY(20px);
transform : translateY(20px);
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button {
font-size: 0px;
padding: 0;
width: 35px;
height: 35px;
background-color: #fff;
border: 1px solid #eaeaea;
border-radius: 100%;
display: block;
vertical-align: top;
overflow: hidden;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
position: relative;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button:before {
position: absolute;
left: 0px;
top: 0px;
font-size: 14px;
color: #fff;
background-color: transparent;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a:hover, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart:hover, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare:hover, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button:hover {
border-color: #234a80;
background: #234a80;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a:hover:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart:hover:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare:hover:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button:hover:before {
color: #333;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.add_to_cart:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.add_to_cart:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.button.add_to_cart:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.button.add_to_cart:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_variable:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_variable:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.product_type_variable:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.product_type_variable:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_simple:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_simple:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_simple:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_simple:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_grouped:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_grouped:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_grouped:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_grouped:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_external:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_external:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.product_type_external:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.product_type_external:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.add_to_cart_button:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.add_to_cart_button:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.add_to_cart_button:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.add_to_cart_button:before {
content: "\f112";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.add_to_cart.loading, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.add_to_cart.loading, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.button.add_to_cart.loading, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.button.add_to_cart.loading, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_variable.loading, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_variable.loading, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.product_type_variable.loading, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.product_type_variable.loading, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_simple.loading, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_simple.loading, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_simple.loading, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_simple.loading, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_grouped.loading, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_grouped.loading, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_grouped.loading, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_grouped.loading, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_external.loading, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_external.loading, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.product_type_external.loading, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.product_type_external.loading, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.add_to_cart_button.loading, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.add_to_cart_button.loading, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.add_to_cart_button.loading, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.add_to_cart_button.loading {
background: #234a80;
border-color: #234a80;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.add_to_cart.loading:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.add_to_cart.loading:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.button.add_to_cart.loading:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.button.add_to_cart.loading:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_variable.loading:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_variable.loading:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.product_type_variable.loading:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.product_type_variable.loading:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_simple.loading:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_simple.loading:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_simple.loading:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_simple.loading:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_grouped.loading:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_grouped.loading:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_grouped.loading:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_grouped.loading:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_external.loading:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_external.loading:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.product_type_external.loading:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.product_type_external.loading:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.add_to_cart_button.loading:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.add_to_cart_button.loading:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.add_to_cart_button.loading:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.add_to_cart_button.loading:before {
position: absolute;
background: transparent;
content: "\f136";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
font-size: 14px;
z-index: 1;
color: #333;
cursor: wait;
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
-o-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.add_to_cart.added, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.add_to_cart.added, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.button.add_to_cart.added, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.button.add_to_cart.added, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_variable.added, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_variable.added, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.product_type_variable.added, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.product_type_variable.added, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_simple.added, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_simple.added, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_simple.added, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_simple.added, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_grouped.added, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_grouped.added, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_grouped.added, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_grouped.added, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_external.added, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_external.added, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.product_type_external.added, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.product_type_external.added, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.add_to_cart_button.added, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.add_to_cart_button.added, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.add_to_cart_button.added, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.add_to_cart_button.added {
display: none;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.added_to_cart, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.added_to_cart, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.added_to_cart {
color: #333;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart i, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.added_to_cart i, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.added_to_cart i, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.added_to_cart i {
display: none;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.added_to_cart:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.added_to_cart:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.added_to_cart:before {
content: "\f144";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart:hover, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.added_to_cart:hover, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.added_to_cart:hover, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.added_to_cart:hover {
background: #234a80;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart:hover:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.added_to_cart:hover:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.added_to_cart:hover:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.added_to_cart:hover:before {
color: #333;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.compare:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.compare:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.compare:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.compare:before {
content: "\f118";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.yith-wcqv-button:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.yith-wcqv-button:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare.yith-wcqv-button:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button.yith-wcqv-button:before {
content: "\f10f";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a .blockUI.blockOverlay, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart .blockUI.blockOverlay, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare .blockUI.blockOverlay, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button .blockUI.blockOverlay {
position: absolute;
top: 0px !important;
left: 0px !important;
overflow: hidden;
background: #234a80 !important;
color: #333;
opacity: 1 !important;
width: 33px !important;
height: 33px !important;
line-height: 33px !important;
cursor: wait;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a .blockUI.blockOverlay:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart .blockUI.blockOverlay:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare .blockUI.blockOverlay:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button .blockUI.blockOverlay:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a .blockUI.blockOverlay:after, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart .blockUI.blockOverlay:after, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare .blockUI.blockOverlay:after, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button .blockUI.blockOverlay:after {
color: #333;
font-size: 14px;
cursor: wait;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .show {
display: block !important;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .clear {
display: none !important;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist {
position: relative;
margin: 0 0;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist .feedback {
display: none !important;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist .ajax-loading {
position: absolute;
margin: 0 0;
width: 35px !important;
height: 35px !important;
border: none;
border-radius: 100%;
left: 0px !important;
top: 0px !important;
overflow: hidden;
background: #234a80;
opacity: 1;
cursor: wait;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist .ajax-loading:before {
position: absolute;
left: 0px;
top: 0px;
font-size: 14px;
background: transparent;
content: "\f136";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
z-index: 1;
color: #333;
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
-o-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a:before {
content: "\f110";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before {
content: "\f144";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button {
background: #fff;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .added_to_cart:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .button:before {
color: #333;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .cart-wrap, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcqv-button {
display: block;
margin: 5px 0;
float: left;
}
@media (max-width: 1199px) {
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .cart-wrap, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .compare, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcqv-button {
margin: 2.5px 0;
}
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .cart-wrap:hover a.added {
background: #234a80;
color: #333;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .cart-wrap:hover a.added:before {
background: #234a80;
color: #333;
}
@media (max-width: 991px) {
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcqv-button {
display: none;
}
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist {
overflow: hidden;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.show {
display: block !important;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-content {
margin: 15px 0 0;
*zoom: 1;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-content:before, .product_list.grid div.product.grid-style3 .grid-view .item-img .item-content:after {
content: " ";
display: table;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-content:after {
clear: both;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-content .item-title {
font-size: 1em;
text-transform: uppercase;
font-weight: normal;
margin: 0 0;
float: left;
width: calc(100% - 85px);
}
@media (max-width: 1199px) {
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-content .item-title {
width: 100%;
float: none;
}
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-content .star-rating {
margin: 0 0;
display: inline-block;
text-align: right;
float: right;
}
@media (max-width: 1199px) {
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-content .star-rating {
float: none;
}
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-content .price {
margin: 0 0;
float: left;
display: block;
width: calc(100% - 85px);
}
@media (max-width: 1199px) {
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-content .price {
width: 100%;
float: none;
}
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info {
border: none;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-img-info a.product-image:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.05);
opacity: 1;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-content {
text-align: center;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-content .item-title {
width: 100%;
margin-bottom: 3px;
}
.product_list.grid div.product.grid-style3 .grid-view .item-img .item-content .price {
width: 100%;
font-size: 1.1428em;
}
.product_list.grid div.product.grid-style3:hover:before {
opacity: 1;
visibility: visible;
}
.product_list.grid div.product.grid-style3:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0px;
top: 0px;
border: 1px solid #eaeaea;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
}
.product_list.grid div.product.grid-style4 {
padding: 15px 15px 10px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
z-index: 0;
}
@media (max-width: 1199px) {
.product_list.grid div.product.grid-style4 {
padding: 10px 10px 10px;
}
}
@media (max-width: 767px) {
.product_list.grid div.product.grid-style4 {
padding: 7.5px 7.5px 10px;
}
}
.product_list.grid div.product.grid-style4 .grid-view {
position: relative;
}
.product_list.grid div.product.grid-style4 .grid-view .container-image-and-badge {
position: static;
}
.product_list.grid div.product.grid-style4 .grid-view .container-image-and-badge .yith-wcbm-badge {
left: 10px;
top: 10px;
text-transform: uppercase;
font-size: 11px;
border-radius: 100%;
}
.product_list.grid div.product.grid-style4 .grid-view .onsale {
position: absolute;
top: 10px;
left: 10px;
z-index: 1;
color: #fff;
font-size: 11px;
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 100%;
background: #e84545;
text-transform: uppercase;
padding: 0 0;
text-align: center;
}
.product_list.grid div.product.grid-style4 .grid-view .onsale + .images .container-image-and-badge .yith-wcbm-badge, .product_list.grid div.product.grid-style4 .grid-view .onsale + .container-image-and-badge .yith-wcbm-badge {
top: 42px;
}
.product_list.grid div.product.grid-style4 .grid-view:hover .item-img .item-img-info .buttons-action {
visibility: visible;
opacity: 1;
}
.product_list.grid div.product.grid-style4 .grid-view:hover .item-img .item-img-info .buttons-action .inner > *:not(.clear) {
opacity: 1;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
-webkit-transform : translateY(0px);
-moz-transform : translateY(0px);
-ms-transform : translateY(0px);
-o-transform : translateY(0px);
transform : translateY(0px);
}
.product_list.grid div.product.grid-style4 .grid-view:hover .item-img .item-img-info .buttons-action .inner > *:not(.clear):nth-child(2) {
-webkit-transition: all 0.25s ease-out 0.05s;
-o-transition: all 0.25s ease-out 0.05s;
transition: all 0.25s ease-out 0.05s;
}
.product_list.grid div.product.grid-style4 .grid-view:hover .item-img .item-img-info .buttons-action .inner > *:not(.clear):nth-child(3) {
-webkit-transition: all 0.25s ease-out 0.1s;
-o-transition: all 0.25s ease-out 0.1s;
transition: all 0.25s ease-out 0.1s;
}
.product_list.grid div.product.grid-style4 .grid-view:hover .item-img .item-img-info .buttons-action .inner > *:not(.clear):nth-child(4) {
-webkit-transition: all 0.25s ease-out 0.15s;
-o-transition: all 0.25s ease-out 0.15s;
transition: all 0.25s ease-out 0.15s;
}
.product_list.grid div.product.grid-style4 .grid-view:hover .item-img .item-img-info .buttons-action .inner > *:not(.clear):nth-child(5) {
-webkit-transition: all 0.25s ease-out 0.2s;
-o-transition: all 0.25s ease-out 0.2s;
transition: all 0.25s ease-out 0.2s;
}
.product_list.grid div.product.grid-style4 .grid-view .container-image-and-badge {
position: static;
}
.product_list.grid div.product.grid-style4 .grid-view .container-image-and-badge .yith-wcbm-badge {
left: 10px;
top: 10px;
text-transform: uppercase;
font-size: 11px;
border-radius: 100%;
}
.product_list.grid div.product.grid-style4 .grid-view .onsale {
position: absolute;
top: 10px;
left: 10px;
z-index: 1;
color: #fff;
font-size: 11px;
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 100%;
background: #e84545;
text-transform: uppercase;
padding: 0 0;
text-align: center;
}
.product_list.grid div.product.grid-style4 .grid-view .onsale + .images .container-image-and-badge .yith-wcbm-badge, .product_list.grid div.product.grid-style4 .grid-view .onsale + .container-image-and-badge .yith-wcbm-badge {
top: 42px;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img {
position: relative;
background: #fff;
z-index: 2;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info {
position: relative;
border: 1px solid #eaeaea;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info a.product-image {
display: block;
position: relative;
padding: 0 0;
background-color: #eaeaea;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info a.product-image img {
margin-left: auto;
margin-right: auto;
display: block;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action {
position: absolute;
top: 50%;
-webkit-transform : translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
transform : translateY(-50%);
right: 20px;
display: block;
width: 35px;
text-align: center;
visibility: hidden;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .inner {
display: block;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .inner > *:not(.clear) {
opacity: 0;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
-webkit-transform : translateY(20px);
-moz-transform : translateY(20px);
-ms-transform : translateY(20px);
-o-transform : translateY(20px);
transform : translateY(20px);
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button {
font-size: 0px;
padding: 0;
width: 35px;
height: 35px;
background-color: #fff;
border: 1px solid #eaeaea;
border-radius: 100%;
display: block;
vertical-align: top;
overflow: hidden;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
position: relative;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button:before {
position: absolute;
left: 0px;
top: 0px;
font-size: 14px;
color: #fff;
background-color: transparent;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a:hover, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart:hover, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare:hover, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button:hover {
border-color: #234a80;
background: #234a80;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a:hover:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart:hover:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare:hover:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button:hover:before {
color: #333;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.add_to_cart:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.add_to_cart:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.button.add_to_cart:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.button.add_to_cart:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_variable:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_variable:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.product_type_variable:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.product_type_variable:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_simple:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_simple:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_simple:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_simple:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_grouped:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_grouped:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_grouped:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_grouped:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_external:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_external:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.product_type_external:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.product_type_external:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.add_to_cart_button:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.add_to_cart_button:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.add_to_cart_button:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.add_to_cart_button:before {
content: "\f112";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.add_to_cart.loading, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.add_to_cart.loading, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.button.add_to_cart.loading, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.button.add_to_cart.loading, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_variable.loading, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_variable.loading, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.product_type_variable.loading, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.product_type_variable.loading, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_simple.loading, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_simple.loading, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_simple.loading, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_simple.loading, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_grouped.loading, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_grouped.loading, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_grouped.loading, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_grouped.loading, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_external.loading, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_external.loading, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.product_type_external.loading, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.product_type_external.loading, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.add_to_cart_button.loading, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.add_to_cart_button.loading, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.add_to_cart_button.loading, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.add_to_cart_button.loading {
background: #234a80;
border-color: #234a80;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.add_to_cart.loading:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.add_to_cart.loading:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.button.add_to_cart.loading:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.button.add_to_cart.loading:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_variable.loading:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_variable.loading:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.product_type_variable.loading:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.product_type_variable.loading:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_simple.loading:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_simple.loading:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_simple.loading:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_simple.loading:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_grouped.loading:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_grouped.loading:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_grouped.loading:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_grouped.loading:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_external.loading:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_external.loading:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.product_type_external.loading:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.product_type_external.loading:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.add_to_cart_button.loading:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.add_to_cart_button.loading:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.add_to_cart_button.loading:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.add_to_cart_button.loading:before {
position: absolute;
background: transparent;
content: "\f136";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
font-size: 14px;
z-index: 1;
color: #333;
cursor: wait;
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
-o-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.add_to_cart.added, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.add_to_cart.added, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.button.add_to_cart.added, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.button.add_to_cart.added, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_variable.added, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_variable.added, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.product_type_variable.added, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.product_type_variable.added, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_simple.added, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_simple.added, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_simple.added, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_simple.added, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_grouped.added, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.button.product_type_grouped.added, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.button.product_type_grouped.added, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.button.product_type_grouped.added, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.product_type_external.added, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.product_type_external.added, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.product_type_external.added, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.product_type_external.added, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.add_to_cart_button.added, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.add_to_cart_button.added, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.add_to_cart_button.added, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.add_to_cart_button.added {
display: none;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.added_to_cart, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.added_to_cart, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.added_to_cart {
color: #333;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart i, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.added_to_cart i, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.added_to_cart i, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.added_to_cart i {
display: none;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.added_to_cart:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.added_to_cart:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.added_to_cart:before {
content: "\f144";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart:hover, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.added_to_cart:hover, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.added_to_cart:hover, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.added_to_cart:hover {
background: #234a80;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart:hover:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.added_to_cart:hover:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.added_to_cart:hover:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.added_to_cart:hover:before {
color: #333;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.compare:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.compare:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.compare:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.compare:before {
content: "\f118";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a.yith-wcqv-button:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart.yith-wcqv-button:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare.yith-wcqv-button:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button.yith-wcqv-button:before {
content: "\f10f";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a .blockUI.blockOverlay, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart .blockUI.blockOverlay, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare .blockUI.blockOverlay, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button .blockUI.blockOverlay {
position: absolute;
top: 0px !important;
left: 0px !important;
overflow: hidden;
background: #234a80 !important;
color: #333;
opacity: 1 !important;
width: 33px !important;
height: 33px !important;
line-height: 33px !important;
cursor: wait;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a .blockUI.blockOverlay:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart .blockUI.blockOverlay:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare .blockUI.blockOverlay:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button .blockUI.blockOverlay:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a .blockUI.blockOverlay:after, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart .blockUI.blockOverlay:after, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare .blockUI.blockOverlay:after, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button .blockUI.blockOverlay:after {
color: #333;
font-size: 14px;
cursor: wait;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .show {
display: block !important;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .clear {
display: none !important;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist {
position: relative;
margin: 0 0;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist .feedback {
display: none !important;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist .ajax-loading {
position: absolute;
margin: 0 0;
width: 35px !important;
height: 35px !important;
border: none;
border-radius: 100%;
left: 0px !important;
top: 0px !important;
overflow: hidden;
background: #234a80;
opacity: 1;
cursor: wait;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist .ajax-loading:before {
position: absolute;
left: 0px;
top: 0px;
font-size: 14px;
background: transparent;
content: "\f136";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
z-index: 1;
color: #333;
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
-o-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a:before {
content: "\f110";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before {
content: "\f144";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button {
background: #fff;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist a:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .added_to_cart:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .button:before {
color: #333;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .cart-wrap, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcqv-button {
display: block;
margin: 5px 0;
float: left;
}
@media (max-width: 1199px) {
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .cart-wrap, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .compare, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcqv-button {
margin: 2.5px 0;
}
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .cart-wrap:hover a.added {
background: #234a80;
color: #333;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .cart-wrap:hover a.added:before {
background: #234a80;
color: #333;
}
@media (max-width: 991px) {
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcqv-button {
display: none;
}
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist {
overflow: hidden;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info .buttons-action .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.show {
display: block !important;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-content {
margin: 15px 0 0;
*zoom: 1;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-content:before, .product_list.grid div.product.grid-style4 .grid-view .item-img .item-content:after {
content: " ";
display: table;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-content:after {
clear: both;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-content .item-title {
font-size: 1em;
text-transform: uppercase;
font-weight: normal;
margin: 0 0;
float: left;
width: calc(100% - 85px);
}
@media (max-width: 1199px) {
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-content .item-title {
width: 100%;
float: none;
}
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-content .star-rating {
margin: 0 0;
display: inline-block;
text-align: right;
float: right;
}
@media (max-width: 1199px) {
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-content .star-rating {
float: none;
}
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-content .price {
margin: 0 0;
float: left;
display: block;
width: calc(100% - 85px);
}
@media (max-width: 1199px) {
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-content .price {
width: 100%;
float: none;
}
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-img-info {
border: none;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-content {
text-align: center;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-content .item-title {
text-transform: uppercase;
width: 100%;
margin-bottom: 3px;
}
.product_list.grid div.product.grid-style4 .grid-view .item-img .item-content .price {
width: 100%;
font-size: 1.1428em;
}
.product_list.grid div.product.grid-style4:hover:before {
opacity: 1;
visibility: visible;
}
.product_list.grid div.product.grid-style4:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0px;
top: 0px;
border: 1px solid #eaeaea;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
}
.product_list.grid > div.clearfix {
padding: 0;
margin: 0 0;
position: static;
float: none;
min-height: 0px !important;
}
.product_list.list {
margin: 15px 0 0;
background: #fff;
}
.product_list.list .grid-view {
display: none;
}
.product_list.list > div.product {
width: 100%;
margin-bottom: 25px;
padding-bottom: 25px;
}
.product_list.list > div.product:hover .item-img .variations-product-wrap {
opacity: 1;
z-index: 2;
}
.product_list.list > div.product .block-product-inner {
padding: 0;
position: relative;
}
.product_list.list > div.product .item-img {
display: table-cell;
vertical-align: top;
max-width: 330px;
position: relative;
float: left;
}
@media (max-width: 1199px) {
.product_list.list > div.product .item-img {
max-width: 230px;
}
}
@media (max-width: 480px) {
.product_list.list > div.product .item-img {
max-width: 100%;
margin-bottom: 25px;
}
}
.product_list.list > div.product .item-img a.product-image {
display: block;
position: relative;
border: 1px solid #eaeaea;
}
.product_list.list > div.product .item-img img {
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.product_list.list > div.product .item-img .container-image-and-badge {
position: static;
}
.product_list.list > div.product .item-img .container-image-and-badge .yith-wcbm-badge {
left: 10px;
top: 10px;
text-transform: uppercase;
font-size: 11px;
border-radius: 100%;
}
.product_list.list > div.product .item-img .onsale {
position: absolute;
top: 10px;
left: 10px;
z-index: 1;
color: #fff;
font-size: 11px;
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 100%;
background: #e84545;
text-transform: uppercase;
padding: 0 0;
text-align: center;
}
.product_list.list > div.product .item-img .onsale + .images .container-image-and-badge .yith-wcbm-badge, .product_list.list > div.product .item-img .onsale + .container-image-and-badge .yith-wcbm-badge {
top: 42px;
}
.product_list.list > div.product .item-img .ico-product {
bottom: auto;
top: 10px;
}
.product_list.list > div.product .item-info {
display: block;
padding: 0 0 0 360px;
*zoom: 1;
}
.product_list.list > div.product .item-info:before, .product_list.list > div.product .item-info:after {
content: " ";
display: table;
}
.product_list.list > div.product .item-info:after {
clear: both;
}
@media (max-width: 1199px) {
.product_list.list > div.product .item-info {
padding-left: 250px;
}
}
@media (max-width: 480px) {
.product_list.list > div.product .item-info {
padding-left: 0px;
}
}
.product_list.list > div.product .item-info .item-content {
margin: 0 0;
}
.product_list.list > div.product .item-info .item-content .item-title {
padding: 0 0;
margin: 0 0 10px;
font-weight: normal;
font-size: 1.1428em;
text-transform: uppercase;
line-height: 1.1;
}
.product_list.list > div.product .item-info .item-content .star-rating {
margin: 0 0 10px;
float: none;
display: block;
}
.product_list.list > div.product .item-info .item-content .woocommerce-product-details__short-description {
display: block;
padding-bottom: 15px;
}
.product_list.list > div.product .item-info .item-content .woocommerce-product-details__short-description p {
margin-bottom: 10px;
}
.product_list.list > div.product .item-info .item-content .woocommerce-product-details__short-description ul {
margin-bottom: 10px;
padding-left: 15px;
}
.product_list.list > div.product .item-info .item-content .price {
display: inline-block;
margin: 0 0 10px;
font-size: 1.1428em;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare, .product_list.list > div.product .item-info .action-wrap .buttons-action .button {
font-size: 0px;
padding: 0;
width: 35px;
height: 35px;
background-color: #fff;
border: 1px solid #eaeaea;
border-radius: 100%;
display: block;
vertical-align: top;
overflow: hidden;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
position: relative;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .button:before {
position: absolute;
left: 0px;
top: 0px;
font-size: 14px;
color: #fff;
background-color: transparent;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a:hover, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart:hover, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare:hover, .product_list.list > div.product .item-info .action-wrap .buttons-action .button:hover {
border-color: #234a80;
background: #234a80;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a:hover:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart:hover:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare:hover:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .button:hover:before {
color: #333;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.button.add_to_cart:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.button.add_to_cart:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.button.add_to_cart:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.button.add_to_cart:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.product_type_variable:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.product_type_variable:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.product_type_variable:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.product_type_variable:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_simple:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.button.product_type_simple:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.button.product_type_simple:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.button.product_type_simple:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_grouped:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.button.product_type_grouped:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.button.product_type_grouped:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.button.product_type_grouped:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.product_type_external:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.product_type_external:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.product_type_external:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.product_type_external:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.add_to_cart_button:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.add_to_cart_button:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.add_to_cart_button:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.add_to_cart_button:before {
content: "\f112";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.button.add_to_cart.loading, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.button.add_to_cart.loading, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.button.add_to_cart.loading, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.button.add_to_cart.loading, .product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.product_type_variable.loading, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.product_type_variable.loading, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.product_type_variable.loading, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.product_type_variable.loading, .product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_simple.loading, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.button.product_type_simple.loading, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.button.product_type_simple.loading, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.button.product_type_simple.loading, .product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_grouped.loading, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.button.product_type_grouped.loading, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.button.product_type_grouped.loading, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.button.product_type_grouped.loading, .product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.product_type_external.loading, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.product_type_external.loading, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.product_type_external.loading, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.product_type_external.loading, .product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.add_to_cart_button.loading, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.add_to_cart_button.loading, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.add_to_cart_button.loading, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.add_to_cart_button.loading {
background: #234a80;
border-color: #234a80;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.button.add_to_cart.loading:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.button.add_to_cart.loading:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.button.add_to_cart.loading:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.button.add_to_cart.loading:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.product_type_variable.loading:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.product_type_variable.loading:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.product_type_variable.loading:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.product_type_variable.loading:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_simple.loading:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.button.product_type_simple.loading:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.button.product_type_simple.loading:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.button.product_type_simple.loading:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_grouped.loading:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.button.product_type_grouped.loading:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.button.product_type_grouped.loading:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.button.product_type_grouped.loading:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.product_type_external.loading:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.product_type_external.loading:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.product_type_external.loading:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.product_type_external.loading:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.add_to_cart_button.loading:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.add_to_cart_button.loading:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.add_to_cart_button.loading:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.add_to_cart_button.loading:before {
position: absolute;
background: transparent;
content: "\f136";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
font-size: 14px;
z-index: 1;
color: #333;
cursor: wait;
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
-o-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.button.add_to_cart.added, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.button.add_to_cart.added, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.button.add_to_cart.added, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.button.add_to_cart.added, .product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.product_type_variable.added, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.product_type_variable.added, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.product_type_variable.added, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.product_type_variable.added, .product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_simple.added, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.button.product_type_simple.added, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.button.product_type_simple.added, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.button.product_type_simple.added, .product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.button.product_type_grouped.added, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.button.product_type_grouped.added, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.button.product_type_grouped.added, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.button.product_type_grouped.added, .product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.product_type_external.added, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.product_type_external.added, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.product_type_external.added, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.product_type_external.added, .product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.add_to_cart_button.added, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.add_to_cart_button.added, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.add_to_cart_button.added, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.add_to_cart_button.added {
display: none;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.added_to_cart, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.added_to_cart, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.added_to_cart {
color: #333;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart i, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.added_to_cart i, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.added_to_cart i, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.added_to_cart i {
display: none;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.added_to_cart:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.added_to_cart:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.added_to_cart:before {
content: "\f144";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart:hover, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.added_to_cart:hover, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.added_to_cart:hover, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.added_to_cart:hover {
background: #234a80;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.added_to_cart:hover:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.added_to_cart:hover:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.added_to_cart:hover:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.added_to_cart:hover:before {
color: #333;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.compare:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.compare:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.compare:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.compare:before {
content: "\f118";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a.yith-wcqv-button:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart.yith-wcqv-button:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare.yith-wcqv-button:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .button.yith-wcqv-button:before {
content: "\f10f";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a .blockUI.blockOverlay, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart .blockUI.blockOverlay, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare .blockUI.blockOverlay, .product_list.list > div.product .item-info .action-wrap .buttons-action .button .blockUI.blockOverlay {
position: absolute;
top: 0px !important;
left: 0px !important;
overflow: hidden;
background: #234a80 !important;
color: #333;
opacity: 1 !important;
width: 33px !important;
height: 33px !important;
line-height: 33px !important;
cursor: wait;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a .blockUI.blockOverlay:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart .blockUI.blockOverlay:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare .blockUI.blockOverlay:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .button .blockUI.blockOverlay:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a .blockUI.blockOverlay:after, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart .blockUI.blockOverlay:after, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare .blockUI.blockOverlay:after, .product_list.list > div.product .item-info .action-wrap .buttons-action .button .blockUI.blockOverlay:after {
color: #333;
font-size: 14px;
cursor: wait;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .show {
display: block !important;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .clear {
display: none !important;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist {
position: relative;
margin: 0 0;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist .feedback {
display: none !important;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist .ajax-loading {
position: absolute;
margin: 0 0;
width: 35px !important;
height: 35px !important;
border: none;
border-radius: 100%;
left: 0px !important;
top: 0px !important;
overflow: hidden;
background: #234a80;
opacity: 1;
cursor: wait;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist .ajax-loading:before {
position: absolute;
left: 0px;
top: 0px;
font-size: 14px;
background: transparent;
content: "\f136";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
z-index: 1;
color: #333;
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
-o-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a:before {
content: "\f110";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before {
content: "\f144";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .cart-wrap, .product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare, .product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcqv-button {
display: inline-block;
float: left;
margin-right: 10px;
}
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcwl-add-to-wishlist a:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .added_to_cart:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .compare:before, .product_list.list > div.product .item-info .action-wrap .buttons-action .button:before {
color: #333;
}
@media (max-width: 992px) {
.product_list.list > div.product .item-info .action-wrap .buttons-action .yith-wcqv-button {
display: none;
}
}
.horizontal-filter {
*zoom: 1;
border: 1px solid #ccc;
border-top: none;
padding: 30px 15px 0;
display: none;
}
.horizontal-filter:before, .horizontal-filter:after {
content: " ";
display: table;
}
.horizontal-filter:after {
clear: both;
}
.horizontal-filter .widget {
border: none;
padding: 0 15px;
margin-bottom: 25px;
}
.woocommerce .second_block {
margin-bottom: 105px;
}
@media (min-width: 767px) {
.woocommerce .second_block.ratio-1115 .entry-img {
width: 45%;
}
}
@media (min-width: 1199px) {
.woocommerce .second_block.ratio-1115 .entry-img {
width: 40%;
}
}
.woocommerce .second_block.ratio-1115 .entry-img .thumbnails {
margin: 30px 40px 0 -15px;
}
@media (max-width: 1199px) {
.woocommerce .second_block.ratio-1115 .entry-img .thumbnails {
margin: 30px 70px 0px -15px;
}
}
@media (max-width: 992px) {
.woocommerce .second_block.ratio-1115 .entry-img .thumbnails {
margin: 30px 0px 0px -10px;
}
}
@media (max-width: 767px) {
.woocommerce .second_block.ratio-1115 .entry-img .thumbnails {
margin: 30px 0px 0px -7.5px;
}
}
@media (min-width: 767px) {
.woocommerce .second_block.ratio-1115 .entry-summary {
width: 55%;
}
}
@media (min-width: 1199px) {
.woocommerce .second_block.ratio-1115 .entry-summary {
width: 60%;
}
}
@media (min-width: 767px) {
.woocommerce .second_block.ratio-1115.gallery_type_v .entry-img {
width: 45%;
}
}
@media (min-width: 767px) {
.woocommerce .second_block.ratio-1115.gallery_type_v .entry-summary {
width: 55%;
}
}
.woocommerce .entry-img {
padding-bottom: 15px;
}
@media (max-width: 767px) {
.woocommerce .entry-img {
padding-bottom: 30px;
}
}
.woocommerce .entry-img .images {
position: relative;
overflow: hidden;
}
.woocommerce .entry-img .images.inner-zoom {
border: 1px solid #eaeaea;
}
@media (max-width: 1199px) {
.woocommerce .entry-img .images.inner-zoom .popup-image, .woocommerce .entry-img .images.inner-zoom .popup-video {
bottom: 20px;
}
}
.woocommerce .entry-img .images .img {
padding: 0 0;
background-color: #eaeaea;
}
.woocommerce .entry-img .images .popup-image {
position: absolute;
left: 20px;
bottom: 20px;
z-index: 1;
cursor: pointer;
background: #fff;
border-radius: 100%;
border: 1px solid #eaeaea;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
height: 45px;
width: 45px;
}
@media (max-width: 1199px) {
.woocommerce .entry-img .images .popup-image {
bottom: 0px;
}
}
.woocommerce .entry-img .images .popup-image:before {
content: "\f12f";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
line-height: 43px;
position: absolute;
font-size: 16px;
color: #333;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.woocommerce .entry-img .images .popup-image:hover {
background-color: #234a80;
border-color: #234a80;
}
.woocommerce .entry-img .images .popup-image:hover:before {
color: #333;
}
.woocommerce .entry-img .images .popup-video {
position: absolute;
left: 75px;
bottom: 20px;
z-index: 1;
cursor: pointer;
background: #fff;
border-radius: 100%;
border: 1px solid #eaeaea;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
height: 45px;
width: 45px;
}
@media (max-width: 1199px) {
.woocommerce .entry-img .images .popup-video {
bottom: 0px;
}
}
.woocommerce .entry-img .images .popup-video:before {
content: "\f12a";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
line-height: 43px;
position: absolute;
font-size: 16px;
color: #333;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.woocommerce .entry-img .images .popup-video:hover {
background-color: #234a80;
border-color: #234a80;
}
.woocommerce .entry-img .images .popup-video:hover:before {
color: #333;
}
.woocommerce .entry-img .thumbnails {
margin: 30px 185px 0 -15px;
position: relative;
padding: 0 40px 0 0;
}
@media (max-width: 1199px) {
.woocommerce .entry-img .thumbnails {
margin: 30px 70px 0px -15px;
}
}
@media (max-width: 992px) {
.woocommerce .entry-img .thumbnails {
margin: 30px 0px 0px -10px;
}
}
@media (max-width: 767px) {
.woocommerce .entry-img .thumbnails {
margin: 30px 0px 0px -7.5px;
}
}
.woocommerce .entry-img .thumbnails .img {
position: relative;
cursor: pointer;
padding: 0 0;
margin: 0 15px;
overflow: hidden;
border: 1px solid #eaeaea;
}
@media (max-width: 992px) {
.woocommerce .entry-img .thumbnails .img {
margin: 0 10px;
}
}
@media (max-width: 767px) {
.woocommerce .entry-img .thumbnails .img {
margin: 0 7.5px;
}
}
.woocommerce .entry-img .thumbnails .img img {
max-width: 100%;
}
.woocommerce .entry-img .thumbnails .selected .img {
border-color: #234a80;
}
.woocommerce .entry-img .thumbnails .owl-nav {
position: absolute;
height: 100%;
width: 25px;
top: 0px;
right: -40px;
}
.woocommerce .entry-img .thumbnails .owl-nav .owl-prev, .woocommerce .entry-img .thumbnails .owl-nav .owl-next {
border: 1px solid #eaeaea;
text-align: center;
font-size: 0px;
cursor: pointer;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
color: #666;
background: #fff;
position: relative;
width: 25px;
height: calc(50% - 5px);
}
.woocommerce .entry-img .thumbnails .owl-nav .owl-prev:before, .woocommerce .entry-img .thumbnails .owl-nav .owl-next:before {
font-size: 14px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
content: "\f12c";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 25px;
height: 25px;
text-align: center;
line-height: 25px;
position: absolute;
top: calc(50% - 13px);
left: 0px;
}
.woocommerce .entry-img .thumbnails .owl-nav .owl-prev:hover, .woocommerce .entry-img .thumbnails .owl-nav .owl-next:hover {
background: #234a80;
border-color: #234a80;
color: #333;
}
.woocommerce .entry-img .thumbnails .owl-nav .owl-prev.disabled, .woocommerce .entry-img .thumbnails .owl-nav .owl-next.disabled {
opacity: 0.6;
display: inline-block;
}
.woocommerce .entry-img .thumbnails .owl-nav .owl-prev.disabled:hover, .woocommerce .entry-img .thumbnails .owl-nav .owl-next.disabled:hover {
cursor: not-allowed;
}
.woocommerce .entry-img .thumbnails .owl-nav .owl-prev {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.woocommerce .entry-img .thumbnails .owl-nav .owl-next {
margin-top: 10px;
}
.woocommerce .entry-img .thumbnails .owl-nav {
opacity: 0;
}
.woocommerce .entry-img .thumbnails:hover .owl-nav {
opacity: 1;
}
.woocommerce .product.type-product.product-type-grouped .entry-summary .compare, .woocommerce .product.type-product.product-type-variable .entry-summary .compare, .woocommerce .product.type-product.product-type-grouped .entry-summary .yith-wcwl-add-to-wishlist, .woocommerce .product.type-product.product-type-variable .entry-summary .yith-wcwl-add-to-wishlist {
opacity: 0;
}
.woocommerce .product.type-product.product-type-grouped .entry-summary form.cart, .woocommerce .product.type-product.product-type-variable .entry-summary form.cart {
width: 100%;
margin-right: 0px;
float: none;
}
.woocommerce .product.type-product.product-type-grouped .entry-summary form.cart .compare, .woocommerce .product.type-product.product-type-variable .entry-summary form.cart .compare, .woocommerce .product.type-product.product-type-grouped .entry-summary form.cart .yith-wcwl-add-to-wishlist, .woocommerce .product.type-product.product-type-variable .entry-summary form.cart .yith-wcwl-add-to-wishlist {
opacity: 1;
}
.woocommerce .product.type-product.product-type-grouped .entry-summary .stock, .woocommerce .product.type-product.product-type-variable .entry-summary .stock {
margin: 5px 0 10px;
}
.woocommerce .product.type-product.product-type-grouped .woocommerce-product-details__short-description {
border: none;
}
.woocommerce .product.type-product.product-type-grouped form.cart table {
margin-bottom: 35px;
}
.woocommerce .product.type-product.product-type-grouped .entry-summary .stock {
margin: 5px 0 0;
font-size: 0.7857em !important;
}
.woocommerce .product.type-product.product-type-grouped .entry-summary .single_add_to_cart_button {
float: none;
margin: 0 0 25px;
display: block;
}
.woocommerce .woocommerce-product-rating .woocommerce-review-link {
color: #666;
}
.woocommerce .woocommerce-product-rating .woocommerce-review-link:hover {
color: #333;
}
.woocommerce .entry-img {
position: relative;
}
.woocommerce .entry-img .container-image-and-badge {
position: static;
}
.woocommerce .entry-img .container-image-and-badge .yith-wcbm-badge {
left: 10px;
top: 10px;
text-transform: uppercase;
font-size: 11px;
border-radius: 100%;
}
.woocommerce .entry-img .onsale {
position: absolute;
top: 10px;
left: 10px;
z-index: 1;
color: #fff;
font-size: 11px;
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 100%;
background: #e84545;
text-transform: uppercase;
padding: 0 0;
text-align: center;
}
.woocommerce .entry-img .onsale + .images .container-image-and-badge .yith-wcbm-badge, .woocommerce .entry-img .onsale + .container-image-and-badge .yith-wcbm-badge {
top: 42px;
}
.woocommerce .entry-img .onsale {
position: absolute;
top: 20px;
right: 35px;
left: auto;
z-index: 2;
}
.woocommerce .entry-img .onsale + .images .container-image-and-badge .yith-wcbm-badge, .woocommerce .entry-img .onsale + .container-image-and-badge .yith-wcbm-badge {
top: 52px;
}
.woocommerce .entry-img .container-image-and-badge .yith-wcbm-badge {
right: 17.5px;
left: auto;
}
.woocommerce .entry-summary {
padding-bottom: 15px;
}
.woocommerce .entry-summary .product_title {
font-size: 2.5em;
margin-bottom: 20px;
color: #333;
line-height: 1.1;
}
@media (max-width: 1199px) {
.woocommerce .entry-summary .product_title {
font-size: 2em;
}
}
@media (max-width: 767px) {
.woocommerce .entry-summary .product_title {
font-size: 1.7142em;
}
}
.woocommerce .entry-summary .price {
margin: 0 0 20px;
padding: 0 0;
display: block;
line-height: 1;
font-size: 2em;
}
@media (max-width: 1199px) {
.woocommerce .entry-summary .price {
font-size: 1.4285em;
}
}
.woocommerce .entry-summary .woocommerce-product-rating {
margin: 0 0 20px;
}
.woocommerce .entry-summary .woocommerce-product-rating .star-rating {
margin: 0 5px 0 0;
position: relative !important;
left: 0;
}
.woocommerce .entry-summary .woocommerce-product-details__short-description {
margin-bottom: 30px;
}
.woocommerce .entry-summary .woocommerce-product-details__short-description p {
margin-bottom: 10px;
}
.woocommerce .entry-summary .woocommerce-product-details__short-description ul {
margin-bottom: 10px;
padding-left: 12px;
}
.woocommerce .entry-summary .time-count-down {
height: 70px;
line-height: 56px;
margin: 10px 0 25px;
}
.woocommerce .entry-summary .time-count-down .clock-digi {
overflow: hidden;
display: block;
line-height: 1;
}
.woocommerce .entry-summary .time-count-down .clock-digi > div {
display: inline-block;
float: left;
padding: 0;
width: 90px;
height: 70px;
margin: 0 0 0 1px;
text-align: center;
font-size: 1em;
background: #f2f2f2;
color: #666;
position: relative;
}
.woocommerce .entry-summary .time-count-down .clock-digi > div > div {
display: inline-block;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
}
.woocommerce .entry-summary .time-count-down .clock-digi > div > div > div {
display: block;
margin: 0 0 5px;
font-weight: bold;
font-size: 2em;
color: #333;
}
@media (max-width: 992px) {
.woocommerce .entry-summary .time-count-down .clock-digi > div {
width: 70px;
}
.woocommerce .entry-summary .time-count-down .clock-digi > div > div > div {
font-size: 1.7142em;
}
}
.woocommerce .entry-summary .stock {
font-size: 1em !important;
margin-bottom: 10px;
position: relative;
color: #21be02 !important;
padding-left: 5px;
}
.woocommerce .entry-summary .stock:before {
content: "\f058";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: '14px';
height: '14px';
text-align: center;
line-height: '14px';
position: relative;
left: -5px;
}
.woocommerce .entry-summary .stock.out-of-stock {
color: #fdc240 !important;
}
.woocommerce .entry-summary .stock.out-of-stock:before {
content: "\f057";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: '14px';
height: '14px';
text-align: center;
line-height: '14px';
}
.woocommerce .entry-summary .cart {
margin: 0 0 25px;
padding: 0;
display: block;
}
@media (max-width: 1199px) {
.woocommerce .entry-summary .cart {
margin-bottom: 10px;
}
}
.woocommerce .entry-summary .cart .reset_variations {
margin: 0 0 0 15px;
}
.woocommerce .entry-summary .cart label {
float: left;
margin: 0 10px 0 0;
color: #666;
line-height: 42px;
}
.woocommerce .entry-summary .cart label a {
font-size: 1em;
width: 100%;
}
.woocommerce .entry-summary .cart .quantity {
margin-right: 10px;
float: left;
border: none;
padding: 0;
}
.woocommerce .entry-summary .cart .quantity label.screen-reader-text {
color: #333;
text-transform: uppercase;
font-weight: normal;
line-height: 60px;
display: none;
}
.woocommerce .entry-summary .cart .quantity .qty {
border: none;
height: 60px;
width: 80px;
padding: 0 5px;
border: 1px solid #eaeaea;
border-radius: 5px;
margin: 0 0;
}
.woocommerce .entry-summary .cart .single_add_to_cart_button {
position: relative;
border: none;
width: auto;
background: #234a80;
color: #333;
border-radius: 5px;
margin: 0 10px 0 0;
padding: 0px 80px;
height: 60px;
line-height: 60px;
font-size: 1em;
font-weight: bold;
text-align: center;
display: inline-block;
text-transform: uppercase;
}
@media (max-width: 992px) {
.woocommerce .entry-summary .cart .single_add_to_cart_button {
padding: 0 50px;
}
}
.woocommerce .entry-summary .cart .single_add_to_cart_button:hover {
background-color: #333;
color: #fff;
}
.woocommerce .entry-summary .cart .show {
display: inline-block !important;
}
.woocommerce .entry-summary .cart .single_variation_wrap {
*zoom: 1;
margin: 0 0 25px;
}
.woocommerce .entry-summary .cart .single_variation_wrap:before, .woocommerce .entry-summary .cart .single_variation_wrap:after {
content: " ";
display: table;
}
.woocommerce .entry-summary .cart .single_variation_wrap:after {
clear: both;
}
.woocommerce .entry-summary .cart .single_variation_wrap .single_variation {
margin: 0 0 30px;
}
.woocommerce .entry-summary .cart .single_variation_wrap .single_variation .price {
padding: 0 0;
margin: 0 0;
border: none;
line-height: 1;
}
@media (max-width: 1199px) {
.woocommerce .entry-summary .cart .quantity, .woocommerce .entry-summary .cart .single_add_to_cart_button {
margin-bottom: 15px;
}
}
.woocommerce .entry-summary .compare {
position: relative;
background: transparent;
color: #666;
font-weight: normal;
height: auto;
line-height: inherit;
text-transform: none;
border-radius: 0px;
padding: 0;
float: left;
}
.woocommerce .entry-summary .compare:before {
content: "\f118";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
font-size: 16px;
width: 22px;
text-align: left;
color: #666;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.woocommerce .entry-summary .compare .blockUI.blockOverlay {
opacity: 1 !important;
background: transparent !important;
}
.woocommerce .entry-summary .compare .blockUI.blockOverlay:before {
width: 16px;
height: 16px;
line-height: 16px;
font-size: 16px;
text-align: left;
color: #333;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
position: relative;
z-index: 2;
}
.woocommerce .entry-summary .compare .blockUI.blockOverlay:after {
content: "";
width: 20px;
height: 20px;
line-height: 20px;
background: #fff;
position: absolute;
left: -2px;
z-index: 1;
}
.woocommerce .entry-summary .compare:hover {
color: #333;
text-decoration: underline;
}
.woocommerce .entry-summary .compare:hover:before {
color: #333;
}
.woocommerce .entry-summary .compare:hover .blockUI.blockOverlay:before {
color: #333;
}
.woocommerce .entry-summary .yith-wcwl-add-to-wishlist {
margin: 0 35px 0 0;
position: relative;
float: left;
height: auto;
}
.woocommerce .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-add-button {
height: auto;
}
.woocommerce .entry-summary .yith-wcwl-add-to-wishlist .feedback {
display: none !important;
}
.woocommerce .entry-summary .yith-wcwl-add-to-wishlist .ajax-loading {
background: #fff;
opacity: 1;
cursor: wait;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
position: absolute;
left: 0px;
top: 0px;
margin: 0 0;
}
.woocommerce .entry-summary .yith-wcwl-add-to-wishlist .ajax-loading:before {
font-size: 16px;
background: #fff;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
content: "\f136";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 16px;
height: 16px;
text-align: center;
line-height: 16px;
z-index: 1;
color: #333;
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
-o-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
}
.woocommerce .entry-summary .yith-wcwl-add-to-wishlist a {
display: inline-block;
padding: 0;
height: auto !important;
border-radius: 0px;
position: relative;
color: #666;
}
.woocommerce .entry-summary .yith-wcwl-add-to-wishlist a:before {
content: "\f110";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
font-size: 16px;
width: 21px;
text-align: left;
color: #666;
background-color: transparent;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.woocommerce .entry-summary .yith-wcwl-add-to-wishlist:hover .ajax-loading:before {
color: #333;
}
.woocommerce .entry-summary .yith-wcwl-add-to-wishlist:hover a {
color: #333;
text-decoration: underline;
}
.woocommerce .entry-summary .yith-wcwl-add-to-wishlist:hover a:before {
color: #333;
}
.woocommerce .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before, .woocommerce .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before {
content: "\f144";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
}
.woocommerce .entry-summary .yith-wcwl-add-to-wishlist + .clear {
display: none !important;
}
.woocommerce .entry-summary .show {
display: inline-block !important;
}
.woocommerce .entry-summary .product_meta {
*zoom: 1;
padding: 25px 0 0;
border-top: 1px solid #eaeaea;
margin: 25px 0 0;
}
.woocommerce .entry-summary .product_meta:before, .woocommerce .entry-summary .product_meta:after {
content: " ";
display: table;
}
.woocommerce .entry-summary .product_meta:after {
clear: both;
}
.woocommerce .entry-summary .product_meta .sku_wrapper, .woocommerce .entry-summary .product_meta .tagged_as, .woocommerce .entry-summary .product_meta .posted_in {
*zoom: 1;
color: #333;
font-weight: normal;
text-transform: uppercase;
display: block;
margin: 0 0 5px;
}
.woocommerce .entry-summary .product_meta .sku_wrapper:before, .woocommerce .entry-summary .product_meta .tagged_as:before, .woocommerce .entry-summary .product_meta .posted_in:before, .woocommerce .entry-summary .product_meta .sku_wrapper:after, .woocommerce .entry-summary .product_meta .tagged_as:after, .woocommerce .entry-summary .product_meta .posted_in:after {
content: " ";
display: table;
}
.woocommerce .entry-summary .product_meta .sku_wrapper:after, .woocommerce .entry-summary .product_meta .tagged_as:after, .woocommerce .entry-summary .product_meta .posted_in:after {
clear: both;
}
.woocommerce .entry-summary .product_meta .sku_wrapper > *, .woocommerce .entry-summary .product_meta .tagged_as > *, .woocommerce .entry-summary .product_meta .posted_in > * {
font-weight: normal;
text-transform: none;
color: #666;
}
.woocommerce .entry-summary .product_meta .sku_wrapper a:hover, .woocommerce .entry-summary .product_meta .tagged_as a:hover, .woocommerce .entry-summary .product_meta .posted_in a:hover {
color: #333;
}
.woocommerce .entry-summary .post-share-block {
margin: 15px 0 0;
}
.woocommerce .entry-summary .post-share-block .ssbp-wrap, .woocommerce .entry-summary .post-share-block .ssba-wrap {
font-size: 1em !important;
}
.woocommerce .entry-summary .post-share-block .ssbp-wrap .ssba-share-text, .woocommerce .entry-summary .post-share-block .ssba-wrap .ssba-share-text {
font-size: 1em;
position: relative;
color: #333;
font-weight: normal;
text-transform: uppercase;
margin-right: 0px;
}
.woocommerce .entry-summary .post-share-block .ssbp-wrap br, .woocommerce .entry-summary .post-share-block .ssba-wrap br {
display: none;
}
.woocommerce .entry-summary .post-share-block .ssbp-wrap a, .woocommerce .entry-summary .post-share-block .ssba-wrap a {
display: inline-block;
width: 30px;
margin: 0 3px;
text-align: center;
color: #666;
line-height: 32px;
border-radius: 100%;
text-align: center;
font-size: 1em;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
position: relative;
}
.woocommerce .entry-summary .post-share-block .ssbp-wrap a img, .woocommerce .entry-summary .post-share-block .ssba-wrap a img {
padding: 0 0 !important;
width: 100% !important;
height: 100% !important;
}
.woocommerce .entry-summary .post-share-block .ssbp-wrap a.ssba_linkedin_share img, .woocommerce .entry-summary .post-share-block .ssba-wrap a.ssba_linkedin_share img, .woocommerce .entry-summary .post-share-block .ssbp-wrap a.ssba_facebook_share img, .woocommerce .entry-summary .post-share-block .ssba-wrap a.ssba_facebook_share img, .woocommerce .entry-summary .post-share-block .ssbp-wrap a.ssba_twitter_share img, .woocommerce .entry-summary .post-share-block .ssba-wrap a.ssba_twitter_share img, .woocommerce .entry-summary .post-share-block .ssbp-wrap a.ssba_youtube_share img, .woocommerce .entry-summary .post-share-block .ssba-wrap a.ssba_youtube_share img, .woocommerce .entry-summary .post-share-block .ssbp-wrap a.ssba_pinterest_share img, .woocommerce .entry-summary .post-share-block .ssba-wrap a.ssba_pinterest_share img, .woocommerce .entry-summary .post-share-block .ssbp-wrap a.ssba_instagram_share img, .woocommerce .entry-summary .post-share-block .ssba-wrap a.ssba_instagram_share img, .woocommerce .entry-summary .post-share-block .ssbp-wrap a.ssba_email_share img, .woocommerce .entry-summary .post-share-block .ssba-wrap a.ssba_email_share img, .woocommerce .entry-summary .post-share-block .ssbp-wrap a.ssba_print img, .woocommerce .entry-summary .post-share-block .ssba-wrap a.ssba_print img {
display: none !important;
}
.woocommerce .entry-summary .post-share-block .ssbp-wrap a.ssba_linkedin_share:hover, .woocommerce .entry-summary .post-share-block .ssba-wrap a.ssba_linkedin_share:hover, .woocommerce .entry-summary .post-share-block .ssbp-wrap a.ssba_facebook_share:hover, .woocommerce .entry-summary .post-share-block .ssba-wrap a.ssba_facebook_share:hover, .woocommerce .entry-summary .post-share-block .ssbp-wrap a.ssba_twitter_share:hover, .woocommerce .entry-summary .post-share-block .ssba-wrap a.ssba_twitter_share:hover, .woocommerce .entry-summary .post-share-block .ssbp-wrap a.ssba_youtube_share:hover, .woocommerce .entry-summary .post-share-block .ssba-wrap a.ssba_youtube_share:hover, .woocommerce .entry-summary .post-share-block .ssbp-wrap a.ssba_pinterest_share:hover, .woocommerce .entry-summary .post-share-block .ssba-wrap a.ssba_pinterest_share:hover, .woocommerce .entry-summary .post-share-block .ssbp-wrap a.ssba_instagram_share:hover, .woocommerce .entry-summary .post-share-block .ssba-wrap a.ssba_instagram_share:hover, .woocommerce .entry-summary .post-share-block .ssbp-wrap a.ssba_email_share:hover, .woocommerce .entry-summary .post-share-block .ssba-wrap a.ssba_email_share:hover, .woocommerce .entry-summary .post-share-block .ssbp-wrap a.ssba_print:hover, .woocommerce .entry-summary .post-share-block .ssba-wrap a.ssba_print:hover {
color: #333;
text-decoration: none;
}
.woocommerce .entry-summary .post-share-block .ssbp-wrap a:before, .woocommerce .entry-summary .post-share-block .ssba-wrap a:before {
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.woocommerce .entry-summary .post-share-block .ssbp-wrap a:before:before, .woocommerce .entry-summary .post-share-block .ssba-wrap a:before:before {
content: "\f0e1";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
}
.woocommerce .entry-summary .post-share-block .ssbp-wrap a.ssba_linkedin_share:before, .woocommerce .entry-summary .post-share-block .ssba-wrap a.ssba_linkedin_share:before {
content: "\f08c";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
}
.woocommerce .entry-summary .post-share-block .ssbp-wrap a.ssba_facebook_share:before, .woocommerce .entry-summary .post-share-block .ssba-wrap a.ssba_facebook_share:before {
content: "\f082";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
}
.woocommerce .entry-summary .post-share-block .ssbp-wrap a.ssba_twitter_share:before, .woocommerce .entry-summary .post-share-block .ssba-wrap a.ssba_twitter_share:before {
content: "\f081";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
}
.woocommerce .entry-summary .post-share-block .ssbp-wrap a.ssba_google_share:before, .woocommerce .entry-summary .post-share-block .ssba-wrap a.ssba_google_share:before {
content: "\f0d5";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
}
.woocommerce .entry-summary .post-share-block .ssbp-wrap a.ssba_email_share:before, .woocommerce .entry-summary .post-share-block .ssba-wrap a.ssba_email_share:before {
content: "\f199";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
}
.woocommerce .entry-summary .post-share-block .ssbp-wrap a.ssba_print:before, .woocommerce .entry-summary .post-share-block .ssba-wrap a.ssba_print:before {
content: "\f02f";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
}
.woocommerce .entry-summary .post-share-block .ssbp-wrap a.ssba_pinterest_share:before, .woocommerce .entry-summary .post-share-block .ssba-wrap a.ssba_pinterest_share:before {
content: "\f0d3";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
}
.woocommerce .entry-summary .widget .widget-title {
font-size: 180%;
}
.woocommerce #cboxOverlay {
background: rgba(0, 0, 0, 0.4) !important;
}
.woocommerce #yith-quick-view-modal .yith-wcqv-main {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.3);
}
.woocommerce #yith-quick-view-modal .yith-wcqv-main #yith-quick-view-close {
position: absolute !important;
top: 15px;
right: 15px;
display: block;
width: 18px;
height: 18px;
text-align: center;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
position: relative;
color: #666;
overflow: hidden;
padding: 0 0;
font-size: 0px;
border: none;
}
.woocommerce #yith-quick-view-modal .yith-wcqv-main #yith-quick-view-close:hover {
color: #333;
text-decoration: none;
}
.woocommerce #yith-quick-view-modal .yith-wcqv-main #yith-quick-view-close:before {
content: "\f106";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
font-size: 14px;
height: 100%;
width: 100%;
color: inherit;
}
.woocommerce #yith-quick-view-modal .yith-quick-view-overlay {
background: rgba(0, 0, 0, 0.4);
}
.woocommerce #yith-quick-view-modal .yith-wcqv-wrapper {
padding: 0 0;
max-height: 510px;
}
.woocommerce #yith-quick-view-modal.open .yith-wcqv-main {
overflow-y: auto;
}
.woocommerce #yith-quick-view-content .entry-img {
width: 50%;
float: left;
padding: 25px 15px 25px 25px;
}
.woocommerce #yith-quick-view-content .entry-img .onsale {
top: 45px;
right: 35px;
left: auto;
}
.woocommerce #yith-quick-view-content .entry-img div.images {
width: 100%;
float: none;
}
.woocommerce #yith-quick-view-content .summary {
width: 50%;
padding: 25px 25px 25px 15px;
}
.woocommerce #yith-quick-view-content .summary .product_title {
font-size: 2em;
margin: 0 0 15px 0;
}
.woocommerce #yith-quick-view-content .summary .woocommerce-product-rating {
margin: 0 0 15px;
}
.woocommerce #yith-quick-view-content .summary .price {
margin: 0 0 15px;
font-size: 1.5em;
}
.woocommerce #yith-quick-view-content .summary p.cart, .woocommerce #yith-quick-view-content .summary form.cart {
float: none;
margin-bottom: 30px;
}
.woocommerce #yith-quick-view-content .summary p.cart.variations_form div.variations, .woocommerce #yith-quick-view-content .summary form.cart.variations_form div.variations {
margin: 0 0 15px;
}
.woocommerce #yith-quick-view-content .summary p.cart.variations_form .single_variation_wrap, .woocommerce #yith-quick-view-content .summary form.cart.variations_form .single_variation_wrap {
margin-bottom: 0px;
}
.woocommerce #yith-quick-view-content .summary .product_meta {
padding: 20px 0 0;
}
.woocommerce #yith-quick-view-content .ratio-1115 .entry-img {
width: 40%;
}
.woocommerce #yith-quick-view-content .ratio-1115 .summary {
width: 60%;
}
.woocommerce #yith-quick-view-content .gallery_type_h .entry-img .thumbnails {
margin: 30px 0px 0 -7.5px;
}
@media (max-width: 1199px) {
.woocommerce #yith-quick-view-content .gallery_type_h .entry-img .thumbnails {
margin: 30px 95px 0 -7.5px;
}
}
.woocommerce #yith-quick-view-content .gallery_type_h .entry-img .thumbnails .img {
margin: 0 7.5px;
}
.woocommerce #yith-quick-view-content .gallery_type_v .entry-img {
width: 50%;
}
.woocommerce #yith-quick-view-content .gallery_type_v .entry-img .thumbnails {
position: absolute;
top: 20px;
left: 25px;
width: 75px;
}
.woocommerce #yith-quick-view-content .gallery_type_v .entry-img .thumbnails .img {
margin: 5px 0;
}
.woocommerce #yith-quick-view-content .gallery_type_v .entry-img .images {
width: 100%;
float: right;
}
.woocommerce #yith-quick-view-content .gallery_type_v .summary {
width: 50%;
}
.woocommerce #yith-quick-view-content .gallery_type_v.ratio-1115 .entry-img {
width: 45%;
}
.woocommerce #yith-quick-view-content .gallery_type_v.ratio-1115 .summary {
width: 55%;
}
.woocommerce #yith-quick-view-content .gallery_type_n1 {
margin-bottom: 0px;
}
.woocommerce #yith-quick-view-content .gallery_type_n1 .entry-img .images .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
}
.woocommerce #yith-quick-view-content .gallery_type_n1 .entry-img .thumbnails {
margin: 30px 0px 0 -7.5px;
}
@media (max-width: 1199px) {
.woocommerce #yith-quick-view-content .gallery_type_n1 .entry-img .thumbnails {
margin: 30px 95px 0 -7.5px;
}
}
.woocommerce #yith-quick-view-content .gallery_type_n1 .entry-img .thumbnails .img {
margin: 0 7.5px;
}
@media (max-width: 767px) {
.woocommerce .yith-wcqv-button {
display: none !important;
}
}
@media (min-width: 480px) {
.woocommerce .gallery_type_v .entry-img, .woocommerce .gallery_type_v .entry-summary {
padding-bottom: 0px;
}
}
.woocommerce .gallery_type_v .entry-img .inner {
position: relative;
}
.woocommerce .gallery_type_v .images .product-images {
visibility: hidden;
opacity: 0;
}
.woocommerce .gallery_type_v .images .product-images.slick-slider {
visibility: visible;
opacity: 1;
}
.woocommerce .gallery_type_v .images .img {
position: relative;
}
.woocommerce .gallery_type_v .thumbnails {
width: 90px;
position: absolute;
padding: 0 0 40px;
margin: 0 0;
top: 0px;
left: 0px;
}
@media (max-width: 1199px) {
.woocommerce .gallery_type_v .thumbnails {
width: 70px;
}
}
.woocommerce .gallery_type_v .thumbnails .product-thumbs {
visibility: hidden;
opacity: 0;
}
.woocommerce .gallery_type_v .thumbnails .product-thumbs.slick-slider {
visibility: visible;
opacity: 1;
}
.woocommerce .gallery_type_v .thumbnails .img {
margin: 15px 0;
border: 1px solid #eaeaea;
}
@media (max-width: 1199px) {
.woocommerce .gallery_type_v .thumbnails .img {
margin: 5px 0;
}
}
.woocommerce .gallery_type_v .thumbnails .img.slick-current {
border-color: #234a80;
}
.woocommerce .gallery_type_v .thumbnails .slick-prev, .woocommerce .gallery_type_v .thumbnails .slick-next {
overflow: hidden;
font-size: 0px;
position: absolute;
text-align: center;
height: 25px;
width: calc(50% - 5px);
padding: 0 0;
background: #fff;
border: 1px solid #eaeaea;
border-radius: 0px;
left: 0;
bottom: -35px;
text-align: center;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
z-index: 1;
visibility: hidden;
opacity: 0;
}
.woocommerce .gallery_type_v .thumbnails .slick-prev:before, .woocommerce .gallery_type_v .thumbnails .slick-next:before {
position: absolute;
left: calc(50% - 12.5px);
top: 0px;
font-size: 14px;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
content: "\f127";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 25px;
height: 25px;
text-align: center;
line-height: 25px;
color: #333;
}
.woocommerce .gallery_type_v .thumbnails .slick-prev:hover, .woocommerce .gallery_type_v .thumbnails .slick-next:hover {
background: #234a80;
border-color: #234a80;
}
.woocommerce .gallery_type_v .thumbnails .slick-prev:hover:before, .woocommerce .gallery_type_v .thumbnails .slick-next:hover:before {
color: #333;
}
.woocommerce .gallery_type_v .thumbnails .slick-prev.slick-disabled, .woocommerce .gallery_type_v .thumbnails .slick-next.slick-disabled {
cursor: not-allowed;
}
.woocommerce .gallery_type_v .thumbnails .slick-prev {
right: 0px;
left: auto;
}
.woocommerce .gallery_type_v .thumbnails .slick-prev:before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.woocommerce .gallery_type_v .thumbnails:hover .slick-prev, .woocommerce .gallery_type_v .thumbnails:hover .slick-next {
visibility: visible;
opacity: 1;
}
.woocommerce .gallery_type_n1 {
margin-bottom: 120px;
}
.woocommerce .gallery_type_n1 .entry-img {
position: relative;
padding-bottom: 0px;
}
@media (max-width: 1199px) {
.woocommerce .gallery_type_n1 .entry-img .images .popup-image, .woocommerce .gallery_type_n1 .entry-img .images .popup-video {
bottom: 20px;
}
}
.woocommerce .gallery_type_n1 .entry-img .images .img {
position: relative;
margin-bottom: 30px;
border: 1px solid #eaeaea;
}
@media (max-width: 1199px) {
.woocommerce .gallery_type_n1 .entry-img .images .img {
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.woocommerce .gallery_type_n1 .entry-img .images .img {
margin-bottom: 15px;
}
}
.woocommerce .gallery_type_n1 .entry-img .images .img:last-child {
margin-bottom: 0px;
}
@media (max-width: 480px) {
.woocommerce .gallery_type_n1 .entry-summary {
margin-top: 30px;
}
.woocommerce .gallery_type_n1 .entry-summary .summary-inner {
position: static !important;
height: auto !important;
}
.woocommerce .gallery_type_n1 .entry-summary .summary-inner .inner {
position: static !important;
width: auto !important;
-webkit-transform : none !important;
-moz-transform : none !important;
-ms-transform : none !important;
-o-transform : none !important;
transform : none !important;
}
}
.tabs-info #sns_tab_informations {
margin: 0 0 20px;
}
.product.type-product.topslider-layout .entry-img .images:not(.loaded) .popup-image, .product.type-product.topslider-layout .entry-img .images:not(.loaded) .popup-video {
opacity: 0;
}
@media (max-width: 767px) {
.product.type-product.topslider-layout .entry-summary {
padding-bottom: 60px;
}
}
#sns_tab_informations {
margin: 0 0 105px;
padding: 0 0;
}
#sns_tab_informations .tab-heading {
*zoom: 1;
text-align: center;
position: relative;
height: 45px;
}
#sns_tab_informations .tab-heading:before, #sns_tab_informations .tab-heading:after {
content: " ";
display: table;
}
#sns_tab_informations .tab-heading:after {
clear: both;
}
#sns_tab_informations .tab-heading:after {
position: absolute;
content: "";
height: 1px;
width: 100%;
bottom: 0px;
left: 0px;
background: #eaeaea;
}
#sns_tab_informations ul.nav-tabs {
margin: 0;
padding: 0;
list-style: none;
z-index: 1;
border-bottom: none;
display: inline-block;
margin: 0 auto;
}
#sns_tab_informations ul.nav-tabs > li {
margin: 0 5px;
padding: 0;
}
#sns_tab_informations ul.nav-tabs > li:first-child, #sns_tab_informations ul.nav-tabs > li.tabdrop + li {
margin-left: 0px;
}
#sns_tab_informations ul.nav-tabs > li:first-child > a, #sns_tab_informations ul.nav-tabs > li.tabdrop + li > a {
margin-left: 0;
}
#sns_tab_informations ul.nav-tabs > li:last-child {
margin-right: 0px;
}
#sns_tab_informations ul.nav-tabs > li.active > a, #sns_tab_informations ul.nav-tabs > li:hover > a {
color: #333;
text-decoration: none;
}
#sns_tab_informations ul.nav-tabs > li.active > a:before, #sns_tab_informations ul.nav-tabs > li:hover > a:before {
height: 4px;
}
#sns_tab_informations ul.nav-tabs > li.active > a:after, #sns_tab_informations ul.nav-tabs > li:hover > a:after {
opacity: 1;
}
#sns_tab_informations ul.nav-tabs > li.tabdrop {
margin: 0 0 0 10px;
}
#sns_tab_informations ul.nav-tabs > li.tabdrop > a i {
padding-left: 10px;
}
#sns_tab_informations ul.nav-tabs > li > a {
text-transform: uppercase;
font-weight: normal;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
position: relative;
font-size: 1.1428em;
background: transparent;
border: 1px solid #eaeaea;
position: relative;
color: #333;
padding: 0 20px;
height: 45px;
line-height: 45px;
display: block;
border-radius: 0;
}
#sns_tab_informations ul.nav-tabs > li > a:before {
position: absolute;
content: "";
height: 0px;
width: calc(100% + 2px);
top: -1px;
left: -1px;
background: #234a80;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
#sns_tab_informations ul.nav-tabs > li > a:after {
position: absolute;
content: "";
height: 2px;
width: 100%;
bottom: -1px;
left: 0px;
background: #fff;
opacity: 0;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
z-index: 2;
}
#sns_tab_informations ul.nav-tabs .dropdown {
cursor: pointer;
}
#sns_tab_informations ul.nav-tabs .dropdown a {
cursor: pointer;
}
#sns_tab_informations ul.nav-tabs .dropdown:not(.active) a {
margin: 0 0;
}
#sns_tab_informations ul.nav-tabs .dropdown ul.dropdown-menu {
padding: 0 0;
}
#sns_tab_informations .tab-content {
padding: 35px 0 0;
position: relative;
margin: 0;
}
#sns_tab_informations .tab-content #comments > h2, #sns_tab_informations .tab-content > div > h2, #sns_tab_informations .tab-content #comments > h3, #sns_tab_informations .tab-content > div > h3, #sns_tab_informations .tab-content #comments > h4, #sns_tab_informations .tab-content > div > h4, #sns_tab_informations .tab-content #comments > h5, #sns_tab_informations .tab-content > div > h5, #sns_tab_informations .tab-content #comments > h6, #sns_tab_informations .tab-content > div > h6 {
margin-top: 0;
font-weight: bold;
color: #333;
text-transform: none;
}
#sns_tab_informations .tab-content #comments > h2, #sns_tab_informations .tab-content > div > h2 {
font-size: 1.7142em;
margin-bottom: 15px;
}
#sns_tab_informations .tab-content #tab-description p {
margin-bottom: 15px;
}
#sns_tab_informations .tab-content #tab-description p:last-child {
margin: 0;
}
#sns_tab_informations .tab-content #reviews h2:first-child {
margin-bottom: 20px;
}
#sns_tab_informations .tab-content #reviews h3:first-child {
margin-bottom: 10px;
}
#sns_tab_informations .tab-content #reviews #comments img.avatar {
border-radius: 100%;
}
#sns_tab_informations .tab-content #reviews #comments .woocommerce-pagination .page-numbers {
margin: 15px 0 0;
}
#sns_tab_informations .tab-content #reviews #comments .woocommerce-pagination .page-numbers li:first-child > * {
margin-left: 0px;
}
#sns_tab_informations .tab-content #reviews #comments .woocommerce-pagination .page-numbers a {
text-align: center;
margin: 0 5px;
padding: 0 0;
display: inline-block;
font-weight: bold;
width: 40px;
height: 40px;
line-height: 40px;
border: 1px solid #666;
border-radius: 5px;
float: left;
}
#sns_tab_informations .tab-content #reviews #comments .woocommerce-pagination .page-numbers a:hover {
background-color: #234a80 !important;
border-color: #234a80;
color: #fff;
}
#sns_tab_informations .tab-content #reviews #comments .woocommerce-pagination .page-numbers span.current {
text-align: center;
margin: 0 5px;
padding: 0 0;
display: inline-block;
font-weight: bold;
width: 40px;
height: 40px;
line-height: 40px;
border: 1px solid #234a80;
border-radius: 5px;
background-color: #234a80 !important;
color: #fff;
float: left;
}
#sns_tab_informations .tab-content #reviews #comments .woocommerce-pagination .next, #sns_tab_informations .tab-content #reviews #comments .woocommerce-pagination .prev {
position: relative;
overflow: hidden;
font-size: 0px;
text-align: center;
}
#sns_tab_informations .tab-content #reviews #comments .woocommerce-pagination .next:before, #sns_tab_informations .tab-content #reviews #comments .woocommerce-pagination .prev:before {
font-size: 16px;
margin-top: 0px;
}
#sns_tab_informations .tab-content #reviews #comments .woocommerce-pagination .next:before {
content: "\f105";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 38px;
height: 38px;
text-align: center;
line-height: 38px;
}
#sns_tab_informations .tab-content #reviews #comments .woocommerce-pagination .prev:before {
content: "\f104";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 38px;
height: 38px;
text-align: center;
line-height: 38px;
}
#sns_tab_informations .tab-content #reviews #review_form_wrapper #reply-title {
margin: 0 0 10px;
font-weight: bold;
font-size: 1.5714em;
color: #333;
display: block;
}
#sns_tab_informations #tab-sns_prod_custom_tab .widget-title {
padding: 0;
}
#sns_tab_informations #tab-sns_prod_custom_tab .widget-title:after, #sns_tab_informations #tab-sns_prod_custom_tab .widget-title:before {
display: none;
}
.cross-sells {
position: relative;
*zoom: 1;
}
.cross-sells:before, .cross-sells:after {
content: " ";
display: table;
}
.cross-sells:after {
clear: both;
}
.cross-sells > h2 {
margin: 0 0 35px;
font-size: 1.8571em;
font-weight: bold;
text-transform: none;
color: #333;
overflow: hidden;
}
@media (max-width: 1199px) {
.cross-sells > h2 {
font-size: 1.7142em;
}
}
@media (max-width: 767px) {
.cross-sells > h2 {
font-size: 1.4285em;
}
}
.cross-sells .prdlist-content {
margin-left: -15px;
margin-right: -15px;
}
@media (max-width: 1199px) {
.cross-sells .prdlist-content {
margin-left: -10px;
margin-right: -10px;
}
}
@media (max-width: 767px) {
.cross-sells .prdlist-content {
margin-left: -7.5px;
margin-right: -7.5px;
}
}
.cross-sells .owl-nav .owl-prev, .cross-sells .owl-nav .owl-next {
width: 40px;
height: 40px;
border: 1px solid #eaeaea;
border-radius: 100%;
text-align: center;
position: absolute;
font-size: 0px;
top: 50%;
margin-top: -20px;
cursor: pointer;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
color: #666;
background: #fff;
}
.cross-sells .owl-nav .owl-prev:before, .cross-sells .owl-nav .owl-next:before {
font-size: 14px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.cross-sells .owl-nav .owl-prev:hover, .cross-sells .owl-nav .owl-next:hover {
background: #234a80;
border-color: #234a80;
color: #333;
}
.cross-sells .owl-nav .owl-prev.disabled, .cross-sells .owl-nav .owl-next.disabled {
opacity: 0.6;
display: inline-block;
}
.cross-sells .owl-nav .owl-prev.disabled:hover, .cross-sells .owl-nav .owl-next.disabled:hover {
cursor: not-allowed;
}
.cross-sells .owl-nav .owl-prev {
left: -5px;
}
@media (max-width: 992px) {
.cross-sells .owl-nav .owl-prev {
left: 5px !important;
}
}
.cross-sells .owl-nav .owl-prev:before {
content: "\f12c";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.cross-sells .owl-nav .owl-next {
right: -5px;
left: auto;
}
@media (max-width: 992px) {
.cross-sells .owl-nav .owl-next {
left: auto !important;
right: 5px !important;
}
}
.cross-sells .owl-nav .owl-next:before {
content: "\f12c";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
}
@media (max-width: 767px) {
.cross-sells .owl-nav .owl-prev, .cross-sells .owl-nav .owl-next {
width: 35px;
height: 35px;
margin-top: -17.5px;
}
.cross-sells .owl-nav .owl-prev:before, .cross-sells .owl-nav .owl-next:before {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 16px;
}
}
.cross-sells .owl-nav {
opacity: 0;
}
.cross-sells .owl-item div.product {
float: none;
}
.cross-sells:hover .owl-nav {
opacity: 1;
}
.upsells, .related {
position: relative;
*zoom: 1;
margin: 0 0 105px;
padding: 0 0;
z-index: 0;
}
.upsells:before, .related:before, .upsells:after, .related:after {
content: " ";
display: table;
}
.upsells:after, .related:after {
clear: both;
}
.upsells:hover, .related:hover {
z-index: 1;
}
.upsells:hover .owl-nav, .related:hover .owl-nav {
opacity: 1;
}
.upsells > h2, .related > h2 {
margin: 0 0 40px;
font-size: 2.5714em;
font-weight: bold;
text-transform: none;
color: #333;
overflow: hidden;
text-align: center;
}
@media (max-width: 1199px) {
.upsells > h2, .related > h2 {
font-size: 2em;
}
}
@media (max-width: 767px) {
.upsells > h2, .related > h2 {
font-size: 1.7142em;
}
}
.upsells .prdlist-content, .related .prdlist-content {
margin-left: -15px;
margin-right: -15px;
}
@media (max-width: 1199px) {
.upsells .prdlist-content, .related .prdlist-content {
margin-left: -10px;
margin-right: -10px;
}
}
@media (max-width: 767px) {
.upsells .prdlist-content, .related .prdlist-content {
margin-left: -7.5px;
margin-right: -7.5px;
}
}
.upsells .owl-nav .owl-prev, .related .owl-nav .owl-prev, .upsells .owl-nav .owl-next, .related .owl-nav .owl-next {
width: 40px;
height: 40px;
border: 1px solid #eaeaea;
border-radius: 100%;
text-align: center;
position: absolute;
font-size: 0px;
top: 50%;
margin-top: -20px;
cursor: pointer;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
color: #666;
background: #fff;
}
.upsells .owl-nav .owl-prev:before, .related .owl-nav .owl-prev:before, .upsells .owl-nav .owl-next:before, .related .owl-nav .owl-next:before {
font-size: 14px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.upsells .owl-nav .owl-prev:hover, .related .owl-nav .owl-prev:hover, .upsells .owl-nav .owl-next:hover, .related .owl-nav .owl-next:hover {
background: #234a80;
border-color: #234a80;
color: #333;
}
.upsells .owl-nav .owl-prev.disabled, .related .owl-nav .owl-prev.disabled, .upsells .owl-nav .owl-next.disabled, .related .owl-nav .owl-next.disabled {
opacity: 0.6;
display: inline-block;
}
.upsells .owl-nav .owl-prev.disabled:hover, .related .owl-nav .owl-prev.disabled:hover, .upsells .owl-nav .owl-next.disabled:hover, .related .owl-nav .owl-next.disabled:hover {
cursor: not-allowed;
}
.upsells .owl-nav .owl-prev, .related .owl-nav .owl-prev {
left: -5px;
}
@media (max-width: 992px) {
.upsells .owl-nav .owl-prev, .related .owl-nav .owl-prev {
left: 5px !important;
}
}
.upsells .owl-nav .owl-prev:before, .related .owl-nav .owl-prev:before {
content: "\f12c";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.upsells .owl-nav .owl-next, .related .owl-nav .owl-next {
right: -5px;
left: auto;
}
@media (max-width: 992px) {
.upsells .owl-nav .owl-next, .related .owl-nav .owl-next {
left: auto !important;
right: 5px !important;
}
}
.upsells .owl-nav .owl-next:before, .related .owl-nav .owl-next:before {
content: "\f12c";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
}
@media (max-width: 767px) {
.upsells .owl-nav .owl-prev, .related .owl-nav .owl-prev, .upsells .owl-nav .owl-next, .related .owl-nav .owl-next {
width: 35px;
height: 35px;
margin-top: -17.5px;
}
.upsells .owl-nav .owl-prev:before, .related .owl-nav .owl-prev:before, .upsells .owl-nav .owl-next:before, .related .owl-nav .owl-next:before {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 16px;
}
}
.upsells .owl-nav, .related .owl-nav {
opacity: 0;
}
.upsells .owl-item div.product, .related .owl-item div.product {
float: none;
}
.upsells-list h2 {
font-size: 1.5em;
color: #333;
text-transform: none;
font-weight: bold;
display: block;
padding: 0 0;
margin: 0 0 25px;
line-height: 1.1;
}
.upsells-list h2 > span {
display: inline-block;
position: relative;
}
.upsells-list .product {
padding: 10px 0 0;
margin-top: 10px;
}
.upsells-list .product:first-child {
margin-top: 0px;
padding-top: 0px;
}
.upsells-list .list-view {
*zoom: 1;
width: 100%;
}
.upsells-list .list-view:before, .upsells-list .list-view:after {
content: " ";
display: table;
}
.upsells-list .list-view:after {
clear: both;
}
.upsells-list .list-view .item-img {
float: left;
display: inline-block;
margin: 0 15px 0 0;
position: relative;
}
.upsells-list .list-view .item-img .onsale {
display: none;
}
.upsells-list .list-view .item-img .product-image {
display: block;
position: relative;
overflow: hidden;
position: relative;
border: 1px solid #eaeaea;
max-width: 90px;
}
.upsells-list .list-view .item-img .product-image:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0px;
top: 0px;
background-color: rgba(0, 0, 0, 0.2);
opacity: 0;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.upsells-list .list-view .item-img .yith-wcqv-button {
font-size: 0px;
padding: 0;
width: 35px;
height: 35px;
border: 1px solid #eaeaea;
border-radius: 100%;
display: block;
vertical-align: top;
overflow: hidden;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
position: absolute;
left: 50%;
top: 50%;
margin: -17.5px 0 0 -17.5px;
-webkit-transform: scale(0);
transform: scale(0);
background: #fff;
}
.upsells-list .list-view .item-img .yith-wcqv-button:before {
position: absolute;
left: 0px;
top: 0px;
content: "\f10f";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
font-size: 14px;
color: #333;
background-color: transparent;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.upsells-list .list-view .item-img .yith-wcqv-button:hover {
background: #234a80;
border-color: #234a80;
}
.upsells-list .list-view .item-img .yith-wcqv-button:hover:before {
color: #333;
}
.upsells-list .list-view .item-img .yith-wcqv-button .blockUI.blockOverlay {
position: absolute;
top: 0px !important;
left: 0px !important;
overflow: hidden;
background: #234a80 !important;
color: #333;
opacity: 1 !important;
width: 35px !important;
height: 35px !important;
line-height: 35px !important;
cursor: wait;
}
.upsells-list .list-view .item-img .yith-wcqv-button .blockUI.blockOverlay:before, .upsells-list .list-view .item-img .yith-wcqv-button .blockUI.blockOverlay:after {
color: #333;
font-size: 14px;
cursor: wait;
}
.upsells-list .list-view .item-img .yith-wcqv-button .blockUI.blockOverlay:before {
content: "\f136";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
z-index: 1;
color: #333;
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
-o-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
}
.upsells-list .list-view .item-info .item-title {
font-size: 1em;
text-transform: uppercase;
font-weight: normal;
margin: -3px 0 5px;
}
.upsells-list .list-view .item-info .star-rating {
float: none;
display: block;
margin: 0 0 0px;
}
.upsells-list .list-view:hover .item-img .yith-wcqv-button {
-webkit-transform: scale(1);
transform: scale(1);
}
.upsells-list .list-view:hover .item-img .product-image {
border-color: rgba(0, 0, 0, 0.2);
}
.upsells-list .list-view:hover .item-img .product-image:before {
opacity: 1;
}
body.single-product .sns-main > .product.type-product:not(.topslider-layout) > div:last-child {
margin-bottom: 115px;
}
body.single-product .sns-main > .product.type-product.topslider-layout > div:last-child {
margin-bottom: 40px;
}
body.single-product .sns-main > .product.type-product.topslider-layout.product-type-variable p.price {
font-size: 1.1428em;
}
body.single-product .sns-main > .product.type-product.topslider-layout.product-type-variable form.cart.variations_form div.variations {
margin-top: 5px;
}
.yith-wcwl-share {
margin: 0 0 10px;
}
.item-animate {
opacity: 0;
position: relative;
}
.play .item-animate {
opacity: 1;
animation-play-state: running;
-moz-animation-play-state: running;
-webkit-animation-play-state: running;
-o-animation-play-state: running;
-ms-animation-play-state: running;
}
.fadeIn.play .item-animate {
-webkit-animation: fadeIn 300ms ease both;
-o-animation: fadeIn 300ms ease both;
animation: fadeIn 300ms ease both;
}
.fadeInDown.play .item-animate {
-webkit-animation: fadeInDown 300ms ease both;
-o-animation: fadeInDown 300ms ease both;
animation: fadeInDown 300ms ease both;
}
.fadeInUp.play .item-animate {
-webkit-animation: fadeInUp 300ms ease both;
-o-animation: fadeInUp 300ms ease both;
animation: fadeInUp 300ms ease both;
}
.fadeInRight.play .item-animate {
-webkit-animation: fadeInRight 300ms ease both;
-o-animation: fadeInRight 300ms ease both;
animation: fadeInRight 300ms ease both;
}
.fadeInLeft.play .item-animate {
-webkit-animation: fadeInLeft 300ms ease both;
-o-animation: fadeInLeft 300ms ease both;
animation: fadeInLeft 300ms ease both;
}
.zoomIn.play .item-animate {
-webkit-animation: zoomIn 300ms ease both;
-o-animation: zoomIn 300ms ease both;
animation: zoomIn 300ms ease both;
}
.zoomInLeft.play .item-animate {
-webkit-animation: zoomInLeft 300ms ease both;
-o-animation: zoomInLeft 300ms ease both;
animation: zoomInLeft 300ms ease both;
}
.zoomInRight.play .item-animate {
-webkit-animation: zoomInRight 300ms ease both;
-o-animation: zoomInRight 300ms ease both;
animation: zoomInRight 300ms ease both;
}
.zoomInUp.play .item-animate {
-webkit-animation: zoomInUp 300ms ease both;
-o-animation: zoomInUp 300ms ease both;
animation: zoomInUp 300ms ease both;
}
.zoomInDown.play .item-animate {
-webkit-animation: zoomInDown 300ms ease both;
-o-animation: zoomInDown 300ms ease both;
animation: zoomInDown 300ms ease both;
}
.bounceIn.play .item-animate {
-webkit-animation: bounceIn 300ms ease both;
-o-animation: bounceIn 300ms ease both;
animation: bounceIn 300ms ease both;
}
.bounceInRight.play .item-animate {
-webkit-animation: bounceInRight 300ms ease both;
-o-animation: bounceInRight 300ms ease both;
animation: bounceInRight 300ms ease both;
}
.bounceInLeft.play .item-animate {
-webkit-animation: bounceInLeft 300ms ease both;
-o-animation: bounceInLeft 300ms ease both;
animation: bounceInLeft 300ms ease both;
}
.bounceInUp.play .item-animate {
-webkit-animation: bounceInUp 300ms ease both;
-o-animation: bounceInUp 300ms ease both;
animation: bounceInUp 300ms ease both;
}
.bounceInDown.play .item-animate {
-webkit-animation: bounceInDown 300ms ease both;
-o-animation: bounceInDown 300ms ease both;
animation: bounceInDown 300ms ease both;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form div.variations {
margin: 0 0 30px;
padding: 0 0;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.label {
padding: 0 0;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.label label {
color: #333;
margin: 0 0 6px;
float: none;
line-height: normal;
text-transform: uppercase;
font-weight: normal;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.value {
padding: 0 0;
margin-bottom: 10px;
border: none;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.value:last-child {
margin-bottom: 5px;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.value select {
margin-bottom: 10px;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.value .sellect-wrap {
display: block;
*zoom: 1;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.value .sellect-wrap:before, .woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.value .sellect-wrap:after {
content: " ";
display: table;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.value .sellect-wrap:after {
clear: both;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.value .option {
margin-right: 5px;
border: 1px solid #eaeaea;
cursor: pointer;
display: inline-block;
overflow: hidden;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.value .option span {
display: block;
text-align: center;
height: 28px;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.value .option.text {
position: relative;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.value .option.text span {
margin: 0;
padding: 2px 10px;
background: #fff;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.value .option.text:hover, .woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.value .option.text.selected {
border-color: #234a80;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.value .option.text:hover span, .woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.value .option.text.selected span {
background: #234a80;
color: #333;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.value .option.color {
margin-right: 10px;
float: left;
position: relative;
border: none;
border-radius: 100%;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.value .option.color span {
width: 45px;
height: 45px;
border-radius: 100%;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.value .option.color.selected:before {
content: "\f142";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
color: #fff;
text-align: center;
position: absolute;
left: 0px;
top: 0px;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.value .option.image {
border-color: #eaeaea;
position: relative;
margin-right: 10px;
display: inline-block;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.value .option.image span {
margin: 0px;
width: 90px;
height: 68px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.value .option.image.selected {
border-color: #234a80;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.value a.reset_variations {
display: inline-block !important;
visibility: visible;
position: relative;
margin: 15px 0 0;
color: #666;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.value a.reset_variations:before {
content: "\f116";
display: inline-block;
font-family: Flaticon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
font-size: 18px;
width: 22px;
text-align: left;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form div.variations div.value a.reset_variations:hover {
color: #333;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.woocommerce .type-product.product-type-variable form.cart.variations_form[current-image=""] div.variations div.value a.reset_variations {
display: none !important;
margin: 0 0;
visibility: hidden;
}
#sns_cpanel {
position: fixed;
top: 0px;
left: -300px;
width: 300px;
height: 100%;
z-index: 999;
background: #fff;
padding: 30px 0;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
}
body.admin-bar #sns_cpanel {
top: 32px;
height: calc(100% - 32px);
}
@media (max-width: 992px) {
body.admin-bar #sns_cpanel {
top: 46px;
height: calc(100% - 46px);
}
}
@media (max-width: 480px) {
body.admin-bar #sns_cpanel {
top: 0px;
height: 100%;
}
}
@media (max-width: 767px) {
#sns_cpanel {
display: none;
}
}
#sns_cpanel + .overlay {
content: "";
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 998;
background: rgba(0, 0, 0, 0.5);
-webkit-transition: none;
-o-transition: none;
transition: none;
cursor: e-resize;
cursor: url(//powerbearings.co/wp-content/themes/valen/assets/img/close-white.png), auto;
}
#sns_cpanel.open {
left: 0px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}
#sns_cpanel.open #sns_cpanel_btn {
box-shadow: none;
opacity: 0.2;
}
#sns_cpanel.open + .overlay {
display: block;
}
#sns_cpanel #sns_cpanel_btn {
position: absolute;
right: -44px;
top: calc(50% - 44px);
background: #f9f9f9;
text-align: center;
border-radius: 0 5px 5px 0;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
#sns_cpanel #sns_cpanel_btn a {
display: block;
width: 44px;
height: 44px;
line-height: 44px;
cursor: pointer;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
border-top: 1px solid #eaeaea;
}
#sns_cpanel #sns_cpanel_btn a:first-child {
border-top: none;
}
#sns_cpanel #sns_cpanel_btn a i {
font-size: 18px;
line-height: 46px;
color: #82b440;
margin: 0 0;
}
#sns_cpanel #sns_cpanel_btn a img {
max-width: 20px;
margin: 0 auto;
}
#sns_cpanel .cpanel-set {
*zoom: 1;
padding: 0 15px;
height: 100%;
overflow-y: scroll;
}
#sns_cpanel .cpanel-set:before, #sns_cpanel .cpanel-set:after {
content: " ";
display: table;
}
#sns_cpanel .cpanel-set:after {
clear: both;
}
#sns_cpanel .cpanel-set i.fa {
margin-right: 8px;
}
#sns_cpanel .cpanel-set .envato-buy {
margin-bottom: 15px;
display: block;
}
#sns_cpanel .cpanel-set .envato-buy a {
background: #82b440;
color: #fff;
padding: 12px 30px;
text-align: center;
text-transform: uppercase;
display: block;
border-radius: 4px;
font-weight: bold;
}
#sns_cpanel .cpanel-set .envato-buy a:hover {
background: #7aa93c;
color: #fff;
text-decoration: none;
}
#sns_cpanel .cpanel-set .qr-code {
display: block;
margin-bottom: 30px;
padding: 20px 20px 10px;
background-color: #f1f1f1;
text-align: center;
text-transform: uppercase;
}
#sns_cpanel .cpanel-set .qr-code p {
margin-bottom: 5px;
}
#sns_cpanel .cpanel-set .demos h4 {
text-transform: uppercase;
}
#sns_cpanel .cpanel-set .demos .demo {
margin-bottom: 10px;
}
#sns_cpanel .cpanel-set .demos .demo a {
display: block;
}
#sns_cpanel .cpanel-set .demos .demo a img {
margin-bottom: 3px;
}
#sns_cpanel .cpanel-set .demos .demo a span {
font-size: 12px;
text-transform: uppercase;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
}
#sns_cpanel .cpanel-set .demos .demo a:hover {
text-decoration: none;
}
#sns_cpanel .cpanel-set .demos .demo a:hover span {
color: #7aa93c;
}
#sns_cpanel .cpanel-set .demos .demo a.img {
position: relative;
}
#sns_cpanel .cpanel-set .demos .demo a.img:before {
content: "";
height: 100%;
width: 100%;
left: 0px;
top: 0px;
background: rgba(0, 0, 0, 0.1);
opacity: 0;
position: absolute;
-webkit-transition: all 0.25s ease-out 0s;
-o-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
}
#sns_cpanel .cpanel-set .demos .demo a.img:hover:before {
opacity: 1;
}
#sns_cpanel .cpanel-set .demos .demo:hover {
text-decoration: none;
}
#sns_cpanel .cpanel-set .demos .demo:hover a span {
color: #7aa93c;
}
#sns_cpanel .cpanel-bottom {
*zoom: 1;
padding: 15px 0 0;
border-top: 1px solid #ccc;
}
#sns_cpanel .cpanel-bottom:before, #sns_cpanel .cpanel-bottom:after {
content: " ";
display: table;
}
#sns_cpanel .cpanel-bottom:after {
clear: both;
}