.site-header-cart .cart-contents, .site-header-cart .widget_shopping_cart, .site-search {
display: none
}
.storefront-handheld-footer-bar ul li.search .site-search, .storefront-handheld-footer-bar ul li.search .widget, .storefront-handheld-footer-bar ul li.search form, ul.products {
margin-bottom: 0
}
.storefront-handheld-footer-bar ul li > a:active, .storefront-handheld-footer-bar ul li > a:focus, table.cart td.actions input[name=update_cart]:focus {
outline: 0
}
#payment .create-account, #payment .terms, #payment:after, #reviews .comment-form-rating, #reviews .commentlist li, .form-row-wide, .product_list_widget li:after, .single-product div.product .images .thumbnails a.zoom.first, .single-product div.product .variations_button:after, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs:after, .single-product div.product .woocommerce-product-rating:after, .single-product div.product form.cart:after, .single-product div.product:after, .site-search, .storefront-handheld-footer-bar:after, .wc-item-meta li:after, .wc-proceed-to-checkout:after, .woocommerce-error, .woocommerce-error:after, .woocommerce-info, .woocommerce-info:after, .woocommerce-message, .woocommerce-message:after, .woocommerce-noreviews, .woocommerce-noreviews:after, form.checkout:after, p.no-comments, p.no-comments:after, table.cart td.product-remove:after, table.shop_table_responsive tr td, ul.order_details:after, ul.products, ul.products:after {
clear: both
}
@font-face {
font-family: star;
src: url(//plugins/woocommerce/assets/fonts/star.eot);
src: url(//plugins/woocommerce/assets/fonts/star.eot?#iefix) format("embedded-opentype"), url(//plugins/woocommerce/assets/fonts/star.woff) format("woff"), url(//plugins/woocommerce/assets/fonts/star.ttf) format("truetype"), url(//plugins/woocommerce/assets/fonts/star.svg#star) format("svg");
font-weight: 400;
font-style: normal
}
.woocommerce-active .site-header .col-full {
position: relative
}
.woocommerce-active .site-branding {
float: left
}
.site-header-cart {
list-style-type: none;
margin-left: 0;
padding: 0;
margin-bottom: 0
}
.site-header-cart .widget_shopping_cart .product_list_widget img {
margin-left: 1em
}
.site-search {
font-size: .875em
}
.site-search .widget_product_search input[type=search], .site-search .widget_product_search input[type=text] {
padding: 1.41575em 1.618em 1.41575em 3.706325903em;
line-height: 1
}
.site-search .widget_product_search form:before {
top: 1.41575em;
left: 1.618em
}
.site-search .widget_product_search #searchsubmit {
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important
}
.storefront-handheld-footer-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
border-top: 1px solid rgba(255, 255, 255, .2);
box-shadow: 0 0 6px rgba(0, 0, 0, .7);
z-index: 9999
}
.storefront-handheld-footer-bar:after, .storefront-handheld-footer-bar:before {
content: "";
display: table
}
.storefront-handheld-footer-bar ul {
margin: 0
}
.storefront-handheld-footer-bar ul li {
display: inline-block;
float: left;
text-align: center
}
.storefront-handheld-footer-bar ul li:last-child > a {
border-right: 0
}
.storefront-handheld-footer-bar ul li > a {
height: 4.235801032em;
display: block;
position: relative;
text-indent: -9999px;
z-index: 999;
border-right: 1px solid rgba(255, 255, 255, .2)
}
.storefront-handheld-footer-bar ul li > a:before {
font: normal normal normal 1em/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
line-height: 2.618046972;
font-weight: 400;
font-size: 1.618em;
text-indent: 0;
display: block;
cursor: pointer
}
.storefront-handheld-footer-bar ul li.search > a:before {
content: "\f002"
}
.storefront-handheld-footer-bar ul li.search .site-search {
position: absolute;
bottom: -2em;
left: 0;
right: 0;
-webkit-transition: all, ease, .2s;
-moz-transition: all, ease, .2s;
transition: all, ease, .2s;
padding: 1em;
z-index: 1;
display: block
}
.storefront-handheld-footer-bar ul li.search.active .site-search {
bottom: 100%
}
.storefront-handheld-footer-bar ul li.my-account > a:before {
content: "\f007"
}
.storefront-handheld-footer-bar ul li.cart > a:before {
content: "\f291"
}
.storefront-handheld-footer-bar ul li.cart .count {
text-indent: 0;
display: block;
width: 2em;
height: 2em;
line-height: 2;
box-sizing: content-box;
font-size: .75em;
position: absolute;
top: .875em;
left: 50%;
border-radius: 100%;
border: 1px solid
}
.storefront-handheld-footer-bar ul.columns-1 li {
width: 100%;
display: block;
float: none
}
.storefront-handheld-footer-bar ul.columns-2 li {
width: 50%
}
.storefront-handheld-footer-bar ul.columns-3 li {
width: 33.33333%
}
.storefront-handheld-footer-bar ul.columns-4 li {
width: 25%
}
.storefront-handheld-footer-bar ul.columns-5 li {
width: 20%
}
table.shop_table_responsive tbody th, table.shop_table_responsive thead {
display: none
}
table.shop_table_responsive tr td {
display: block;
text-align: right
}
table.shop_table_responsive tr td:before {
content: attr(data-title) ": ";
font-weight: 700;
float: left
}
table.shop_table_responsive tr td.product-remove a {
text-align: left
}
table.shop_table_responsive tr td.actions:before, table.shop_table_responsive tr td.download-actions:before, table.shop_table_responsive tr td.product-remove:before {
display: none
}
table.shop_table_responsive tr td.download-actions .button {
display: block;
text-align: center
}
table.shop_table_responsive.my_account_orders .order-actions {
text-align: right
}
table.shop_table_responsive.my_account_orders .order-actions:before {
display: none
}
ul.products {
margin-left: 0
}
ul.products:after, ul.products:before {
content: "";
display: table
}
ul.products li.product {
list-style: none;
margin-left: 0;
margin-bottom: 4.235801032em;
text-align: center;
position: relative
}
ul.products li.product .price, ul.products li.product .star-rating {
margin: 0 auto 1em
}
ul.products li.product .woocommerce-LoopProduct-link {
display: block
}
ul.products li.product .price {
display: block;
color: #43454b;
font-weight: 400
}
ul.products li.product .price ins {
font-weight: 700;
margin-left: .6180469716em;
background-color: transparent
}
ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2, ul.products li.product h3 {
font-size: 1.1em
}
ul.products li.product .star-rating {
font-size: .875em
}
ul.products li.product img {
display: block;
margin: 0 auto 1.618em
}
ul.products li.product.product-category .woocommerce-loop-category__title, ul.products li.product.product-category h2, ul.products li.product.product-category h3 {
font-size: 1.1em
}
ul.products li.product.product-category img {
margin-bottom: 1.618em
}
ul.products li.product .button {
margin-bottom: .236em
}
.price del {
opacity: .5;
font-weight: 400
}
.price del + ins {
margin-left: .327em
}
.single-product .pswp__button {
background-color: transparent
}
.single-product div.product {
position: relative;
overflow: hidden
}
.single-product div.product:after, .single-product div.product:before {
content: "";
display: table
}
.single-product div.product .images, .single-product div.product .summary, .single-product div.product .woocommerce-product-gallery {
margin-bottom: 2.617924em;
margin-top: 0
}
.single-product div.product .woocommerce-product-gallery {
position: relative
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: .875em;
right: .875em;
display: block;
height: 2em;
width: 2em;
border-radius: 3px;
z-index: 99;
text-align: center;
text-indent: -999px;
overflow: hidden
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
font: normal normal normal 1em/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
content: "\f00e";
line-height: 2;
text-indent: 0
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger img {
display: none !important
}
.single-product div.product .woocommerce-product-gallery img {
margin: 0
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
margin-bottom: 1.618em
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
margin: 0;
padding: 0
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs:after, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs:before {
content: "";
display: table
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
list-style: none;
margin-bottom: 1.618em;
cursor: pointer
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
opacity: .5;
-webkit-transition: all, ease, .2s;
-moz-transition: all, ease, .2s;
transition: all, ease, .2s
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
opacity: 1
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
width: 42.8571428571%;
float: left;
margin-right: 14.2857142857%
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
margin-right: 0
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
width: 23.8095238%;
float: left;
margin-right: 14.2857142857%
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
margin-right: 0
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
width: 14.2857142857%;
float: left;
margin-right: 14.2857142857%
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
margin-right: 0
}
.single-product div.product .images .woocommerce-main-image {
margin-bottom: 1.618em;
display: block
}
.single-product div.product .images .thumbnails a.zoom {
display: block;
width: 22.05%;
margin-right: 3.8%;
float: left;
margin-bottom: 1em
}
.single-product div.product .images .thumbnails a.zoom.last {
margin-right: 0
}
.single-product div.product form.cart {
margin-bottom: 1.618em;
padding: 1em 0
}
.single-product div.product form.cart:after, .single-product div.product form.cart:before {
content: "";
display: table
}
.single-product div.product form.cart .quantity {
float: left
}
.single-product div.product form.cart .button {
float: right
}
.single-product div.product .price {
font-weight: 700
}
.single-product div.product table.variations {
margin: 0
}
.single-product div.product table.variations td, .single-product div.product table.variations th {
display: list-item;
padding: 0;
list-style: none;
background-color: transparent
}
.single-product div.product table.variations .value {
margin-bottom: 1em
}
.single-product div.product .single_variation .price {
margin-bottom: 1em;
display: block
}
.single-product div.product .variations_button:after, .single-product div.product .variations_button:before, .single-product div.product .woocommerce-product-rating:after, .single-product div.product .woocommerce-product-rating:before {
content: "";
display: table
}
.single-product div.product .variations_button {
padding-top: 1em
}
.single-product div.product .woocommerce-product-rating {
margin-bottom: 1.618em;
line-height: 1;
margin-top: -ms(-1)
}
.single-product div.product .woocommerce-product-rating a {
font-weight: 400;
text-decoration: underline
}
.single-product div.product .woocommerce-product-rating a:hover {
text-decoration: none
}
.single-product div.product .woocommerce-product-rating .star-rating {
float: left;
margin-right: .6180469716em
}
.single-product div.product .product_meta {
font-size: .875em;
padding-top: 1em;
border-top: 1px solid rgba(0, 0, 0, .05)
}
.single-product div.product .product_meta .posted_in, .single-product div.product .product_meta .sku_wrapper, .single-product div.product .product_meta .tagged_as {
display: block
}
.single-product div.product .product_meta .posted_in:last-child, .single-product div.product .product_meta .sku_wrapper:last-child, .single-product div.product .product_meta .tagged_as:last-child {
border-bottom: 0
}
.single-product div.product .product_meta a {
font-weight: 400;
text-decoration: underline
}
.single-product div.product .product_meta a:hover {
text-decoration: none
}
.stock:before {
display: inline-block;
font: normal normal normal 1em/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: .5407911001em
}
.woocommerce-breadcrumb a:first-of-type:before, a.reset_variations:before {
font: normal normal normal 1em/1 FontAwesome;
-moz-osx-font-smoothing: grayscale;
text-rendering: auto
}
.stock:empty:before {
display: none
}
.stock.in-stock {
color: #0f834d
}
.stock.in-stock:before {
content: "\f118"
}
.stock.out-of-stock {
color: #e2401c
}
.stock.out-of-stock:before {
content: "\f119"
}
a.reset_variations {
display: inline-block;
margin-left: 1em
}
a.reset_variations:before {
display: inline-block;
font-size: inherit;
-webkit-font-smoothing: antialiased;
content: "\f021";
margin-right: .5407911001em
}
#reviews #comments {
padding-top: 0
}
#reviews .woocommerce-Reviews-title {
font-weight: 300
}
#reviews .woocommerce-Reviews-title span {
font-weight: 700
}
#reviews .commentlist {
list-style: none;
margin-left: 0
}
#reviews .commentlist li {
margin-bottom: 2.617924em;
list-style: none
}
#reviews .commentlist li:after, #reviews .commentlist li:before {
content: "";
display: table
}
#reviews .commentlist li:after {
clear: both
}
#reviews .commentlist li .comment_container {
padding: 1.618em;
border-radius: 3px
}
#reviews .commentlist li .comment_container .comment-text p:last-of-type {
margin-bottom: 0
}
#reviews .commentlist li:last-child {
border-bottom: 0;
margin-bottom: 0
}
.product_list_widget li, .widget_shopping_cart p.total {
border-bottom: 1px solid rgba(0, 0, 0, .05)
}
#reviews .commentlist li time {
opacity: .5
}
#reviews .commentlist li .avatar {
float: left;
width: 2.2906835em;
height: auto;
margin-right: 1em
}
#reviews .commentlist li p.meta {
margin-bottom: 1em
}
#reviews .commentlist li ul.children {
width: 81.8181818182%;
float: right;
margin-right: 0;
margin-bottom: 0;
padding-top: 1.618em
}
#reviews .commentlist li ul.children li {
margin-bottom: 1.618em
}
#reviews .commentlist li ul.children li:last-child {
margin-bottom: 0
}
#reviews .comment-form-rating label {
display: block
}
.widget ul.products li.product a, .woocommerce-breadcrumb a:hover {
text-decoration: none
}
.widget_layered_nav li:before, .widget_product_categories ul li:before {
font: normal normal normal 1em/1 FontAwesome;
display: inline-block;
margin-right: .5407911001em
}
.product_list_widget {
list-style: none;
margin-left: 0
}
.product_list_widget li {
padding: 1em 0
}
.product_list_widget li:after, .product_list_widget li:before {
content: "";
display: table
}
.product_list_widget li > a, .widget_products a, .widget_shopping_cart .buttons .button {
display: block
}
.product_list_widget li img {
max-width: 2.617924em;
float: right
}
.product_list_widget a:hover {
color: #2c2d33
}
.widget_shopping_cart .product_list_widget {
margin-bottom: 0
}
.widget_shopping_cart .product_list_widget li {
padding-left: 2em;
position: relative
}
.widget_shopping_cart .product_list_widget li a.remove {
position: absolute;
top: 1em;
left: 0;
opacity: 1
}
.widget_shopping_cart p.buttons, .widget_shopping_cart p.total {
padding: 1em 0;
margin: 0;
text-align: center
}
.widget_shopping_cart .buttons .button:nth-child(odd) {
margin-bottom: .6180469716em
}
.widget_product_categories ul {
margin: 0
}
.widget_product_categories ul li {
list-style: none;
margin-bottom: .6180469716em
}
.widget_product_categories ul li:before {
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
opacity: .25;
content: "\f114"
}
.widget_product_categories ul li.current-cat:before {
content: "\f115"
}
.widget_product_categories .children {
margin-top: .6180469716em;
margin-left: 1.618em
}
.site-header .widget_shopping_cart li, .site-header .widget_shopping_cart p.buttons, .site-header .widget_shopping_cart p.total {
padding-left: 1.41575em;
padding-right: 1.41575em
}
.widget_layered_nav li {
margin-bottom: .6180469716em
}
.widget_layered_nav li:before {
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
opacity: .35;
content: "\f0c8"
}
.widget_layered_nav_filters ul li.chosen a:before, a.remove:before {
font: normal normal normal 1em/1 FontAwesome;
color: #e2401c;
text-rendering: auto;
-moz-osx-font-smoothing: grayscale
}
.widget_layered_nav .chosen:before {
content: "\f14a"
}
.widget_layered_nav_filters ul li.chosen a:before {
display: inline-block;
font-size: inherit;
-webkit-font-smoothing: antialiased;
content: "\f00d";
margin-right: .5407911001em
}
.widget.woocommerce li .count {
font-size: 1em;
float: right
}
.widget_price_filter .price_slider {
margin-bottom: 1em
}
.widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4em
}
.widget_price_filter .price_slider_amount .button {
float: left
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
cursor: ew-resize;
outline: 0;
background: #2c2d33;
box-sizing: border-box;
margin-top: -.25em;
opacity: 1;
border-radius: 1em
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -1em
}
.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active, .widget_price_filter .ui-slider .ui-slider-handle:hover {
box-shadow: 0 0 0 .236em rgba(0, 0, 0, .1)
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background: #2c2d33;
border-radius: 1em
}
table.cart .product-quantity .minus, table.cart .product-quantity .plus, table.cart .product-thumbnail:before {
display: none
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
background: rgba(0, 0, 0, .1);
border-radius: 1em
}
.widget_price_filter .ui-slider-horizontal {
height: .5em
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px
}
table.cart {
margin-bottom: 3.706325903em
}
table.cart .product-thumbnail img {
margin: 0 auto;
max-width: 3.706325903em;
height: auto
}
table.cart td.product-remove {
padding: 0;
border-top: 1.618em solid;
position: relative
}
table.cart td.product-remove:after, table.cart td.product-remove:before {
content: "";
display: table
}
table.cart td.product-remove a.remove {
position: absolute;
font-size: 1.41575em;
top: -ms(-2);
right: -ms(-2)
}
table.cart td.product-quantity .qty {
padding: .326em;
width: 3.706325903em
}
table.cart td, table.cart th {
padding: .875em .875em 0
}
table.cart td.product-subtotal {
padding-bottom: .875em
}
table.cart td.actions {
border-top: 1em solid;
background-color: transparent;
padding: 0
}
table.cart td.actions label {
display: none
}
table.cart td.actions .coupon {
padding-bottom: 1em;
margin-bottom: 1em;
border-bottom: 1px solid rgba(0, 0, 0, .05)
}
table.cart td.actions input {
display: block;
width: 100%;
margin: .5407911001em 0
}
.wc-proceed-to-checkout {
margin-bottom: 1.618em
}
.wc-proceed-to-checkout:after, .wc-proceed-to-checkout:before {
content: "";
display: table
}
.wc-proceed-to-checkout .button {
display: block;
text-align: center;
margin-bottom: 1em
}
.wc-proceed-to-checkout .button.checkout-button {
font-size: 1.41575em
}
ul#shipping_method {
margin: 0;
list-style: none
}
a.remove {
display: block;
width: 1.618em;
height: 1.618em;
line-height: 1.618;
font-weight: 400;
text-indent: -9999px;
position: relative
}
a.remove:before {
content: "\f057";
display: inline-block;
font-size: inherit;
-webkit-font-smoothing: antialiased;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
line-height: 1.618;
text-indent: 0;
text-align: center
}
.checkout_coupon {
margin-bottom: 2.617924em
}
form.checkout {
position: static !important
}
form.checkout:after, form.checkout:before {
content: "";
display: table
}
form.checkout > .blockUI {
position: fixed !important
}
.blockUI:before {
display: inline-block;
font: normal normal normal 1em/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f110";
-webkit-animation: fa-spin .75s linear infinite;
-moz-animation: fa-spin .75s linear infinite;
animation: fa-spin .75s linear infinite;
height: 30px;
width: 30px;
line-height: 30px;
font-size: 30px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -15px;
margin-top: -15px
}
#payment .payment_methods > .wc_payment_method > label:before, .woocommerce-password-strength:after {
font: normal normal normal 1em/1 FontAwesome;
text-rendering: auto;
-moz-osx-font-smoothing: grayscale
}
#payment:after, #payment:before {
content: "";
display: table
}
#payment .payment_methods {
margin: 0 !important;
padding: 0 !important
}
#payment .payment_methods > .wc_payment_method > label {
display: block;
padding: 1.41575em;
cursor: pointer
}
#payment .payment_methods > .wc_payment_method > label:before {
display: inline-block;
font-size: inherit;
-webkit-font-smoothing: antialiased;
content: "\f10c";
margin-right: .5407911001em;
-webkit-transition: color, ease, .2s;
-moz-transition: color, ease, .2s;
transition: color, ease, .2s
}
#payment .payment_methods li {
list-style: none !important;
margin-left: 0;
margin-bottom: 1px;
position: relative
}
#payment .payment_methods li img {
float: right;
border: 0;
padding: 0;
max-height: 1.618em
}
#payment .payment_methods li:last-child {
padding-bottom: 0;
border-bottom: 0
}
#payment .payment_methods li.wc_payment_method > input[type=radio]:first-child {
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important
}
#payment .payment_methods li.wc_payment_method > input[type=radio]:first-child:checked + label:before {
content: "\f192"
}
#payment .payment_methods li p {
margin: 0
}
#payment .payment_methods li .payment_box {
padding: 1.41575em
}
#payment .payment_methods li .payment_box fieldset {
border: 0;
margin: 0;
padding: 1em 0 0;
font-size: .875em
}
#payment .payment_methods li .payment_box fieldset label {
width: auto;
margin-left: 0
}
#payment .payment_methods li .payment_box fieldset .form-row {
margin-bottom: 1em
}
#payment .payment_methods li .payment_box fieldset .form-row input[type=checkbox] {
margin-right: 5px
}
#payment .payment_methods li .payment_box fieldset #cvv {
width: 22% !important
}
#payment .payment_methods li .payment_box fieldset .help {
width: 75%;
float: right
}
#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods {
padding-top: 1em;
margin: 0
}
#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li {
margin-top: .6180469716em
}
#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li input[type=radio] {
margin-right: .236em
}
#payment .payment_methods li .payment_box ul.wc-saved-payment-methods {
margin-left: 0
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-cvc, #payment .payment_methods li .payment_box .wc-credit-card-form-card-expiry, #payment .payment_methods li .payment_box .wc-credit-card-form-card-number {
font-size: 1.41575em
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number {
background-repeat: no-repeat;
background-position: right .6180469716em center;
background-size: 31px 20px;
background-image: url(//perou.store/wp-content/assets/images/credit-cards/unknown.svg)
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.visa {
background-image: url(//perou.store/wp-content/assets/images/credit-cards/visa.svg)
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.mastercard {
background-image: url(//perou.store/wp-content/assets/images/credit-cards/mastercard.svg)
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.laser {
background-image: url(//perou.store/wp-content/assets/images/credit-cards/laser.svg)
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.dinersclub {
background-image: url(//perou.store/wp-content/assets/images/credit-cards/diners.svg)
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.maestro {
background-image: url(//perou.store/wp-content/assets/images/credit-cards/maestro.svg)
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.jcb {
background-image: url(//perou.store/wp-content/assets/images/credit-cards/jcb.svg)
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.amex {
background-image: url(//perou.store/wp-content/assets/images/credit-cards/amex.svg)
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.discover {
background-image: url(//perou.store/wp-content/assets/images/credit-cards/discover.svg)
}
#payment .terms {
width: 100%;
float: none;
margin-bottom: 1em
}
#payment .terms label {
display: block;
cursor: pointer
}
#payment .place-order {
padding: 1.41575em;
margin-bottom: 0;
float: none;
width: 100%
}
#payment .place-order .button {
font-size: 1.41575em;
width: 100%;
white-space: pre-wrap
}
.woocommerce-checkout .payment-fixed {
position: fixed;
top: 0;
z-index: 9;
box-shadow: 0 6px 2em rgba(0, 0, 0, .2)
}
.admin-bar .woocommerce-checkout .payment-fixed {
top: 32px
}
.admin-bar .woocommerce-checkout #wc_checkout_add_ons label + br {
display: none
}
.woocommerce-password-strength {
font-weight: 600;
padding: .5407911001em 0;
text-align: right;
font-size: .875em
}
.woocommerce-password-strength:after {
display: inline-block;
font-size: inherit;
-webkit-font-smoothing: antialiased;
content: "\f119";
margin-left: .5407911001em
}
.woocommerce-password-strength.strong {
color: #0f834d
}
.woocommerce-password-strength.strong:after {
content: "\f118"
}
.woocommerce-password-strength.bad, .woocommerce-password-strength.short {
color: #e2401c
}
.woocommerce-password-strength.good {
color: #3D9CD2
}
.woocommerce-password-strength.good:after {
content: "\f11a"
}
.woocommerce-MyAccount-navigation ul {
margin-left: 0;
border-top: 1px solid rgba(0, 0, 0, .05)
}
.woocommerce-MyAccount-navigation ul li {
list-style: none;
border-bottom: 1px solid rgba(0, 0, 0, .05);
position: relative
}
.woocommerce-MyAccount-navigation ul li.is-active a:before {
opacity: 1
}
.woocommerce-MyAccount-navigation ul li a {
padding: .875em 0;
display: block
}
.woocommerce-MyAccount-navigation ul li a:before {
display: inline-block;
font: normal normal normal 1em/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f0f6";
line-height: 1.618;
margin-left: .5407911001em;
width: 1.41575em;
text-align: right;
float: right;
opacity: .25
}
.woocommerce-MyAccount-navigation ul li a:hover:before {
opacity: 1
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
content: "\f0e4"
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
content: "\f291"
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before {
content: "\f1c6"
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
content: "\f015"
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before {
content: "\f09d"
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
content: "\f007"
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
content: "\f08b"
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--subscriptions a:before {
content: "\f021"
}
ul.order_details {
list-style: none;
position: relative;
margin: 3.706325903em 0
}
ul.order_details:after, ul.order_details:before {
content: "";
display: block;
position: absolute;
top: -16px;
left: 0;
width: 100%;
height: 16px;
background-size: 0 100%, 16px 16px, 16px 16px
}
ul.order_details:after {
top: auto;
bottom: -16px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
ul.order_details li {
padding: 1em 1.618em;
font-size: .8em;
text-transform: uppercase
}
ul.order_details li:first-child {
padding-top: 1.618em
}
ul.order_details li:last-child {
border: 0;
padding-bottom: 1.618em
}
ul.order_details li strong {
display: block;
font-size: 1.41575em;
text-transform: none
}
.my_account_orders .button, .woocommerce-MyAccount-downloads .button {
padding: .6180469716em .875em;
font-size: .875em;
margin-right: .236em
}
.my_account_orders .button.view:after, p.order-again .button:after {
font: normal normal normal 1em/1 FontAwesome;
display: inline-block;
margin-left: .5407911001em;
text-rendering: auto;
-moz-osx-font-smoothing: grayscale
}
.my_account_orders .button.view:after {
font-size: inherit;
-webkit-font-smoothing: antialiased;
content: "\f06e"
}
p.order-again .button:after {
font-size: inherit;
-webkit-font-smoothing: antialiased;
content: "\f021"
}
.woocommerce-MyAccount-downloads .button:after {
display: inline-block;
font: normal normal normal 1em/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f0ed";
margin-left: .5407911001em
}
.woocommerce-MyAccount-content h2 {
font-size: 2em;
font-weight: 600
}
.woocommerce-MyAccount-content #payment .payment_methods {
margin-bottom: 1.618em !important
}
.woocommerce-MyAccount-content #payment .payment_methods li .payment_box {
background-color: rgba(0, 0, 0, .05)
}
.woocommerce-form__label-for-checkbox {
cursor: pointer;
display: block
}
.woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox {
margin-right: .3342343017em
}
.form-row label {
display: block
}
.form-row input, .form-row select, .form-row textarea {
width: 100%
}
.form-row .button, .form-row input[type=checkbox], .form-row input[type=radio] {
width: auto
}
.form-row.create-account label {
display: inline-block
}
.form-row.woocommerce-validated input.input-text {
box-shadow: inset 2px 0 0 #0f834d
}
.form-row.woocommerce-invalid input.input-text {
box-shadow: inset 2px 0 0 #e2401c
}
.form-row-last {
margin-right: 0 !important
}
.form-row-wide {
width: 100%
}
.required {
border-bottom: 0 !important;
color: red
}
.demo_store {
position: fixed;
left: 0;
bottom: 69px;
right: 0;
margin: 0;
padding: 1em 1.41575em;
background-color: #3D9CD2;
color: #fff;
z-index: 999
}
.demo_store a {
color: #fff;
font-weight: 400;
text-decoration: underline;
display: block
}
.demo_store a:hover, p.stars a {
text-decoration: none
}
.demo_store:before, p.stars, p.stars a {
display: inline-block
}
.demo_store:before {
font: normal normal normal 1em/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: .5407911001em;
content: "\f05a"
}
.star-rating, p.stars a {
font-weight: 400;
height: 1em
}
.star-rating span:before, .star-rating:before {
content: "\53\53\53\53\53";
top: 0;
left: 0
}
.star-rating {
overflow: hidden;
position: relative;
line-height: 1;
font-size: 1em;
width: 5.3em;
font-family: star
}
.star-rating:before {
opacity: .25;
float: left;
position: absolute
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em
}
.star-rating span:before {
position: absolute;
color: #2c2d33
}
p.stars a:before, p.stars a:hover ~ a:before {
color: #43454b;
opacity: .25;
content: "\53"
}
p.stars {
margin: 0
}
p.stars a {
position: relative;
width: 1em;
text-indent: -999em;
margin-right: 1px
}
p.stars a:before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: star;
text-indent: 0
}
p.stars.selected a.active:before, p.stars:hover a:before {
content: "\53";
color: #96588a;
opacity: 1
}
p.stars.selected a.active ~ a:before {
content: "\53";
color: #43454b;
opacity: .25
}
p.stars.selected a:not(.active):before {
content: "\53";
color: #96588a;
opacity: 1
}
.onsale {
border: 2px solid #43454b;
color: #43454b;
padding: .202em .6180469716em;
font-size: .875em;
text-transform: uppercase;
font-weight: 700;
display: inline-block;
margin-bottom: 1em;
border-radius: 3px
}
.quantity .qty {
width: 4.235801032em;
text-align: center
}
.storefront-sorting {
font-size: .875em;
margin-bottom: 2.617924em
}
.woocommerce-tabs {
padding: 1em 0
}
.woocommerce-tabs ul.tabs {
list-style: none;
margin-left: 0;
text-align: left;
border-top: 1px solid rgba(0, 0, 0, .05)
}
.woocommerce-tabs ul.tabs li {
display: block;
margin: 0;
border-bottom: 1px solid rgba(0, 0, 0, .05);
position: relative
}
.woocommerce-tabs ul.tabs li a {
padding: 1em 0;
display: block
}
.woocommerce-tabs ul.tabs li:after {
font-size: inherit;
-webkit-font-smoothing: antialiased;
content: "\f107";
display: block;
position: absolute;
top: 50%;
right: -1em;
transform: translateY(-50%);
opacity: 0;
-webkit-transition: all, ease, .3s;
-moz-transition: all, ease, .3s;
transition: all, ease, .3s
}
.woocommerce-tabs ul.tabs li.active:after {
opacity: 1;
right: 0
}
.related > h2:first-child, .upsells > h2:first-child, .woocommerce-tabs .panel h2:first-of-type {
font-size: 1.618em;
margin-bottom: 1em
}
.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments {
padding: 1em 1.618em;
margin-bottom: 2.617924em;
background-color: #0f834d;
margin-left: 0;
border-radius: 2px;
color: #fff;
border-left: 1px solid rgba(0, 0, 0, .15)
}
.woocommerce-error:after, .woocommerce-error:before, .woocommerce-info:after, .woocommerce-info:before, .woocommerce-message:after, .woocommerce-message:before, .woocommerce-noreviews:after, .woocommerce-noreviews:before, p.no-comments:after, p.no-comments:before {
content: "";
display: table
}
.woocommerce-error a.button:hover, .woocommerce-info a.button:hover, .woocommerce-message a.button:hover, .woocommerce-noreviews a.button:hover, p.no-comments a.button:hover {
opacity: 1
}
.woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button, .woocommerce-noreviews .button, p.no-comments .button {
float: right;
padding: 0 0 0 1em;
background: 0 0;
color: #fff;
box-shadow: none;
line-height: 1.618;
border-width: 0 0 0 1px;
border-left-style: solid;
border-left-color: rgba(255, 255, 255, .25) !important;
border-radius: 0
}
.woocommerce-error .button:hover, .woocommerce-info .button:hover, .woocommerce-message .button:hover, .woocommerce-noreviews .button:hover, p.no-comments .button:hover {
background: 0 0;
color: #fff;
opacity: .7
}
.woocommerce-error pre, .woocommerce-info pre, .woocommerce-message pre, .woocommerce-noreviews pre, p.no-comments pre {
background-color: rgba(0, 0, 0, .1)
}
.site-content > .col-full > .woocommerce > .woocommerce-error:first-child, .site-content > .col-full > .woocommerce > .woocommerce-info:first-child, .site-content > .col-full > .woocommerce > .woocommerce-message:first-child {
margin-top: 2.617924em
}
.woocommerce-Button--previous:before {
display: inline-block;
font: normal normal normal 1em/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f177";
margin-right: .5407911001em
}
.wc-item-meta, dl.variation {
font-size: .875em
}
.woocommerce-info, .woocommerce-noreviews, p.no-comments {
background-color: #3D9CD2
}
.woocommerce-error {
list-style: none;
background-color: #e2401c
}
dl.variation dd {
margin: 0 0 1em
}
.wc-item-meta {
margin-left: 0;
list-style: none
}
.wc-item-meta li:after, .wc-item-meta li:before {
content: "";
display: table
}
.wc-item-meta li p, .wc-item-meta li strong {
display: inline-block
}
.woocommerce-MyAccount-content .woocommerce-Pagination {
text-align: center
}
.storefront-product-section .section-title {
text-align: center;
margin-bottom: 1.618em
}
.storefront-product-section:last-child {
border-bottom: 0
}
@media (min-width: 768px) {
.addresses header.title a:before, .demo_store a:before, .site-header-cart .cart-contents:after {
text-rendering: auto;
-moz-osx-font-smoothing: grayscale
}
.demo_store {
bottom: 0
}
.demo_store a {
background: rgba(0, 0, 0, .1);
float: right;
display: inline-block;
margin: -1em -1.41575em -1em 0;
padding: 1em 1.41575em
}
.demo_store a:before {
display: inline-block;
font: normal normal normal 1em/1 FontAwesome;
font-size: inherit;
-webkit-font-smoothing: antialiased;
content: "\f057";
margin-right: .3342343017em
}
.storefront-handheld-footer-bar {
display: none
}
table.shop_table_responsive thead {
display: table-header-group
}
table.shop_table_responsive tbody th, table.shop_table_responsive tr td {
display: table-cell
}
table.shop_table_responsive tr td:before {
display: none
}
.site-header-cart {
position: relative
}
.site-header-cart .cart-contents {
padding: 1.618em 0;
display: block;
position: relative;
background-color: transparent;
height: auto;
width: auto;
text-indent: 0
}
.site-header-cart .cart-contents:after {
display: inline-block;
font: normal normal normal 1em/1 FontAwesome;
font-size: inherit;
-webkit-font-smoothing: antialiased;
height: 1em;
float: right;
content: "\f291";
line-height: 1.618
}
.site-header-cart .cart-contents .amount {
margin-right: .327em
}
.site-header-cart .cart-contents .count {
font-weight: 300;
opacity: .5;
font-size: .875em
}
.site-header-cart .cart-contents span {
display: inline
}
.site-header-cart .widget_shopping_cart {
position: absolute;
top: 100%;
width: 100%;
z-index: 999999;
font-size: .875em;
left: -999em;
display: block
}
.site-header-cart .widget_shopping_cart.sub-menu--is-touch-device {
display: none;
left: 0
}
.site-header-cart .widget_shopping_cart h2.widgettitle {
display: none
}
.site-header-cart .widget_shopping_cart .product_list_widget li a.remove {
position: relative;
float: left;
top: auto
}
.site-header-cart .widget_shopping_cart .product_list_widget li a.remove:before {
text-align: left
}
.site-header-cart.focus .widget_shopping_cart, .site-header-cart:hover .widget_shopping_cart {
left: 0;
display: block
}
.site-search {
display: block
}
.single-product div.product .images .thumbnails:after, .single-product div.product .images .thumbnails:before, .storefront-sorting:after, .storefront-sorting:before {
display: table;
content: ""
}
.site-search form {
margin: 0
}
ul.products li.product {
clear: none;
width: 100%;
float: left;
font-size: .875em
}
ul.products li.product.first {
clear: both !important
}
.single-product div.product .images .thumbnails:after, .single-product div.product .woocommerce-tabs, .storefront-full-width-content.single-product div.product .woocommerce-tabs, .storefront-sorting:after {
clear: both
}
ul.products li.product.last {
margin-right: 0 !important
}
.page-template-template-fullwidth-php .site-main .columns-1 ul.products li.product, .page-template-template-homepage-php .site-main .columns-1 ul.products li.product, .storefront-full-width-content .site-main .columns-1 ul.products li.product {
width: 100%;
margin-right: 0;
float: none
}
.page-template-template-fullwidth-php .site-main .columns-2 ul.products li.product, .page-template-template-homepage-php .site-main .columns-2 ul.products li.product, .storefront-full-width-content .site-main .columns-2 ul.products li.product {
width: 47.8260869565%;
float: left;
margin-right: 4.347826087%
}
.page-template-template-fullwidth-php .site-main .columns-3 ul.products li.product, .page-template-template-homepage-php .site-main .columns-3 ul.products li.product, .storefront-full-width-content .site-main .columns-3 ul.products li.product {
width: 30.4347826087%;
float: left;
margin-right: 4.347826087%
}
.page-template-template-fullwidth-php .site-main .columns-4 ul.products li.product, .page-template-template-homepage-php .site-main .columns-4 ul.products li.product, .storefront-full-width-content .site-main .columns-4 ul.products li.product {
width: 21.7391304348%;
float: left;
margin-right: 4.347826087%
}
.page-template-template-fullwidth-php .site-main .columns-5 ul.products li.product, .page-template-template-homepage-php .site-main .columns-5 ul.products li.product, .storefront-full-width-content .site-main .columns-5 ul.products li.product {
width: 16.9%;
margin-right: 3.8%
}
.page-template-template-fullwidth-php .site-main .columns-6 ul.products li.product, .page-template-template-homepage-php .site-main .columns-6 ul.products li.product, .storefront-full-width-content .site-main .columns-6 ul.products li.product {
width: 13.0434782609%;
float: left;
margin-right: 4.347826087%
}
.site-main .columns-1 ul.products li.product {
width: 100%;
margin-right: 0;
float: none
}
.site-main .columns-2 ul.products li.product {
width: 48%;
margin-right: 3.8%
}
.site-main .columns-3 ul.products li.product {
width: 29.4117647059%;
float: left;
margin-right: 5.8823529412%
}
.site-main .columns-4 ul.products li.product {
width: 22.05%;
margin-right: 3.8%
}
.site-main .columns-5 ul.products li.product {
width: 16.9%;
margin-right: 3.8%
}
.site-main .columns-6 ul.products li.product {
width: 11.7647058824%;
float: left;
margin-right: 5.8823529412%
}
.site-main ul.products li.product {
width: 29.4117647059%;
float: left;
margin-right: 5.8823529412%
}
.single-product div.product .images {
width: 41.1764705882%;
float: left;
margin-right: 5.8823529412%;
margin-bottom: 3.706325903em
}
.single-product div.product .images .thumbnails a.zoom {
width: 14.2857142857%;
float: left;
margin-right: 14.2857142857%
}
.single-product div.product .images .thumbnails a.zoom.last {
float: right;
margin-right: 0
}
.single-product div.product .woocommerce-product-gallery {
width: 41.1764705882%;
float: left;
margin-right: 5.8823529412%;
margin-bottom: 3.706325903em
}
.single-product div.product .summary {
width: 52.9411764706%;
float: right;
margin-right: 0
}
#reviews .comment-form-author, #reviews .comment-form-email {
width: 47%
}
#reviews .comment-form-email {
margin-right: 0
}
.storefront-full-width-content.single-product div.product .images {
width: 30.4347826087%;
float: left;
margin-right: 4.347826087%;
margin-bottom: 3.706325903em
}
.storefront-full-width-content.single-product div.product .images .thumbnails a.zoom {
width: 14.2857142857%;
float: left;
margin-right: 14.2857142857%
}
.storefront-full-width-content.single-product div.product .images .thumbnails a.zoom.last {
margin-right: 0
}
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
width: 30.4347826087%;
float: left;
margin-right: 4.347826087%;
margin-bottom: 3.706325903em
}
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
width: 14.2857142857%;
float: left;
margin-right: 14.2857142857%
}
.storefront-full-width-content.single-product div.product .summary {
width: 65.2173913043%;
float: right;
margin-right: 0;
margin-bottom: 3.706325903em
}
.storefront-full-width-content.single-product .related ul.products li.product, .storefront-full-width-content.single-product .upsells ul.products li.product {
width: 30.4347826087%;
float: left;
margin-right: 4.347826087%
}
.woocommerce .page-description {
margin-bottom: 1.618em
}
.storefront-sorting {
margin-bottom: 2.617924em
}
.storefront-sorting select {
width: auto
}
.woocommerce-result-count {
float: left;
position: relative;
margin-bottom: 0;
padding: .327em 0
}
.woocommerce-ordering {
float: left;
margin-right: 1em;
margin-bottom: 0;
padding: .327em 0
}
.woocommerce-pagination {
float: right;
border: 0;
clear: none;
padding: 0;
margin-bottom: 0
}
.woocommerce-cart .hentry, .woocommerce-checkout .hentry {
border-bottom: 0;
padding-bottom: 0
}
.page-template-template-fullwidth-php table.cart .product-thumbnail {
display: table-cell
}
.page-template-template-fullwidth-php table.cart thead {
font-size: 1em;
text-indent: 0
}
table.cart td, table.cart th {
padding: 1.618em
}
table.cart .qty {
padding: .875em;
max-width: 3.632em
}
table.cart td.product-remove {
display: table-cell;
padding: 1.618em;
border: 0
}
table.cart td.product-remove a.remove {
float: none;
position: relative;
top: auto;
right: auto
}
table.cart .product-quantity .minus, table.cart .product-quantity .plus {
display: inline-block
}
table.cart .quantity .qty {
padding: .6180469716em
}
table.cart td.actions {
text-align: right
}
table.cart td.actions label {
display: none
}
table.cart td.actions .coupon {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
display: inline-block;
float: left
}
table.cart td.actions input {
display: inline-block;
width: auto;
margin: 0
}
.cart-collaterals:after, .cart-collaterals:before {
content: "";
display: table
}
.cart-collaterals:after {
clear: both
}
.cart-collaterals h2 {
font-size: 1.618em
}
.cart-collaterals .cross-sells {
width: 41.1764705882%;
float: left;
margin-right: 5.8823529412%
}
.cart-collaterals .cross-sells ul.products li.product {
width: 42.8571428571%;
float: left;
margin-right: 14.2857142857%
}
.cart-collaterals .cross-sells ul.products li.product:nth-child(2n) {
margin-right: 0 !important
}
.cart-collaterals .cart_totals, .cart-collaterals .shipping_calculator {
width: 52.9411764706%;
float: right;
margin: 0;
clear: right
}
.cart-collaterals .cart_totals small.includes_tax {
display: block
}
.cart-collaterals .shipping_calculator {
clear: right
}
.page-template-template-fullwidth-php .cart-collaterals .cross-sells {
width: 47.8260869565%;
float: left;
margin-right: 4.347826087%
}
.page-template-template-fullwidth-php .cart-collaterals .cross-sells ul.products li.product {
width: 45.4545454545%;
float: left;
margin-right: 9.0909090909%
}
.page-template-template-fullwidth-php .cart-collaterals .cart_totals, .page-template-template-fullwidth-php .cart-collaterals .shipping_calculator {
width: 47.8260869565%;
float: right;
margin-right: 0
}
#ship-to-different-address {
position: relative
}
#ship-to-different-address .woocommerce-form__input-checkbox {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
margin-right: 0
}
.col2-set {
width: 52.9411764706%;
float: left;
margin-right: 5.8823529412%
}
.col2-set .form-row-first {
width: 33.3333333333%;
float: left;
margin-right: 11.1111111111%
}
.col2-set .form-row-last {
width: 55.5555555556%;
float: right;
margin-right: 0
}
#customer_details + #wc_checkout_add_ons, #order_review, #order_review_heading {
width: 41.1764705882%;
float: right;
margin-right: 0
}
.col2-set .col-1, .col2-set .col-2 {
margin-bottom: 1.618em
}
.col2-set + #customer_details {
display: none
}
.col2-set .woocommerce-billing-fields:after, .col2-set .woocommerce-billing-fields:before {
content: "";
display: table
}
.col2-set .woocommerce-billing-fields:after {
clear: both
}
#wc_checkout_add_ons input[type=radio] {
float: left;
margin-right: .5407911001em;
clear: left;
margin-top: .35em
}
#order_review, #order_review_heading {
clear: right
}
.addresses header.title:after, .woocommerce-tabs:after {
clear: both
}
#order_review {
transition: box-shadow ease .4s
}
#order_review_heading {
margin-bottom: 0;
padding-bottom: .6180469716em
}
.page-template-template-fullwidth-php.woocommerce-order-pay #order_review, .woocommerce-order-pay #order_review {
width: 100%;
float: none
}
.page-template-template-fullwidth-php.woocommerce-order-pay #order_review #payment h3, .woocommerce-order-pay #order_review #payment h3 {
padding-left: 1em;
padding-top: 1em
}
.page-template-template-fullwidth-php.woocommerce-order-pay #order_review #payment .form-row, .page-template-template-fullwidth-php.woocommerce-order-pay #order_review .payment_methods + .form-row, .woocommerce-order-pay #order_review #payment .form-row, .woocommerce-order-pay #order_review .payment_methods + .form-row {
padding: 1em
}
.page-template-template-fullwidth-php.woocommerce-order-pay #order_review .button#place_order, .woocommerce-order-pay #order_review .button#place_order {
display: block;
width: 100%;
font-size: 1.41575em
}
.page-template-template-fullwidth-php .col2-set {
width: 47.8260869565%;
float: left;
margin-right: 4.347826087%
}
.page-template-template-fullwidth-php .col2-set .form-row-first {
width: 45.4545454545%;
float: left;
margin-right: 9.0909090909%
}
.page-template-template-fullwidth-php .col2-set .form-row-last {
width: 45.4545454545%;
float: right;
margin-right: 0
}
.page-template-template-fullwidth-php #customer_details + #wc_checkout_add_ons, .page-template-template-fullwidth-php #order_review, .page-template-template-fullwidth-php #order_review_heading, .page-template-template-fullwidth-php .col2-set.addresses .col-2 {
width: 47.8260869565%;
float: right;
margin-right: 0
}
#order_review .shop_table {
margin-bottom: 2.617924em
}
table + .addresses {
margin-top: 1.618em
}
.col2-set#customer_login, .col2-set.addresses {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0
}
.col2-set#customer_login .col-1, .col2-set.addresses .col-1 {
width: 41.1764705882%;
float: left;
margin-right: 10px;
}
.col2-set#customer_login .col-2, .col2-set.addresses .col-2 {
width: 52.9411764706%;
float: right;
margin-right: 0
}
.woocommerce-MyAccount-navigation {
width: 17.6470588235%;
float: left;
margin-right: 5.8823529412%
}
.woocommerce-MyAccount-content {
width: 76.4705882353%;
float: right;
margin-right: 0
}
.woocommerce-MyAccount-content .form-row-first {
width: 38.4615384615%;
float: left;
margin-right: 7.6923076923%
}
.woocommerce-MyAccount-content .form-row-last {
width: 53.8461538462%;
float: right;
margin-right: 0
}
.left-sidebar:not(.page-template-template-fullwidth-php) .woocommerce-MyAccount-navigation {
width: 17.6470588235%;
float: right;
margin-right: 0
}
.left-sidebar:not(.page-template-template-fullwidth-php) .woocommerce-MyAccount-content {
width: 76.4705882353%;
float: left;
margin-right: 5.8823529412%
}
table.my_account_orders {
font-size: .875em
}
.page-template-template-fullwidth-php .col2-set#customer_login .col-1, .page-template-template-fullwidth-php .col2-set.addresses .col-1 {
width: 47.8260869565%;
float: left;
margin-right: 4.347826087%
}
.page-template-template-fullwidth-php .col2-set#customer_login .col-2, .page-template-template-fullwidth-php .col2-set.addresses .col-2 {
width: 47.8260869565%;
float: right;
margin-right: 0
}
.page-template-template-fullwidth-php .woocommerce-MyAccount-navigation {
width: 21.7391304348%;
float: left;
margin-right: 4.347826087%
}
.page-template-template-fullwidth-php .woocommerce-MyAccount-content {
width: 73.9130434783%;
float: right;
margin-right: 0
}
.page-template-template-fullwidth-php .woocommerce-MyAccount-content .form-row-first {
width: 46.6666666667%;
float: left;
margin-right: 6.6666666667%
}
.page-template-template-fullwidth-php .woocommerce-MyAccount-content .form-row-last {
width: 46.6666666667%;
float: right;
margin-right: 0
}
.page-template-template-fullwidth-php .woocommerce-MyAccount-content .col2-set {
width: 100%
}
.page-template-template-fullwidth-php .woocommerce-MyAccount-content .col2-set .col-1 {
width: 46.6666666667%;
float: left;
margin-right: 6.6666666667%
}
.page-template-template-fullwidth-php .woocommerce-MyAccount-content .col2-set .col-2 {
width: 46.6666666667%;
float: right;
margin-right: 0
}
.addresses header.title:after, .addresses header.title:before {
content: "";
display: table
}
.addresses header.title h3 {
float: left
}
.addresses header.title a {
float: right;
display: block;
width: 1em;
height: 1em;
text-indent: -9999px;
position: relative;
padding: .875em;
margin-top: .6180469716em
}
.addresses header.title a:before {
display: inline-block;
font: normal normal normal 1em/1 FontAwesome;
font-size: inherit;
-webkit-font-smoothing: antialiased;
content: "\f044";
line-height: 1.618;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
text-align: center;
text-indent: 0
}
.form-row-first {
width: 47.0588235294%;
float: left;
margin-right: 5.8823529412%;
clear: both
}
.form-row-last {
width: 47.0588235294%;
float: right;
margin-right: 0
}
.page-template-template-fullwidth-php .form-row-first {
width: 47.8260869565%;
float: left;
margin-right: 4.347826087%
}
.page-template-template-fullwidth-php .form-row-last {
width: 47.8260869565%;
float: right;
margin-right: 0
}
.storefront-full-width-content .woocommerce-tabs ul.tabs {
width: 30.4347826087%;
float: left;
margin-right: 4.347826087%
}
.storefront-full-width-content .woocommerce-tabs .panel {
width: 65.2173913043%;
float: right;
margin-right: 0;
margin-bottom: 3.706325903em
}
.woocommerce-tabs {
padding-top: 2.617924em;
padding-bottom: 2.617924em
}
.woocommerce-tabs:after, .woocommerce-tabs:before {
content: "";
display: table
}
.woocommerce-tabs ul.tabs {
width: 29.4117647059%;
float: left;
margin-right: 5.8823529412%
}
.woocommerce-tabs ul.tabs li:after {
content: "\f105"
}
.woocommerce-tabs ul.tabs li.active:after {
right: 1em
}
.woocommerce-tabs .panel {
width: 64.7058823529%;
float: right;
margin-right: 0;
margin-top: 0
}
}
@media (min-width: 568px) and (max-width: 67.141em) {
} .slider-wrapper{
position: relative;
}
.badges_wr{
position: absolute;
left: 0;
top: 0;
z-index: 10;
display: flex;
flex-wrap: wrap;
}
.product-box .badges_wr,
.single-product .badges_wr{
left: 5px;
top: 5px;
}
@media(min-width: 1201px){
.single-product .badges_wr{
left: 160px;
top: 15px;
}
.product-box .badges_wr{
left: 15px;
top: 15px;
}
}
.badge_item{
margin-right: 5px;
margin-bottom: 5px;
padding: 3px;
color: #fff;
border-radius: 2px;
line-height: 1;
font-size: 10px;
font-weight: 500;
}
@media(min-width: 1400px){
.badge_item{
margin-right: 8px;
margin-bottom: 8px;
font-size: 13px;
padding: 6px;
}
}
.badge_item.discount,
.badge_item.sale{
background: #F44336;
}
.badge_item.featured,
.badge_item.new{
background: #007AFF;
}
.badge_item.hit{
background: #F4A836;
}
.badge_item.sales{
background: #F44336;
}
.badge_item.over{
background: #F4A836;
}
@font-face{font-family:'FontAwesome';src:url(//perou.store/wp-content/themes/perou/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(//perou.store/wp-content/themes/perou/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(//perou.store/wp-content/themes/perou/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(//perou.store/wp-content/themes/perou/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(//perou.store/wp-content/themes/perou/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(//perou.store/wp-content/themes/perou/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} @font-face {
font-family: 'Lato HB';
font-style: normal;
font-weight: 400;
src: url(//perou.store/wp-content/themes/perou/fonts/Lato-Regular.eot); src: local("Lato Regular HB"), local("Lato-Regular HB"),
url(//perou.store/wp-content/themes/perou/fonts/Lato-Regular.eot?#iefix) format('embedded-opentype'), url(//perou.store/wp-content/themes/perou/fonts/Lato-Regular.woff2) format('woff2'), url(//perou.store/wp-content/themes/perou/fonts/Lato-Regular.woff) format('woff'), url(//perou.store/wp-content/themes/perou/fonts/Lato-Regular.ttf) format('truetype'); } @font-face {
font-family: 'Lato HB';
font-style: normal;
font-weight: 700;
src: url(//perou.store/wp-content/themes/perou/fonts/Lato-Bold.eot); src: local("Lato Bold HB"),
local("Lato-Bold-HB"),
url(//perou.store/wp-content/themes/perou/fonts/Lato-Bold.eot?#iefix) format('embedded-opentype'), url(//perou.store/wp-content/themes/perou/fonts/Lato-Bold.woff2) format('woff2'), url(//perou.store/wp-content/themes/perou/fonts/Lato-Bold.woff) format('woff'), url(//perou.store/wp-content/themes/perou/fonts/Lato-Bold.ttf) format('truetype'); }
@font-face {
font-family: 'Lato HB';
font-style: normal;
font-weight: 900;
src: url(//perou.store/wp-content/themes/perou/fonts/Lato-Black.eot); src: local("Lato Black HB"),
local("Lato-Black-HB"),
url(//perou.store/wp-content/themes/perou/fonts/Lato-Black.eot?#iefix) format('embedded-opentype'), url(//perou.store/wp-content/themes/perou/fonts/Lato-Black.woff2) format('woff2'), url(//perou.store/wp-content/themes/perou/fonts/Lato-Black.woff) format('woff'), url(//perou.store/wp-content/themes/perou/fonts/Lato-Black.ttf) format('truetype'); }
@font-face {
font-family: 'SFUIDisplay-Regular';
src: url(//perou.store/wp-content/themes/perou/fonts2/SFUIDisplay-Regular.eot);
src: local('ÃƒÂ¢Ã‹Å“Ã‚Âº'), url(//perou.store/wp-content/themes/perou/fonts2/SFUIDisplay-Regular.woff) format('woff'), url(//perou.store/wp-content/themes/perou/fonts2/SFUIDisplay-Regular.ttf) format('truetype'), url(//perou.store/wp-content/themes/perou/fonts2/SFUIDisplay-Regular.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SFUIDisplay-Light';
src: url(//perou.store/wp-content/themes/perou/fonts2/SFUIDisplay-Light.eot);
src: local('ÃƒÂ¢Ã‹Å“Ã‚Âº'), url(//perou.store/wp-content/themes/perou/fonts2/SFUIDisplay-Light.woff) format('woff'), url(//perou.store/wp-content/themes/perou/fonts2/SFUIDisplay-Light.ttf) format('truetype'), url(//perou.store/wp-content/themes/perou/fonts2/SFUIDisplay-Light.svg) format('svg');
font-weight: normal;
font-style: normal;
} @font-face {
font-family: 'SFUIDisplay-Medium';
src: url(//perou.store/wp-content/themes/perou/fonts2/SFUIDisplay-Medium.eot);
src: local('ÃƒÂ¢Ã‹Å“Ã‚Âº'), url(//perou.store/wp-content/themes/perou/fonts2/SFUIDisplay-Medium.woff) format('woff'), url(//perou.store/wp-content/themes/perou/fonts2/SFUIDisplay-Medium.ttf) format('truetype'), url(//perou.store/wp-content/themes/perou/fonts2/SFUIDisplay-Medium.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SFUIDisplay-Bold';
src: url(//perou.store/wp-content/themes/perou/fonts2/SFUIDisplay-Bold.eot);
src: local('ÃƒÂ¢Ã‹Å“Ã‚Âº'), url(//perou.store/wp-content/themes/perou/fonts2/SFUIDisplay-Bold.woff) format('woff'), url(//perou.store/wp-content/themes/perou/fonts2/SFUIDisplay-Bold.ttf) format('truetype'), url(//perou.store/wp-content/themes/perou/fonts2/SFUIDisplay-Bold.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SFUIDisplay-Semibold';
src: url(//perou.store/wp-content/themes/perou/fonts2/SFUIDisplay-Semibold.eot);
src: local('ÃƒÂ¢Ã‹Å“Ã‚Âº'), url(//perou.store/wp-content/themes/perou/fonts2/SFUIDisplay-Semibold.woff) format('woff'), url(//perou.store/wp-content/themes/perou/fonts2/SFUIDisplay-Semibold.ttf) format('truetype'), url(//perou.store/wp-content/themes/perou/fonts2/SFUIDisplay-Semibold.svg) format('svg');
font-weight: normal;
font-style: normal;
} @font-face {
font-family: 'icomoon';
src: url(//perou.store/wp-content/themes/perou/fonts2/icomoon.eot?pqm2zd);
src: url(//perou.store/wp-content/themes/perou/fonts2/icomoon.eot?pqm2zd#iefix) format('embedded-opentype'),
url(//perou.store/wp-content/themes/perou/fonts2/icomoon.ttf?pqm2zd) format('truetype'),
url(//perou.store/wp-content/themes/perou/fonts2/icomoon.woff?pqm2zd) format('woff'),
url(//perou.store/wp-content/themes/perou/fonts2/icomoon.svg?pqm2zd#icomoon) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}  html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
height: inherit;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} @media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.navbar {
display: none;
}
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url(//perou.store/wp-content/themes/fonts/bootstrap/glyphicons-halflings-regular.eot);
src: url(//perou.store/wp-content/themes/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(//perou.store/wp-content/themes/fonts/bootstrap/glyphicons-halflings-regular.woff2) format("woff2"), url(//perou.store/wp-content/themes/fonts/bootstrap/glyphicons-halflings-regular.woff) format("woff"), url(//perou.store/wp-content/themes/fonts/bootstrap/glyphicons-halflings-regular.ttf) format("truetype"), url(//perou.store/wp-content/themes/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: "\002a";
}
.glyphicon-plus:before {
content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
content: "\20ac";
}
.glyphicon-minus:before {
content: "\2212";
}
.glyphicon-cloud:before {
content: "\2601";
}
.glyphicon-envelope:before {
content: "\2709";
}
.glyphicon-pencil:before {
content: "\270f";
}
.glyphicon-glass:before {
content: "\e001";
}
.glyphicon-music:before {
content: "\e002";
}
.glyphicon-search:before {
content: "\e003";
}
.glyphicon-heart:before {
content: "\e005";
}
.glyphicon-star:before {
content: "\e006";
}
.glyphicon-star-empty:before {
content: "\e007";
}
.glyphicon-user:before {
content: "\e008";
}
.glyphicon-film:before {
content: "\e009";
}
.glyphicon-th-large:before {
content: "\e010";
}
.glyphicon-th:before {
content: "\e011";
}
.glyphicon-th-list:before {
content: "\e012";
}
.glyphicon-ok:before {
content: "\e013";
}
.glyphicon-remove:before {
content: "\e014";
}
.glyphicon-zoom-in:before {
content: "\e015";
}
.glyphicon-zoom-out:before {
content: "\e016";
}
.glyphicon-off:before {
content: "\e017";
}
.glyphicon-signal:before {
content: "\e018";
}
.glyphicon-cog:before {
content: "\e019";
}
.glyphicon-trash:before {
content: "\e020";
}
.glyphicon-home:before {
content: "\e021";
}
.glyphicon-file:before {
content: "\e022";
}
.glyphicon-time:before {
content: "\e023";
}
.glyphicon-road:before {
content: "\e024";
}
.glyphicon-download-alt:before {
content: "\e025";
}
.glyphicon-download:before {
content: "\e026";
}
.glyphicon-upload:before {
content: "\e027";
}
.glyphicon-inbox:before {
content: "\e028";
}
.glyphicon-play-circle:before {
content: "\e029";
}
.glyphicon-repeat:before {
content: "\e030";
}
.glyphicon-refresh:before {
content: "\e031";
}
.glyphicon-list-alt:before {
content: "\e032";
}
.glyphicon-lock:before {
content: "\e033";
}
.glyphicon-flag:before {
content: "\e034";
}
.glyphicon-headphones:before {
content: "\e035";
}
.glyphicon-volume-off:before {
content: "\e036";
}
.glyphicon-volume-down:before {
content: "\e037";
}
.glyphicon-volume-up:before {
content: "\e038";
}
.glyphicon-qrcode:before {
content: "\e039";
}
.glyphicon-barcode:before {
content: "\e040";
}
.glyphicon-tag:before {
content: "\e041";
}
.glyphicon-tags:before {
content: "\e042";
}
.glyphicon-book:before {
content: "\e043";
}
.glyphicon-bookmark:before {
content: "\e044";
}
.glyphicon-print:before {
content: "\e045";
}
.glyphicon-camera:before {
content: "\e046";
}
.glyphicon-font:before {
content: "\e047";
}
.glyphicon-bold:before {
content: "\e048";
}
.glyphicon-italic:before {
content: "\e049";
}
.glyphicon-text-height:before {
content: "\e050";
}
.glyphicon-text-width:before {
content: "\e051";
}
.glyphicon-align-left:before {
content: "\e052";
}
.glyphicon-align-center:before {
content: "\e053";
}
.glyphicon-align-right:before {
content: "\e054";
}
.glyphicon-align-justify:before {
content: "\e055";
}
.glyphicon-list:before {
content: "\e056";
}
.glyphicon-indent-left:before {
content: "\e057";
}
.glyphicon-indent-right:before {
content: "\e058";
}
.glyphicon-facetime-video:before {
content: "\e059";
}
.glyphicon-picture:before {
content: "\e060";
}
.glyphicon-map-marker:before {
content: "\e062";
}
.glyphicon-adjust:before {
content: "\e063";
}
.glyphicon-tint:before {
content: "\e064";
}
.glyphicon-edit:before {
content: "\e065";
}
.glyphicon-share:before {
content: "\e066";
}
.glyphicon-check:before {
content: "\e067";
}
.glyphicon-move:before {
content: "\e068";
}
.glyphicon-step-backward:before {
content: "\e069";
}
.glyphicon-fast-backward:before {
content: "\e070";
}
.glyphicon-backward:before {
content: "\e071";
}
.glyphicon-play:before {
content: "\e072";
}
.glyphicon-pause:before {
content: "\e073";
}
.glyphicon-stop:before {
content: "\e074";
}
.glyphicon-forward:before {
content: "\e075";
}
.glyphicon-fast-forward:before {
content: "\e076";
}
.glyphicon-step-forward:before {
content: "\e077";
}
.glyphicon-eject:before {
content: "\e078";
}
.glyphicon-chevron-left:before {
content: "\e079";
}
.glyphicon-chevron-right:before {
content: "\e080";
}
.glyphicon-plus-sign:before {
content: "\e081";
}
.glyphicon-minus-sign:before {
content: "\e082";
}
.glyphicon-remove-sign:before {
content: "\e083";
}
.glyphicon-ok-sign:before {
content: "\e084";
}
.glyphicon-question-sign:before {
content: "\e085";
}
.glyphicon-info-sign:before {
content: "\e086";
}
.glyphicon-screenshot:before {
content: "\e087";
}
.glyphicon-remove-circle:before {
content: "\e088";
}
.glyphicon-ok-circle:before {
content: "\e089";
}
.glyphicon-ban-circle:before {
content: "\e090";
}
.glyphicon-arrow-left:before {
content: "\e091";
}
.glyphicon-arrow-right:before {
content: "\e092";
}
.glyphicon-arrow-up:before {
content: "\e093";
}
.glyphicon-arrow-down:before {
content: "\e094";
}
.glyphicon-share-alt:before {
content: "\e095";
}
.glyphicon-resize-full:before {
content: "\e096";
}
.glyphicon-resize-small:before {
content: "\e097";
}
.glyphicon-exclamation-sign:before {
content: "\e101";
}
.glyphicon-gift:before {
content: "\e102";
}
.glyphicon-leaf:before {
content: "\e103";
}
.glyphicon-fire:before {
content: "\e104";
}
.glyphicon-eye-open:before {
content: "\e105";
}
.glyphicon-eye-close:before {
content: "\e106";
}
.glyphicon-warning-sign:before {
content: "\e107";
}
.glyphicon-plane:before {
content: "\e108";
}
.glyphicon-calendar:before {
content: "\e109";
}
.glyphicon-random:before {
content: "\e110";
}
.glyphicon-comment:before {
content: "\e111";
}
.glyphicon-magnet:before {
content: "\e112";
}
.glyphicon-chevron-up:before {
content: "\e113";
}
.glyphicon-chevron-down:before {
content: "\e114";
}
.glyphicon-retweet:before {
content: "\e115";
}
.glyphicon-shopping-cart:before {
content: "\e116";
}
.glyphicon-folder-close:before {
content: "\e117";
}
.glyphicon-folder-open:before {
content: "\e118";
}
.glyphicon-resize-vertical:before {
content: "\e119";
}
.glyphicon-resize-horizontal:before {
content: "\e120";
}
.glyphicon-hdd:before {
content: "\e121";
}
.glyphicon-bullhorn:before {
content: "\e122";
}
.glyphicon-bell:before {
content: "\e123";
}
.glyphicon-certificate:before {
content: "\e124";
}
.glyphicon-thumbs-up:before {
content: "\e125";
}
.glyphicon-thumbs-down:before {
content: "\e126";
}
.glyphicon-hand-right:before {
content: "\e127";
}
.glyphicon-hand-left:before {
content: "\e128";
}
.glyphicon-hand-up:before {
content: "\e129";
}
.glyphicon-hand-down:before {
content: "\e130";
}
.glyphicon-circle-arrow-right:before {
content: "\e131";
}
.glyphicon-circle-arrow-left:before {
content: "\e132";
}
.glyphicon-circle-arrow-up:before {
content: "\e133";
}
.glyphicon-circle-arrow-down:before {
content: "\e134";
}
.glyphicon-globe:before {
content: "\e135";
}
.glyphicon-wrench:before {
content: "\e136";
}
.glyphicon-tasks:before {
content: "\e137";
}
.glyphicon-filter:before {
content: "\e138";
}
.glyphicon-briefcase:before {
content: "\e139";
}
.glyphicon-fullscreen:before {
content: "\e140";
}
.glyphicon-dashboard:before {
content: "\e141";
}
.glyphicon-paperclip:before {
content: "\e142";
}
.glyphicon-heart-empty:before {
content: "\e143";
}
.glyphicon-link:before {
content: "\e144";
}
.glyphicon-phone:before {
content: "\e145";
}
.glyphicon-pushpin:before {
content: "\e146";
}
.glyphicon-usd:before {
content: "\e148";
}
.glyphicon-gbp:before {
content: "\e149";
}
.glyphicon-sort:before {
content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
content: "\e152";
}
.glyphicon-sort-by-order:before {
content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
content: "\e154";
}
.glyphicon-sort-by-attributes:before {
content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
content: "\e156";
}
.glyphicon-unchecked:before {
content: "\e157";
}
.glyphicon-expand:before {
content: "\e158";
}
.glyphicon-collapse-down:before {
content: "\e159";
}
.glyphicon-collapse-up:before {
content: "\e160";
}
.glyphicon-log-in:before {
content: "\e161";
}
.glyphicon-flash:before {
content: "\e162";
}
.glyphicon-log-out:before {
content: "\e163";
}
.glyphicon-new-window:before {
content: "\e164";
}
.glyphicon-record:before {
content: "\e165";
}
.glyphicon-save:before {
content: "\e166";
}
.glyphicon-open:before {
content: "\e167";
}
.glyphicon-saved:before {
content: "\e168";
}
.glyphicon-import:before {
content: "\e169";
}
.glyphicon-export:before {
content: "\e170";
}
.glyphicon-send:before {
content: "\e171";
}
.glyphicon-floppy-disk:before {
content: "\e172";
}
.glyphicon-floppy-saved:before {
content: "\e173";
}
.glyphicon-floppy-remove:before {
content: "\e174";
}
.glyphicon-floppy-save:before {
content: "\e175";
}
.glyphicon-floppy-open:before {
content: "\e176";
}
.glyphicon-credit-card:before {
content: "\e177";
}
.glyphicon-transfer:before {
content: "\e178";
}
.glyphicon-cutlery:before {
content: "\e179";
}
.glyphicon-header:before {
content: "\e180";
}
.glyphicon-compressed:before {
content: "\e181";
}
.glyphicon-earphone:before {
content: "\e182";
}
.glyphicon-phone-alt:before {
content: "\e183";
}
.glyphicon-tower:before {
content: "\e184";
}
.glyphicon-stats:before {
content: "\e185";
}
.glyphicon-sd-video:before {
content: "\e186";
}
.glyphicon-hd-video:before {
content: "\e187";
}
.glyphicon-subtitles:before {
content: "\e188";
}
.glyphicon-sound-stereo:before {
content: "\e189";
}
.glyphicon-sound-dolby:before {
content: "\e190";
}
.glyphicon-sound-5-1:before {
content: "\e191";
}
.glyphicon-sound-6-1:before {
content: "\e192";
}
.glyphicon-sound-7-1:before {
content: "\e193";
}
.glyphicon-copyright-mark:before {
content: "\e194";
}
.glyphicon-registration-mark:before {
content: "\e195";
}
.glyphicon-cloud-download:before {
content: "\e197";
}
.glyphicon-cloud-upload:before {
content: "\e198";
}
.glyphicon-tree-conifer:before {
content: "\e199";
}
.glyphicon-tree-deciduous:before {
content: "\e200";
}
.glyphicon-cd:before {
content: "\e201";
}
.glyphicon-save-file:before {
content: "\e202";
}
.glyphicon-open-file:before {
content: "\e203";
}
.glyphicon-level-up:before {
content: "\e204";
}
.glyphicon-copy:before {
content: "\e205";
}
.glyphicon-paste:before {
content: "\e206";
}
.glyphicon-alert:before {
content: "\e209";
}
.glyphicon-equalizer:before {
content: "\e210";
}
.glyphicon-king:before {
content: "\e211";
}
.glyphicon-queen:before {
content: "\e212";
}
.glyphicon-pawn:before {
content: "\e213";
}
.glyphicon-bishop:before {
content: "\e214";
}
.glyphicon-knight:before {
content: "\e215";
}
.glyphicon-baby-formula:before {
content: "\e216";
}
.glyphicon-tent:before {
content: "\26fa";
}
.glyphicon-blackboard:before {
content: "\e218";
}
.glyphicon-bed:before {
content: "\e219";
}
.glyphicon-apple:before {
content: "\f8ff";
}
.glyphicon-erase:before {
content: "\e221";
}
.glyphicon-hourglass:before {
content: "\231b";
}
.glyphicon-lamp:before {
content: "\e223";
}
.glyphicon-duplicate:before {
content: "\e224";
}
.glyphicon-piggy-bank:before {
content: "\e225";
}
.glyphicon-scissors:before {
content: "\e226";
}
.glyphicon-bitcoin:before {
content: "\e227";
}
.glyphicon-btc:before {
content: "\e227";
}
.glyphicon-xbt:before {
content: "\e227";
}
.glyphicon-yen:before {
content: "\00a5";
}
.glyphicon-jpy:before {
content: "\00a5";
}
.glyphicon-ruble:before {
content: "\20bd";
}
.glyphicon-rub:before {
content: "\20bd";
}
.glyphicon-scale:before {
content: "\e230";
}
.glyphicon-ice-lolly:before {
content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
content: "\e232";
}
.glyphicon-education:before {
content: "\e233";
}
.glyphicon-option-horizontal:before {
content: "\e234";
}
.glyphicon-option-vertical:before {
content: "\e235";
}
.glyphicon-menu-hamburger:before {
content: "\e236";
}
.glyphicon-modal-window:before {
content: "\e237";
}
.glyphicon-oil:before {
content: "\e238";
}
.glyphicon-grain:before {
content: "\e239";
}
.glyphicon-sunglasses:before {
content: "\e240";
}
.glyphicon-text-size:before {
content: "\e241";
}
.glyphicon-text-color:before {
content: "\e242";
}
.glyphicon-text-background:before {
content: "\e243";
}
.glyphicon-object-align-top:before {
content: "\e244";
}
.glyphicon-object-align-bottom:before {
content: "\e245";
}
.glyphicon-object-align-horizontal:before {
content: "\e246";
}
.glyphicon-object-align-left:before {
content: "\e247";
}
.glyphicon-object-align-vertical:before {
content: "\e248";
}
.glyphicon-object-align-right:before {
content: "\e249";
}
.glyphicon-triangle-right:before {
content: "\e250";
}
.glyphicon-triangle-left:before {
content: "\e251";
}
.glyphicon-triangle-bottom:before {
content: "\e252";
}
.glyphicon-triangle-top:before {
content: "\e253";
}
.glyphicon-console:before {
content: "\e254";
}
.glyphicon-superscript:before {
content: "\e255";
}
.glyphicon-subscript:before {
content: "\e256";
}
.glyphicon-menu-left:before {
content: "\e257";
}
.glyphicon-menu-right:before {
content: "\e258";
}
.glyphicon-menu-down:before {
content: "\e259";
}
.glyphicon-menu-up:before {
content: "\e260";
}
* {
box-sizing: border-box;
}
*:before,
*:after {
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: transparent;
}
body {
font-family: "Lato HB", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
font-size: 14px;
line-height: 1.42857;
color: #000;
background-color: #fff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #000;
text-decoration: none;
}
a:hover, a:focus {
color: #999999;
text-decoration: none;
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 0;
}
.img-thumbnail {
padding: 0;
line-height: 1.42857;
background-color: none;
border: 1px solid none;
border-radius: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: "Lato HB", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
font-weight: bold;
line-height: 1.2em;
color: inherit;
}
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: #777777;
}
h1, .h1,
h2, .h2,
h3, .h3 {
margin-top: 20px;
margin-bottom: 10px;
}
h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
font-size: 65%;
}
h4, .h4,
h5, .h5,
h6, .h6 {
margin-top: 10px;
margin-bottom: 10px;
}
h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
font-size: 75%;
}
h1, .h1 {
font-size: 36px;
}
h2, .h2 {
font-size: 30px;
}
h3, .h3 {
font-size: 24px;
}
h4, .h4 {
font-size: 18px;
}
h5, .h5 {
font-size: 14px;
}
h6, .h6 {
font-size: 12px;
}
p {
margin: 0 0 10px;
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
}
.product-wrapper .advantages iframe {
height: 659px;
}
@media screen and (max-width: 1172px) {
.product-wrapper .advantages iframe {
height: calc((100vw - 30px) * 0.5625);
}
}
@media screen and (max-width: 575px) {
.product-wrapper .advantages iframe {
height: calc(100vw * 0.5625);
}
}
@media (max-width: 767px) {
.feedback .img-wrapper .slick-slide,
.feedback .img-wrapper .slick-slide img {
width: 100vw !important; }
}
@media (min-width: 768px) {
.feedback .img-wrapper .slick-slide img {
height: calc(100vw * 0.608);
}
.lead {
font-size: 21px;
}
}
small,
.small {
font-size: 85%;
}
mark,
.mark {
background-color: #fcf8e3;
padding: .2em;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase, .initialism {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: #777777;
}
.text-primary {
color: #000;
}
a.text-primary:hover,
a.text-primary:focus {
color: black;
}
.text-success {
color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
color: #66512c;
}
.text-danger {
color: #C5281C;
}
a.text-danger:hover,
a.text-danger:focus {
color: #981f16;
}
.bg-primary {
color: #fff;
}
.bg-primary {
background-color: #000;
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: black;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eeeeee;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
}
ul ul,
ul ol,
ol ul,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px;
}
.list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dt,
dd {
line-height: 1.42857;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
.dl-horizontal dd:before, .dl-horizontal dd:after {
content: " ";
display: table;
}
.dl-horizontal dd:after {
clear: both;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777777;
}
.initialism {
font-size: 90%;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857;
color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eeeeee;
border-left: 0;
text-align: right;
}
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
content: '';
}
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014';
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 0;
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 0;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
box-shadow: none;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857;
word-break: break-all;
word-wrap: break-word;
color: #333333;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 0;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.container:before, .container:after {
content: " ";
display: table;
}
.container:after {
clear: both;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.container-fluid:before, .container-fluid:after {
content: " ";
display: table;
}
.container-fluid:after {
clear: both;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.row:before, .row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-1 {
width: 8.33333%;
}
.col-xs-2 {
width: 16.66667%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-4 {
width: 33.33333%;
}
.col-xs-5 {
width: 41.66667%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-7 {
width: 58.33333%;
}
.col-xs-8 {
width: 66.66667%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-10 {
width: 83.33333%;
}
.col-xs-11 {
width: 91.66667%;
}
.col-xs-12 {
width: 100%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-pull-1 {
right: 8.33333%;
}
.col-xs-pull-2 {
right: 16.66667%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-4 {
right: 33.33333%;
}
.col-xs-pull-5 {
right: 41.66667%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-7 {
right: 58.33333%;
}
.col-xs-pull-8 {
right: 66.66667%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-10 {
right: 83.33333%;
}
.col-xs-pull-11 {
right: 91.66667%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-push-1 {
left: 8.33333%;
}
.col-xs-push-2 {
left: 16.66667%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-4 {
left: 33.33333%;
}
.col-xs-push-5 {
left: 41.66667%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-7 {
left: 58.33333%;
}
.col-xs-push-8 {
left: 66.66667%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-10 {
left: 83.33333%;
}
.col-xs-push-11 {
left: 91.66667%;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
.col-xs-offset-1 {
margin-left: 8.33333%;
}
.col-xs-offset-2 {
margin-left: 16.66667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.33333%;
}
.col-xs-offset-5 {
margin-left: 41.66667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.33333%;
}
.col-xs-offset-8 {
margin-left: 66.66667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.33333%;
}
.col-xs-offset-11 {
margin-left: 91.66667%;
}
.col-xs-offset-12 {
margin-left: 100%;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-1 {
width: 8.33333%;
}
.col-sm-2 {
width: 16.66667%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-4 {
width: 33.33333%;
}
.col-sm-5 {
width: 41.66667%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-7 {
width: 58.33333%;
}
.col-sm-8 {
width: 66.66667%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-10 {
width: 83.33333%;
}
.col-sm-11 {
width: 91.66667%;
}
.col-sm-12 {
width: 100%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-pull-1 {
right: 8.33333%;
}
.col-sm-pull-2 {
right: 16.66667%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-4 {
right: 33.33333%;
}
.col-sm-pull-5 {
right: 41.66667%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-7 {
right: 58.33333%;
}
.col-sm-pull-8 {
right: 66.66667%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-10 {
right: 83.33333%;
}
.col-sm-pull-11 {
right: 91.66667%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-push-1 {
left: 8.33333%;
}
.col-sm-push-2 {
left: 16.66667%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-4 {
left: 33.33333%;
}
.col-sm-push-5 {
left: 41.66667%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-7 {
left: 58.33333%;
}
.col-sm-push-8 {
left: 66.66667%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-10 {
left: 83.33333%;
}
.col-sm-push-11 {
left: 91.66667%;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
.col-sm-offset-1 {
margin-left: 8.33333%;
}
.col-sm-offset-2 {
margin-left: 16.66667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.33333%;
}
.col-sm-offset-5 {
margin-left: 41.66667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.33333%;
}
.col-sm-offset-8 {
margin-left: 66.66667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.33333%;
}
.col-sm-offset-11 {
margin-left: 91.66667%;
}
.col-sm-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-1 {
width: 8.33333%;
}
.col-md-2 {
width: 16.66667%;
}
.col-md-3 {
width: 25%;
}
.col-md-4 {
width: 33.33333%;
}
.col-md-5 {
width: 41.66667%;
}
.col-md-6 {
width: 50%;
}
.col-md-7 {
width: 58.33333%;
}
.col-md-8 {
width: 66.66667%;
}
.col-md-9 {
width: 75%;
}
.col-md-10 {
width: 83.33333%;
}
.col-md-11 {
width: 91.66667%;
}
.col-md-12 {
width: 100%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-pull-1 {
right: 8.33333%;
}
.col-md-pull-2 {
right: 16.66667%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-4 {
right: 33.33333%;
}
.col-md-pull-5 {
right: 41.66667%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-7 {
right: 58.33333%;
}
.col-md-pull-8 {
right: 66.66667%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-10 {
right: 83.33333%;
}
.col-md-pull-11 {
right: 91.66667%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-push-0 {
left: auto;
}
.col-md-push-1 {
left: 8.33333%;
}
.col-md-push-2 {
left: 16.66667%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-4 {
left: 33.33333%;
}
.col-md-push-5 {
left: 41.66667%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-7 {
left: 58.33333%;
}
.col-md-push-8 {
left: 66.66667%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-10 {
left: 83.33333%;
}
.col-md-push-11 {
left: 91.66667%;
}
.col-md-push-12 {
left: 100%;
}
.col-md-offset-0 {
margin-left: 0%;
}
.col-md-offset-1 {
margin-left: 8.33333%;
}
.col-md-offset-2 {
margin-left: 16.66667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.33333%;
}
.col-md-offset-5 {
margin-left: 41.66667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.33333%;
}
.col-md-offset-8 {
margin-left: 66.66667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.33333%;
}
.col-md-offset-11 {
margin-left: 91.66667%;
}
.col-md-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-1 {
width: 8.33333%;
}
.col-lg-2 {
width: 16.66667%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-4 {
width: 33.33333%;
}
.col-lg-5 {
width: 41.66667%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-7 {
width: 58.33333%;
}
.col-lg-8 {
width: 66.66667%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-10 {
width: 83.33333%;
}
.col-lg-11 {
width: 91.66667%;
}
.col-lg-12 {
width: 100%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-pull-1 {
right: 8.33333%;
}
.col-lg-pull-2 {
right: 16.66667%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-4 {
right: 33.33333%;
}
.col-lg-pull-5 {
right: 41.66667%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-7 {
right: 58.33333%;
}
.col-lg-pull-8 {
right: 66.66667%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-10 {
right: 83.33333%;
}
.col-lg-pull-11 {
right: 91.66667%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-push-1 {
left: 8.33333%;
}
.col-lg-push-2 {
left: 16.66667%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-4 {
left: 33.33333%;
}
.col-lg-push-5 {
left: 41.66667%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-7 {
left: 58.33333%;
}
.col-lg-push-8 {
left: 66.66667%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-10 {
left: 83.33333%;
}
.col-lg-push-11 {
left: 91.66667%;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
.col-lg-offset-1 {
margin-left: 8.33333%;
}
.col-lg-offset-2 {
margin-left: 16.66667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.33333%;
}
.col-lg-offset-5 {
margin-left: 41.66667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.33333%;
}
.col-lg-offset-8 {
margin-left: 66.66667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.33333%;
}
.col-lg-offset-11 {
margin-left: 91.66667%;
}
.col-lg-offset-12 {
margin-left: 100%;
}
}
table {
background-color: transparent;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777777;
text-align: left;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table > tbody + tbody {
border-top: 2px solid #ddd;
}
.table .table {
background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
padding: 5px;
}
.table-bordered {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
background-color: #f5f5f5;
}
table col[class*="col-"] {
position: static;
float: none;
display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
float: none;
display: table-cell;
}
.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc;
}
.table-responsive {
overflow-x: auto;
min-height: 0.01%;
}
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
input[type="search"] {
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857;
color: #000;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
color: #000;
background-color: #fff;
background-image: none;
border: 1px solid #E0E0E0;
border-radius: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
border-color: #E0E0E0;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(224, 224, 224, 0.6);
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control::-ms-expand {
border: 0;
background-color: transparent;
}
.form-control[disabled], .form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eeeeee;
opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 34px;
}
input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
.input-group-sm > input[type="date"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="date"].btn,
.input-group-sm input[type="date"],
input[type="time"].input-sm,
.input-group-sm > input[type="time"].form-control,
.input-group-sm > input[type="time"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="time"].btn,
.input-group-sm
input[type="time"],
input[type="datetime-local"].input-sm,
.input-group-sm > input[type="datetime-local"].form-control,
.input-group-sm > input[type="datetime-local"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
.input-group-sm
input[type="datetime-local"],
input[type="month"].input-sm,
.input-group-sm > input[type="month"].form-control,
.input-group-sm > input[type="month"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="month"].btn,
.input-group-sm
input[type="month"] {
line-height: 30px;
}
input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
.input-group-lg > input[type="date"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="date"].btn,
.input-group-lg input[type="date"],
input[type="time"].input-lg,
.input-group-lg > input[type="time"].form-control,
.input-group-lg > input[type="time"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="time"].btn,
.input-group-lg
input[type="time"],
input[type="datetime-local"].input-lg,
.input-group-lg > input[type="datetime-local"].form-control,
.input-group-lg > input[type="datetime-local"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
.input-group-lg
input[type="datetime-local"],
input[type="month"].input-lg,
.input-group-lg > input[type="month"].form-control,
.input-group-lg > input[type="month"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="month"].btn,
.input-group-lg
input[type="month"] {
line-height: 46px;
}
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label,
.checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
cursor: not-allowed;
}
.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
cursor: not-allowed;
}
.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
cursor: not-allowed;
}
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 34px;
}
.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
padding-left: 0;
padding-right: 0;
}
.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 0;
}
select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
height: 30px;
line-height: 30px;
}
textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
height: auto;
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 0;
}
.form-group-sm select.form-control {
height: 30px;
line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.5;
}
.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33333;
border-radius: 0;
}
select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
height: 46px;
line-height: 46px;
}
textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
height: auto;
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33333;
border-radius: 0;
}
.form-group-lg select.form-control {
height: 46px;
line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 11px 16px;
font-size: 18px;
line-height: 1.33333;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
}
.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px;
}
.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #2b542c;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #66512c;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #C5281C;
}
.has-error .form-control {
border-color: #C5281C;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #981f16;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e8695f;
}
.has-error .input-group-addon {
color: #C5281C;
border-color: #C5281C;
background-color: #f2dede;
}
.has-error .form-control-feedback {
color: #C5281C;
}
.has-feedback label ~ .form-control-feedback {
top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #404040;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
content: " ";
display: table;
}
.form-horizontal .form-group:after {
clear: both;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px;
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px;
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 11px;
font-size: 18px;
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px;
}
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover, .btn:focus, .btn.focus {
color: #333;
text-decoration: none;
}
.btn:active, .btn.active {
outline: 0;
background-image: none;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:focus, .btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
background-image: none;
}
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge {
color: #fff;
background-color: #333;
}
.btn-primary {
color: #fff;
background-color: #000;
border-color: #000;
}
.btn-primary:focus, .btn-primary.focus {
color: #fff;
background-color: black;
border-color: black;
}
.btn-primary:hover {
color: #fff;
background-color: black;
border-color: black;
}
.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
color: #fff;
background-color: black;
border-color: black;
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
color: #fff;
background-color: black;
border-color: black;
}
.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
background-image: none;
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
background-color: #000;
border-color: #000;
}
.btn-primary .badge {
color: #000;
background-color: #fff;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:focus, .btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625;
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
color: #fff;
background-color: #398439;
border-color: #255625;
}
.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
background-image: none;
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:focus, .btn-info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85;
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
color: #fff;
background-color: #269abc;
border-color: #1b6d85;
}
.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
background-image: none;
}
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff;
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:focus, .btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d;
}
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d;
}
.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
background-image: none;
}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff;
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:focus, .btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19;
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
color: #fff;
background-color: #ac2925;
border-color: #761c19;
}
.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
background-image: none;
}
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff;
}
.btn-link {
color: #000;
font-weight: normal;
border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
color: #999999;
text-decoration: none;
background-color: transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
color: #777777;
text-decoration: none;
}
.btn-lg, .btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33333;
border-radius: 0;
}
.btn-sm, .btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 0;
}
.btn-xs, .btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 0;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid #F0F0F0;
border-radius: 0;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857;
color: #000;
white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
text-decoration: none;
color: #000;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
color: #000;
text-decoration: none;
outline: 0;
background-color: #f5f5f5;
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
color: #777777;
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
cursor: not-allowed;
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
left: auto;
right: 0;
}
.dropdown-menu-left {
left: 0;
right: auto;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857;
color: #777777;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto;
}
.navbar-right .dropdown-menu-left {
left: 0;
right: auto;
}
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left;
}
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar {
margin-left: -5px;
}
.btn-toolbar:before, .btn-toolbar:after {
content: " ";
display: table;
}
.btn-toolbar:after {
clear: both;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group > .btn-group {
float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
box-shadow: none;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret, .btn-group-lg > .btn .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
content: " ";
display: table;
}
.btn-group-vertical > .btn-group:after {
clear: both;
}
.btn-group-vertical > .btn-group > .btn {
float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
float: none;
display: table-cell;
width: 1%;
}
.btn-group-justified > .btn-group .btn {
width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group[class*="col-"] {
float: none;
padding-left: 0;
padding-right: 0;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group .form-control:focus {
z-index: 3;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #000;
text-align: center;
background-color: #eeeeee;
border: 1px solid #E0E0E0;
border-radius: 0;
}
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
padding: 5px 10px;
font-size: 12px;
border-radius: 0;
}
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
padding: 10px 16px;
font-size: 18px;
border-radius: 0;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
margin-left: -1px;
}
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px;
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.nav:before, .nav:after {
content: " ";
display: table;
}
.nav:after {
clear: both;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: transparent;
}
.nav > li.disabled > a {
color: #777777;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
color: #777777;
text-decoration: none;
background-color: transparent;
cursor: not-allowed;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: transparent;
border-color: #000;
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857;
border: 1px solid transparent;
border-radius: 0 0 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #999;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default;
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 0;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
color: #fff;
background-color: #000;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified, .nav-tabs.nav-justified {
width: 100%;
}
.nav-justified > li, .nav-tabs.nav-justified > li {
float: none;
}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
text-align: center;
margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li, .nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs-justified, .nav-tabs.nav-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 0;
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 0 0 0 0;
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
.navbar:before, .navbar:after {
content: " ";
display: table;
}
.navbar:after {
clear: both;
}
@media (min-width: 768px) {
.navbar {
border-radius: 0;
}
}
.navbar-header:before, .navbar-header:after {
content: " ";
display: table;
}
.navbar-header:after {
clear: both;
}
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
overflow-x: visible;
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}
.navbar-collapse:before, .navbar-collapse:after {
content: " ";
display: table;
}
.navbar-collapse:after {
clear: both;
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-left: 0;
padding-right: 0;
}
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px;
}
}
.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.navbar-brand {
float: left;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
height: 50px;
}
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none;
}
.navbar-brand > img {
display: block;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
}
.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 0;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 7.5px -15px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
}
.navbar-form {
margin-left: -15px;
margin-right: -15px;
padding: 10px 15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
margin-top: 8px;
margin-bottom: 8px;
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.navbar-form .form-control-static {
display: inline-block;
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto;
}
.navbar-form .input-group > .form-control {
width: 100%;
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio label,
.navbar-form .checkbox label {
padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
.navbar-form .form-group:last-child {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
box-shadow: none;
}
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
margin-top: 10px;
margin-bottom: 10px;
}
.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-left: 15px;
margin-right: 15px;
}
}
@media (min-width: 768px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
margin-right: -15px;
}
.navbar-right ~ .navbar-right {
margin-right: 0;
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #777;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777;
}
.navbar-default .navbar-nav > li > a {
color: #777;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #ddd;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: #e7e7e7;
color: #555;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
}
.navbar-default .navbar-link {
color: #777;
}
.navbar-default .navbar-link:hover {
color: #333;
}
.navbar-default .btn-link {
color: #777;
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
color: #333;
}
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc;
}
.navbar-inverse {
background-color: #222;
border-color: #090909;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #090909;
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #333;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
background-color: #090909;
color: #fff;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #090909;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #090909;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #090909;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444;
background-color: transparent;
}
}
.navbar-inverse .navbar-link {
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color: #fff;
}
.navbar-inverse .btn-link {
color: #9d9d9d;
}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444;
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 0;
}
.breadcrumb > li {
display: inline-block;
}
.breadcrumb > li + li:before {
content: "/ ";
padding: 0 5px;
color: #ccc;
}
.breadcrumb > .active {
color: #777777;
}
.page-numbers {
display: table;
padding-left: 0;
margin: 0px auto;
border-radius: 0;
}
.page-numbers > li {
display: inline;
}
.page-numbers > li > a,
.page-numbers > li > span {
position: relative;
float: left;
padding: 6px 6px;
line-height: 1.42857;
text-decoration: none;
color: #000;
background-color: none;
border: 1px solid none;
margin-left: -1px;
}
.page-numbers > li:first-child > a,
.page-numbers > li:first-child > span {
margin-left: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.page-numbers > li:last-child > a,
.page-numbers > li:last-child > span {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.page-numbers > li > a:hover, .page-numbers > li > a:focus,
.page-numbers > li > span:hover,
.page-numbers > li > span:focus {
z-index: 2;
color: #999999;
background-color: none;
border-color: none;
}
.page-numbers > .active > a, .page-numbers > .active > a:hover, .page-numbers > .active > a:focus,
.page-numbers > .active > span,
.page-numbers > .active > span:hover,
.page-numbers > .active > span:focus {
z-index: 3;
color: none;
background-color: none;
border-color: none;
cursor: default;
}
.page-numbers > .disabled > span,
.page-numbers > .disabled > span:hover,
.page-numbers > .disabled > span:focus,
.page-numbers > .disabled > a,
.page-numbers > .disabled > a:hover,
.page-numbers > .disabled > a:focus {
color: #F0F0F0;
background-color: none;
border-color: none;
cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.pager {
padding-left: 0;
margin: 20px 0;
list-style: none;
text-align: center;
}
.pager:before, .pager:after {
content: " ";
display: table;
}
.pager:after {
clear: both;
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: none;
border: 1px solid none;
border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: none;
}
.pager .next > a,
.pager .next > span {
float: right;
}
.pager .previous > a,
.pager .previous > span {
float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #F0F0F0;
background-color: none;
cursor: not-allowed;
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
.label:empty {
display: none;
}
.btn .label {
position: relative;
top: -1px;
}
a.label:hover, a.label:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.label-default {
background-color: #777777;
}
.label-default[href]:hover, .label-default[href]:focus {
background-color: #5e5e5e;
}
.label-primary {
background-color: #000;
}
.label-primary[href]:hover, .label-primary[href]:focus {
background-color: black;
}
.label-success {
background-color: #5cb85c;
}
.label-success[href]:hover, .label-success[href]:focus {
background-color: #449d44;
}
.label-info {
background-color: #5bc0de;
}
.label-info[href]:hover, .label-info[href]:focus {
background-color: #31b0d5;
}
.label-warning {
background-color: #f0ad4e;
}
.label-warning[href]:hover, .label-warning[href]:focus {
background-color: #ec971f;
}
.label-danger {
background-color: #d9534f;
}
.label-danger[href]:hover, .label-danger[href]:focus {
background-color: #c9302c;
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
color: #fff;
line-height: 1;
vertical-align: middle;
white-space: nowrap;
text-align: center;
background-color: #777777;
border-radius: 10px;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.btn-xs .badge, .btn-group-xs > .btn .badge,
.btn-group-xs > .btn .badge {
top: 0;
padding: 1px 5px;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
color: #000;
background-color: #fff;
}
.list-group-item > .badge {
float: right;
}
.list-group-item > .badge + .badge {
margin-right: 5px;
}
.nav-pills > li > a > .badge {
margin-left: 3px;
}
a.badge:hover, a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.jumbotron {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
color: inherit;
background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
color: inherit;
}
.jumbotron p {
margin-bottom: 15px;
font-size: 21px;
font-weight: 200;
}
.jumbotron > hr {
border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
border-radius: 0;
padding-left: 15px;
padding-right: 15px;
}
.jumbotron .container {
max-width: 100%;
}
@media screen and (min-width: 768px) {
.jumbotron {
padding-top: 48px;
padding-bottom: 48px;
}
.container .jumbotron,
.container-fluid .jumbotron {
padding-left: 60px;
padding-right: 60px;
}
.jumbotron h1,
.jumbotron .h1 {
font-size: 63px;
}
}
.thumbnail {
display: block;
padding: 0;
margin-bottom: 20px;
line-height: 1.42857;
background-color: none;
border: 1px solid none;
border-radius: 0;
-webkit-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
display: block;
max-width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
.thumbnail .caption {
padding: 9px;
color: #000;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #000;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 0;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
background-color: #f2dede;
border-color: #ebccd1;
color: #C5281C;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #981f16;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress {
overflow: hidden;
height: 20px;
margin-bottom: 20px;
background-color: #f5f5f5;
border-radius: 0;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
float: left;
width: 0%;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #000;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
.media,
.media-body {
zoom: 1;
overflow: hidden;
}
.media-body {
width: 10000px;
}
.media-object {
display: block;
}
.media-object.img-thumbnail {
max-width: none;
}
.media-right,
.media > .pull-right {
padding-left: 10px;
}
.media-left,
.media > .pull-left {
padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
display: table-cell;
vertical-align: top;
}
.media-middle {
vertical-align: middle;
}
.media-bottom {
vertical-align: bottom;
}
.media-heading {
margin-top: 0;
margin-bottom: 5px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.list-group {
margin-bottom: 20px;
padding-left: 0;
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd;
}
.list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
a.list-group-item,
button.list-group-item {
color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:hover, a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
text-decoration: none;
color: #555;
background-color: #f5f5f5;
}
button.list-group-item {
width: 100%;
text-align: left;
}
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
background-color: #eeeeee;
color: #777777;
cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
color: #777777;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #000;
border-color: #000;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
color: inherit;
}
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
color: #666666;
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover, a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover, a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover, a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
.list-group-item-danger {
color: #C5281C;
background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
color: #C5281C;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover, a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
color: #C5281C;
background-color: #ebcccc;
}
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
color: #fff;
background-color: #C5281C;
border-color: #C5281C;
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
padding: 15px;
}
.panel-body:before, .panel-body:after {
content: " ";
display: table;
}
.panel-body:after {
clear: both;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: -1;
border-top-left-radius: -1;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: -1;
border-bottom-left-radius: -1;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: -1;
border-top-left-radius: -1;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: -1;
border-bottom-left-radius: -1;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.list-group + .panel-footer {
border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
padding-left: 15px;
padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
border-top-right-radius: -1;
border-top-left-radius: -1;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: -1;
border-top-right-radius: -1;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: -1;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: -1;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: -1;
border-bottom-left-radius: -1;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-left-radius: -1;
border-bottom-right-radius: -1;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: -1;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: -1;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
.panel > .table-responsive {
border: 0;
margin-bottom: 0;
}
.panel-group {
margin-bottom: 20px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 0;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd;
}
.panel-default {
border-color: #ddd;
}
.panel-default > .panel-heading {
color: #333333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd;
}
.panel-primary {
border-color: #000;
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #000;
border-color: #000;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #000;
}
.panel-primary > .panel-heading .badge {
color: #000;
background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #000;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
color: #dff0d8;
background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info > .panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
color: #d9edf7;
background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #bce8f1;
}
.panel-warning {
border-color: #faebcc;
}
.panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #faebcc;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger > .panel-heading {
color: #C5281C;
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
color: #f2dede;
background-color: #C5281C;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ebccd1;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
padding: 24px;
border-radius: 0;
}
.well-sm {
padding: 9px;
border-radius: 0;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.close:hover, .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50);
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.modal-open {
overflow: hidden;
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50);
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header:before, .modal-header:after {
content: " ";
display: table;
}
.modal-header:after {
clear: both;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer:before, .modal-footer:after {
content: " ";
display: table;
}
.modal-footer:after {
clear: both;
}
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Lato HB", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 12px;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.9;
filter: alpha(opacity=90);
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 0;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Lato HB", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 14px;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: -1 -1 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover > .arrow, .popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow:after {
border-width: 10px;
content: "";
}
.popover.top > .arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999999;
border-top-color: rgba(0, 0, 0, 0.25);
bottom: -11px;
}
.popover.top > .arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #fff;
}
.popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999999;
border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
content: " ";
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #fff;
}
.popover.bottom > .arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999999;
border-bottom-color: rgba(0, 0, 0, 0.25);
top: -11px;
}
.popover.bottom > .arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999999;
border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: #fff;
bottom: -10px;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%;
}
.carousel-inner > .item {
display: none;
position: relative;
-webkit-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
-webkit-transition: -webkit-transform 0.6s ease-in-out;
transition: -webkit-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner > .item.next, .carousel-inner > .item.active.right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
left: 0;
}
.carousel-inner > .item.prev, .carousel-inner > .item.active.left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
}
.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 15%;
opacity: 0.5;
filter: alpha(opacity=50);
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
background-color: transparent;
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
left: auto;
right: 0;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover, .carousel-control:focus {
outline: 0;
color: #fff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
margin-top: -10px;
z-index: 5;
display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
line-height: 1;
font-family: serif;
}
.carousel-control .icon-prev:before {
content: '\2039';
}
.carousel-control .icon-next:before {
content: '\203a';
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
margin-left: -30%;
padding-left: 0;
list-style: none;
text-align: center;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid #fff;
border-radius: 10px;
cursor: pointer;
background-color: #000 \9;
background-color: transparent;
}
.carousel-indicators .active {
margin: 0;
width: 12px;
height: 12px;
background-color: #fff;
}
.carousel-caption {
position: absolute;
left: 15%;
right: 15%;
bottom: 20px;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -10px;
font-size: 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -10px;
}
.carousel-caption {
left: 20%;
right: 20%;
padding-bottom: 30px;
}
.carousel-indicators {
bottom: 20px;
}
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs {
display: none !important;
}
.visible-sm {
display: none !important;
}
.visible-md {
display: none !important;
}
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}  @font-face {
font-family: 'flexslider-icon';
src: url(//perou.store/wp-content/themes/perou/fonts/flexslider-icon.eot);
src: url(//perou.store/wp-content/themes/perou/fonts/flexslider-icon.eot?#iefix) format("embedded-opentype"), url(//perou.store/wp-content/themes/perou/fonts/flexslider-icon.woff) format("woff"), url(//perou.store/wp-content/themes/perou/fonts/flexslider-icon.ttf) format("truetype"), url(//perou.store/wp-content/themes/perou/fonts/flexslider-icon.svg#flexslider-icon) format("svg");
font-weight: normal;
font-style: normal;
} .flex-container a:hover,
.flex-slider a:hover {
outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flex-pauseplay span {
text-transform: capitalize;
} .flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
width: 100%;
display: block;
}
.flexslider .slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .flexslider .slides {
display: block;
}
* html .flexslider .slides {
height: 1%;
}
.no-js .flexslider .slides > li:first-child {
display: block;
} .flexslider {
margin: 0 0 60px;
background: #fff;
border: 4px solid #fff;
position: relative;
zoom: 1;
border-radius: 4px;
-o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
zoom: 1;
}
.flexslider .slides img {
height: auto;
-moz-user-select: none;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
.carousel li {
margin-right: 5px;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
font-family: "flexslider-icon";
font-size: 40px;
display: inline-block;
content: '\f001';
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
content: '\f002';
}
.flex-direction-nav .flex-prev {
left: -50px;
}
.flex-direction-nav .flex-next {
right: -50px;
text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
opacity: 0.7;
right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0 !important;
filter: alpha(opacity=0);
cursor: default;
z-index: -1;
}
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before {
font-family: "flexslider-icon";
font-size: 20px;
display: inline-block;
content: '\f004';
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
content: '\f003';
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
border-radius: 20px;
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
height: auto;
display: block;
opacity: .7;
cursor: pointer;
-moz-user-select: none;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
} @media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}
.ps-container {
-ms-touch-action: auto;
touch-action: auto;
overflow: hidden !important;
-ms-overflow-style: none;
}
@supports (-ms-overflow-style: none) {
.ps-container {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps-container {
overflow: auto !important;
}
}
.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
display: block;
background-color: transparent;
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: #eee;
opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: #999;
height: 11px;
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: #eee;
opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: #999;
width: 11px;
}
.ps-container > .ps-scrollbar-x-rail {
display: none;
position: absolute; opacity: 0;
-webkit-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
bottom: 0px; height: 15px;
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
position: absolute; background-color: #aaa;
border-radius: 6px;
-webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
bottom: 2px; height: 6px;
}
.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
height: 11px;
}
.ps-container > .ps-scrollbar-y-rail {
display: none;
position: absolute; opacity: 0;
-webkit-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
right: 0; width: 15px;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
position: absolute; background-color: #aaa;
border-radius: 6px;
-webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
right: 2px; width: 6px;
}
.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
width: 11px;
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: #eee;
opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: #999;
height: 11px;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: #eee;
opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: #999;
width: 11px;
}
.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
opacity: 0.6;
}
.ps-container:hover > .ps-scrollbar-x-rail:hover {
background-color: #eee;
opacity: 0.9;
}
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
background-color: #999;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover {
background-color: #eee;
opacity: 0.9;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
background-color: #999;
}
div.juxtapose-wrapper {
position: relative;
margin-bottom: 20px;
}
div.juxtapose-wrapper img:nth-of-type(2) {
position: absolute;
top: 0;
left: 0;
}
div.juxtapose-wrapper.black div.jx-control {
background-color: #000;
}
div.juxtapose-wrapper.black div.jx-controller {
background-color: #000;
}
div.juxtapose-wrapper.black div.jx-arrow.jx-left {
border-color: transparent #000 transparent transparent;
}
div.juxtapose-wrapper.black div.jx-arrow.jx-right {
border-color: transparent transparent transparent #000;
}
div.juxtapose-wrapper.black .vertical div.jx-arrow.jx-left {
border-color: transparent transparent #000 transparent;
}
div.juxtapose-wrapper.black .vertical div.jx-arrow.jx-right {
border-color: #000 transparent transparent transparent;
}
div.juxtapose-wrapper.white div.jx-control {
background-color: #FFF;
}
div.juxtapose-wrapper.white div.jx-controller {
background-color: #FFF;
}
div.juxtapose-wrapper.white div.jx-arrow.jx-left {
border-color: transparent #FFF transparent transparent;
}
div.juxtapose-wrapper.white div.jx-arrow.jx-right {
border-color: transparent transparent transparent #FFF;
}
div.juxtapose-wrapper.white .vertical div.jx-arrow.jx-left {
border-color: transparent transparent #FFF transparent;
}
div.juxtapose-wrapper.white .vertical div.jx-arrow.jx-right {
border-color: #FFF transparent transparent transparent;
}
div.juxtapose {
width: 100%;
font-family: Helvetica, Arial, sans-serif;
}
div.jx-slider {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
cursor: pointer;
}
div.jx-slider img,
div.jx-slider .img-responsive {
max-width: initial !important;
left: auto;
height: inherit !important;
}
div.jx-handle {
position: absolute;
height: 100%;
width: 40px;
cursor: col-resize;
z-index: 10;
margin-left: -20px; color: white;
white-space: nowrap;
line-height: 18px;
vertical-align: middle;
}
div.jx-handle:hover div.jx-arrow.jx-left,
div.jx-handle:active div.jx-arrow.jx-left {
left: -1px;
}
div.jx-handle:hover div.jx-arrow.jx-right,
div.jx-handle:active div.jx-arrow.jx-right {
right: -1px;
}
div.jx-handle.transition {
-webkit-transition: left .5s ease;
transition: left .5s ease;
}
div.jx-image.jx-left div.jx-label {
float: left;
left: 0;
}
div.jx-image.jx-right div.jx-label {
float: right;
right: 0;
}
.vertical div.jx-image div.jx-label {
display: table;
position: absolute;
}
.vertical div.jx-image.jx-right div.jx-label {
left: 0;
bottom: 0;
top: initial;
}
div.jx-credit {
line-height: 1.1;
font-size: 0.75em;
}
div.jx-credit em {
font-weight: bold;
font-style: normal;
} div.jx-image.transition {
-webkit-transition: width .5s ease;
transition: width .5s ease;
}
div.jx-handle.transition {
-webkit-transition: left .5s ease;
transition: left .5s ease;
}
.vertical div.jx-image.transition {
-webkit-transition: height .5s ease;
transition: height .5s ease;
}
.vertical div.jx-handle.transition {
-webkit-transition: top .5s ease;
transition: top .5s ease;
} a.jx-knightlab {
display: none;
}
.vertical div.jx-handle {
height: 40px;
width: 100%;
cursor: row-resize;
margin-top: -20px;
margin-left: 0;
}
.vertical div.jx-handle:hover div.jx-arrow.jx-left,
.vertical div.jx-handle:active div.jx-arrow.jx-left {
left: 0;
top: 0;
}
.vertical div.jx-handle:hover div.jx-arrow.jx-right,
.vertical div.jx-handle:active div.jx-arrow.jx-right {
right: 0;
bottom: 0;
}
.vertical div.jx-handle.transition {
-webkit-transition: top .5s ease;
transition: top .5s ease;
}
div.jx-control {
height: 100%;
margin-right: auto;
margin-left: auto;
width: 3px;
background-color: #006FBB;
}
.vertical div.jx-control {
height: 3px;
width: 100%;
background-color: white;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
div.jx-controller {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
height: 60px;
width: 9px;
margin-left: -3px;
background-color: #006FBB;
}
.vertical div.jx-controller {
height: 9px;
width: 100px;
margin-left: auto;
margin-right: auto;
top: -3px;
position: relative;
}
div.jx-arrow {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
width: 0;
height: 0;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
div.jx-arrow.jx-left {
left: 2px;
border-style: solid;
border-width: 8px 8px 8px 0;
border-color: transparent #006FBB transparent transparent;
}
div.jx-arrow.jx-right {
right: 2px;
border-style: solid;
border-width: 8px 0 8px 8px;
border-color: transparent transparent transparent #006FBB;
}
.vertical div.jx-arrow {
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
width: 0;
height: 0;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.vertical div.jx-arrow.jx-left {
left: 0;
top: 2px;
border-style: solid;
border-width: 0 8px 8px 8px;
border-color: transparent transparent #006FBB transparent;
}
.vertical div.jx-arrow.jx-right {
right: 0;
top: initial;
bottom: 2px;
border-style: solid;
border-width: 8px 8px 0 8px;
border-color: #006FBB transparent transparent transparent;
}
div.jx-image {
position: absolute;
height: 100%;
display: inline-block;
top: 0;
overflow: hidden;
-webkit-backface-visibility: hidden;
-webkit-transform: scale(1);
}
div.jx-image img {
height: 100%;
z-index: 5;
position: absolute;
max-height: initial;
max-width: initial;
margin: 0 !important;
width: auto !important;
}
div.jx-image.jx-left {
left: 0;
background-position: left;
}
div.jx-image.jx-left img {
left: 0;
}
div.jx-image.jx-left div.jx-label {
float: left;
left: 0;
}
div.jx-image.jx-right {
right: 0;
background-position: right;
}
div.jx-image.jx-right img {
right: 0;
bottom: 0;
}
div.jx-image.jx-right div.jx-label {
float: right;
right: 0;
}
div.jx-image div.jx-label {
font-size: 1em;
padding: .25em .75em;
position: relative;
display: inline-block;
top: 0;
background-color: #000;
background-color: rgba(0, 0, 0, 0.7);
color: white;
z-index: 10;
white-space: nowrap;
line-height: 18px;
vertical-align: middle;
}
div.jx-image.transition {
-webkit-transition: width .5s ease;
transition: width .5s ease;
}
.vertical div.jx-image {
width: 100%;
left: 0;
top: initial;
}
.vertical div.jx-image img {
height: initial;
width: 100%;
}
.vertical div.jx-image.jx-right {
bottom: 0;
background-position: bottom;
}
.vertical div.jx-image.jx-right div.jx-label {
left: 0;
bottom: 0;
top: initial;
}
.vertical div.jx-image div.jx-label {
display: table;
position: absolute;
}
.vertical div.jx-image.transition {
-webkit-transition: height .5s ease;
transition: height .5s ease;
}
.veritcal div.jx-image.jx-left {
top: 0;
background-position: top;
}
.veritcal div.jx-image.jx-left img {
top: 0;
}
.veritcal div.jx-image.jx-right img {
bottom: 0;
}
div.jx-credit {
margin-top: 5px;
line-height: 1.1;
font-size: 0.75em;
}
div.jx-credit em {
font-weight: bold;
font-style: normal;
} div.jx-controller:focus,
div.jx-image.jx-left div.jx-label:focus,
div.jx-image.jx-right div.jx-label:focus {
background: #eae34a;
color: #000;
}
.sprite-annotation {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -183px -87px;
width: 21px;
height: 21px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-annotation {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-arrow-down {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -224px -75px;
width: 5px;
height: 5px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-arrow-down {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-arrow-left {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png?t=20170317102105);
background-position: -224px -94px;
width: 5px;
height: 5px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-arrow-left {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-arrow-right {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -224px -85px;
width: 5px;
height: 5px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-arrow-right {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-arrow-up {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -224px -80px;
width: 5px;
height: 5px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-arrow-up {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-bag {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -157px -106px;
width: 22px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-bag {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-close-btn-white {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -164px -65px;
width: 12px;
height: 12px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-close-btn-white {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-close-btn {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -26px -157px;
width: 25px;
height: 25px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-close-btn {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-contact-chat {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -48px -203px;
width: 16px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-contact-chat {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-contact-email {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: 0px -203px;
width: 16px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-contact-email {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-contact-phone {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -16px -203px;
width: 16px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-contact-phone {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-facebook {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -183px -22px;
width: 22px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-facebook {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-flag-au {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -106px -183px;
width: 26px;
height: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-flag-au {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-flag-ca {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -80px -183px;
width: 26px;
height: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-flag-ca {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-flag-cn {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -158px -183px;
width: 26px;
height: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-flag-cn {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-flag-fr {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -132px -183px;
width: 26px;
height: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-flag-fr {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-flag-hk {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -96px -109px;
width: 26px;
height: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-flag-hk {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-flag-jp {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -205px -45px;
width: 26px;
height: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-flag-jp {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-flag-sg {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -205px -15px;
width: 26px;
height: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-flag-sg {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-flag-tw {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -205px 0px;
width: 26px;
height: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-flag-tw {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-flag-uk {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -205px -60px;
width: 26px;
height: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-flag-uk {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-flag-us {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -205px -30px;
width: 26px;
height: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-flag-us {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-footer-app-android {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: 0px -40px;
width: 135px;
height: 40px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-footer-app-android {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-footer-app-ios {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: 0px 0px;
width: 135px;
height: 40px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-footer-app-ios {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-footer-edu {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -48px -80px;
width: 48px;
height: 48px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-footer-edu {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-footer-friends {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -135px 0px;
width: 48px;
height: 48px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-footer-friends {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-footer-vip {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: 0px -80px;
width: 48px;
height: 48px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-footer-vip {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-gallery-arrow-down {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -184px -183px;
width: 20px;
height: 10px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-gallery-arrow-down {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-gallery-arrow-up {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -183px -169px;
width: 20px;
height: 10px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-gallery-arrow-up {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-help-order {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -135px -77px;
width: 29px;
height: 29px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-help-order {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-help-payment {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -96px -80px;
width: 29px;
height: 29px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-help-payment {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-help-product {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: 0px -128px;
width: 29px;
height: 29px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-help-product {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-help-promo {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -29px -128px;
width: 29px;
height: 29px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-help-promo {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-help-returns {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -58px -128px;
width: 29px;
height: 29px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-help-returns {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-help-shipping {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -135px -48px;
width: 29px;
height: 29px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-help-shipping {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-instagram {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -161px -157px;
width: 22px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-instagram {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-journal-share-email {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -183px 0px;
width: 22px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-journal-share-email {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-journal-share-fb {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -117px -157px;
width: 22px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-journal-share-fb {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-journal-share-pin {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -183px -44px;
width: 22px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-journal-share-pin {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-journal-share-pocket {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -51px -157px;
width: 22px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-journal-share-pocket {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-journal-share-reddit {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -73px -157px;
width: 22px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-journal-share-reddit {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-journal-share-tw {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -95px -157px;
width: 22px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-journal-share-tw {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-live-chat-close {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -205px -75px;
width: 19px;
height: 19px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-live-chat-close {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-live-chat {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -205px -94px;
width: 19px;
height: 19px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-live-chat {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-marketplace-i-icon {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -90px -203px;
width: 11px;
height: 11px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-marketplace-i-icon {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-product-free-delivery {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: 0px -157px;
width: 26px;
height: 26px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-product-free-delivery {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-product-note-i {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -32px -203px;
width: 16px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-product-note-i {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-product-note-tick {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -165px -128px;
width: 16px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-product-note-tick {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-product-returns-30 {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -113px -128px;
width: 26px;
height: 26px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-product-returns-30 {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-product-same-day {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -87px -128px;
width: 26px;
height: 26px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-product-same-day {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-product-tax-included {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -139px -128px;
width: 26px;
height: 26px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-product-tax-included {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-related-arrow-next {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -164px -77px;
width: 12px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-related-arrow-next {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-search-clear {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -64px -203px;
width: 14px;
height: 14px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-search-clear {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-search {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -205px -113px;
width: 17px;
height: 17px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-search {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-share-email {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -40px -183px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-share-email {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-share-fb {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -60px -183px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-share-fb {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-share-gp {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -20px -183px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-share-gp {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-share-pin {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: 0px -183px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-share-pin {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-share-tb {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -183px -149px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-share-tb {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-share-tw {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -183px -129px;
width: 20px;
height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-share-tw {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-size-guide {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -205px -130px;
width: 17px;
height: 17px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-size-guide {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-slider-next {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -222px -113px;
width: 9px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-slider-next {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-slider-prev {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -222px -130px;
width: 9px;
height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-slider-prev {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-star-black-feed {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -183px -108px;
width: 21px;
height: 21px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-star-black-feed {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-star-black {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -205px -147px;
width: 17px;
height: 17px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-star-black {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-star-grey-feed {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -183px -66px;
width: 21px;
height: 21px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-star-grey-feed {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-star-grey {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -205px -164px;
width: 17px;
height: 17px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-star-grey {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-tick-added {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -205px -181px;
width: 17px;
height: 17px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-tick-added {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-tick-order {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -122px -109px;
width: 12px;
height: 12px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-tick-order {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-tick-progress {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -78px -203px;
width: 12px;
height: 12px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-tick-progress {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-tick-selected {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -125px -80px;
width: 10px;
height: 10px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-tick-selected {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-tick-subscribe {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -164px -48px;
width: 17px;
height: 17px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-tick-subscribe {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-twitter {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -139px -157px;
width: 22px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-twitter {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.sprite-weibo {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -135px -106px;
width: 22px;
height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.sprite-weibo {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
html,
body,
#body-wrapper,
#container {
min-height: 550px;
}
.sprite {
vertical-align: middle;
}
.container-fluid {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 767px) {
#container {
padding: 0 5px;
}
}
.visible-app {
display: none;
}
body.store-app .hidden-app {
display: none !important;
}
body.store-app .visible-app {
display: block;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
textarea {
-webkit-appearance: none;
}
a:hover {
text-decoration: none !important;
}
a.blue {
color: #006FBB;
}
a.blue:hover {
color: #008dee;
}
.sprite {
display: inline-block;
}
#alerts-container {
position: fixed;
top: 90px;
right: 15px;
z-index: 100;
}
#alerts-container .alert {
border-radius: 5px;
border: none;
min-width: 260px;
max-width: 400px;
padding: 20px 40px 18px 15px;
margin-bottom: 10px;
position: relative;
font-size: 13.5px;
}
#alerts-container .alert.alert-success {
background: #000;
color: #FFF;
}
#alerts-container .alert.alert-success .close {
color: #7D7D7D;
}
#alerts-container .alert.alert-danger {
background: #FADCDC;
color: #C5281C;
}
#alerts-container .alert.alert-danger .close {
color: #C5281C;
}
#alerts-container .alert ul {
display: inline-block;
}
#alerts-container .alert .close {
opacity: 1;
text-shadow: none;
float: none;
position: absolute;
right: 15px;
top: 17px;
}
#alerts-container .alert .close:focus {
outline: none;
}
#alerts-container .alert .close:hover {
opacity: 0.8;
}
@media (max-width: 767px) {
#alerts-container {
right: 0;
left: 0;
top: 70px;
padding: 0 15px;
}
#alerts-container .alert {
width: 85%;
margin-left: auto;
margin-right: auto;
white-space: normal;
}
}
.breadcrumb {
background: none;
padding: 0;
margin: 0;
font-size: 12.5px;
}
.breadcrumb > li a {
color: #7D7D7D;
}
.breadcrumb > li a:hover {
color: #000;
}
.breadcrumb > li + li {
color: #000;
}
.breadcrumb > li + li.active {
color: #000;
}
.breadcrumb > li + li:before {
content: " ÃƒÂ¢Ã¢â€šÂ¬Ã‚Âº ";
padding: 0 3px;
color: #7D7D7D;
}
.select-wrapper {
margin-bottom: 15px;
border: solid 1px #E0E0E0;
position: relative;
width: 200px;
float: right;
}
.select-wrapper:after {
content: '';
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -224px -75px;
width: 5px;
height: 5px;
}
#customer_details {
width: 50% !important;
}
.woocommerce-account-fields input[type="checkbox"] {
position: relative !important;
}
#payment .payment_methods > .wc_payment_method > label {
display: block;
padding: 15px 33px 0px 33px !important;
cursor: pointer;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.select-wrapper:after {
background-image: url(//perou.store/wp-content/themes/perou/images/sprite@2x.png);
background-size: 231px 219px;
}
}
.select-wrapper select {
width: 100%;
background: transparent;
border: none;
padding: 10px 20px 10px 10px;
height: auto;
font-size: 13px;
-webkit-appearance: none;
-moz-appearance: none;
box-shadow: none;
line-height: 1em;
}
.select-wrapper select:focus {
outline: none;
box-shadow: none;
}
#site-header-wrapper.sticky #site-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 12;
}
#site-header-wrapper.sticky #site-header #site-header-desktop {
height: 60px;
}
#site-header-wrapper.sticky #site-header #site-header-desktop > div.site-header-desktop-section > ul > li > a {
padding: 22px 15px;
}
#site-header-wrapper.sticky #site-header #site-header-desktop > div.site-header-desktop-section > ul > li.locale > a {
padding: 19px 15px;
}
#site-header-wrapper.sticky #site-header #site-header-desktop .navigation-section .logo {
padding: 12px 15px 12px 30px;
}
#site-header-wrapper.sticky #site-header #site-header-desktop .user-section li.header-mini-cart-li #header-mini-cart-component {
padding-bottom: 6px;
}
#site-header-wrapper.sticky #site-header #site-header-desktop .user-section li.header-mini-cart-li #header-mini-cart-component > a {
padding: 12px 11px;
}
.opened_sub,
#site-header-wrapper.sticky #site-header #site-header-desktop .user-section li.header-mini-cart-li #header-mini-cart-component.opened {
padding-bottom: 0;
}
.opened_sub.opened > a {
margin-top: 14px !important;
}
.opened_sub > a,
#site-header-wrapper.sticky #site-header #site-header-desktop .user-section li.header-mini-cart-li #header-mini-cart-component.opened > a {
padding-bottom: 18px;
border-bottom: none;
}
@media (max-width: 1199px) {
#site-header-wrapper.sticky #site-header #site-header-desktop .categories-dropdown .dropdown-menu {
top: 60px;
}
}
#site-header {
border-bottom: solid 1px #F0F0F0;
background: #FFF;
}
#site-header #site-header-desktop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 75px;
margin: 0 -15px !important;
}
#site-header #site-header-desktop > div.site-header-desktop-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#site-header #site-header-desktop > div.site-header-desktop-section > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#site-header #site-header-desktop > div.site-header-desktop-section > ul > li > a {
line-height: 1em;
padding: 30px 14px 31px;
font-size: 14px;
}
#site-header #site-header-desktop .navigation-section .logo {
padding: 19px 15px 19px 30px;
}
#site-header #site-header-desktop .navigation-section .logo img {
width: 150px;
}
#site-header #site-header-desktop .navigation-section .logo:hover {
opacity: .7;
}
#site-header #site-header-desktop .navigation-section .categories-dropdown.sale > a > span,
#site-header #site-header-desktop .navigation-section .gifts.sale > a > span {
color: #C5281C;
}
#site-header #site-header-desktop .navigation-section .categories-dropdown.sale.active > a > span,
#site-header #site-header-desktop .navigation-section .gifts.sale.active > a > span {
border-bottom-color: #C5281C;
}
#site-header #site-header-desktop .navigation-section .categories-dropdown.active > a > span,
#site-header #site-header-desktop .navigation-section .gifts.active > a > span {
padding-bottom: 1px;
border-bottom: solid 1px #333;
}
#site-header #site-header-desktop .user-section .header-mini-cart-li {
-ms-flex-item-align: end;
align-self: flex-end;
}
#site-header #site-header-desktop .user-section #header-mini-cart-component {
padding: 0 10px 14px;
}
#site-header #site-header-desktop .user-section #header-mini-cart-component > a {
padding: 12px 11px;
border: solid 1px #E0E0E0;
font-size: 12.5px;
margin-bottom: -1px;
position: relative;
display: block;
}
#site-header #site-header-desktop .user-section #header-mini-cart-component > a > span {
vertical-align: middle;
margin-right: 5px;
}
#site-header #site-header-desktop .user-section #header-mini-cart-component > a > span.sprite {
color: #FFF;
text-align: center;
line-height: 2.5em;
font-weight: normal;
font-size: 11px;
}
#site-header #site-header-desktop .user-section #header-mini-cart-component > a > span:last-child {
margin: 0;
}
#site-header #site-header-desktop .user-section #header-mini-cart-component.opened {
padding-bottom: 0;
}
.opened_sub > a {
padding-bottom: 27px !important;
margin-top: 20px !important;
border-bottom: 0px solid !important;
}
.opened_sub > a,
#site-header #site-header-desktop .user-section #header-mini-cart-component.opened:hover > a {
border-bottom: none;
}
.opened_sub > a,
#site-header #site-header-desktop .user-section #header-mini-cart-component.opened > a {
background: #F0F0F0;
border-color: #E0E0E0;
z-index: 51;
color: #000;
border-bottom-color: #F0F0F0;
padding-bottom: 26px;
}
.opened_sub #header-mini-cart {
display: table;
}
#site-header #site-header-desktop .user-section #header-mini-cart-component.opened > a.loading:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.6);
z-index: 4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.opened_sub #header-mini-cart,
#site-header #site-header-desktop .user-section #header-mini-cart-component.opened #header-mini-cart {
display: block;
z-index: 50;
}
#site-header #site-header-desktop .dropdown .title {
display: block;
border-bottom: solid 1px #F0F0F0;
padding-bottom: 10px;
font-size: 13.5px;
margin: 0 0 5px;
font-weight: bold;
}
#site-header #site-header-desktop .dropdown .dropdown-menu {
padding: 15px;
background: #FFF;
}
#site-header #site-header-desktop .dropdown .dropdown-menu:before, #site-header #site-header-desktop .dropdown .dropdown-menu:after {
bottom: 100%;
left: 36px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
#site-header #site-header-desktop .dropdown .dropdown-menu:before {
border-color: transparent;
border-bottom-color: #EEE;
border-width: 8px;
margin-left: -8px;
}
#site-header #site-header-desktop .dropdown .dropdown-menu:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #FFF;
border-width: 7px;
margin-left: -7px;
}
#site-header #site-header-desktop .dropdown .dropdown-menu.pull-right:before, #site-header #site-header-desktop .dropdown .dropdown-menu.pull-right:after {
right: 40px;
left: auto;
}
#site-header #site-header-desktop .dropdown .dropdown-menu > li > a {
padding: 5px 0 4px;
font-size: 13px;
color: #000;
}
#site-header #site-header-desktop .dropdown .dropdown-menu > li > a:hover {
background: none;
color: #999999;
}
#site-header #site-header-desktop .dropdown.women .dropdown-menu:before, #site-header #site-header-desktop .dropdown.women .dropdown-menu:after {
left: 45px;
}
#site-header #site-header-desktop .dropdown.locale .title {
margin: 0 0 5px;
}
#site-header #site-header-desktop .dropdown.locale > a {
padding: 27px 15px 26px;
font-size: 12px;
color: #999;
}
#site-header #site-header-desktop .dropdown.locale > a img {
width: 36px;
margin-right: 7px;
border: solid 1px #F0F0F0;
}
#site-header #site-header-desktop .dropdown.locale > .dropdown-menu {
width: 340px;
}
#site-header #site-header-desktop .dropdown.locale > .dropdown-menu .shipping-country > ul > li > a {
padding: 5px 5px 10px 0;
}
#site-header #site-header-desktop .dropdown.locale > .dropdown-menu .menu_level_2 {
list-style: none;
padding: 0;
}
#site-header #site-header-desktop .dropdown.locale > .dropdown-menu .menu_level_2 > li {
display: inline-block;
width: 50%;
}
#site-header #site-header-desktop .dropdown.locale > .dropdown-menu .menu_level_2 > li a {
display: block;
padding: 5px 5px 4px 0;
font-size: 13px;
}
#site-header #site-header-desktop .dropdown.locale > .dropdown-menu .menu_level_2 > li a span {
margin-right: 5px;
vertical-align: middle;
}
#site-header #site-header-desktop .dropdown.locale > .dropdown-menu .menu_level_2 > li a span.sprite {
border: solid 1px #F0F0F0;
box-sizing: content-box;
}
#site-header #site-header-desktop .dropdown.locale > .dropdown-menu .menu_level_2 > li.all-countries {
width: 100%;
margin-top: 10px;
}
#site-header #site-header-desktop .dropdown.locale > .dropdown-menu .menu_level_2 > li.all-countries .country-dropdown {
padding: 11px 15px 11px 10px;
}
#site-header #site-header-desktop .dropdown.locale > .dropdown-menu .language {
margin-bottom: 15px;
}
#site-header #site-header-desktop .dropdown.categories-dropdown:hover .dropdown-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#site-header #site-header-desktop .dropdown.categories-dropdown .dropdown-menu {
padding: 17px 15px 10px;
margin-left: -9px;
}
#site-header #site-header-desktop .dropdown.categories-dropdown .dropdown-menu .title {
font-size: 13.5px;
}
#site-header #site-header-desktop .dropdown.categories-dropdown .dropdown-menu .title.shop-all {
color: #006FBB;
}
#site-header #site-header-desktop .dropdown.categories-dropdown .dropdown-menu .title.shop-all:hover {
color: #008dee;
}
#site-header #site-header-desktop .dropdown.categories-dropdown .dropdown-menu .title.sale {
color: #C5281C;
}
#site-header #site-header-desktop .dropdown.categories-dropdown .dropdown-menu .title.sale:hover {
color: #e8695f;
}
#site-header #site-header-desktop .dropdown.categories-dropdown .dropdown-menu > li {
padding: 0 7px;
width: 150px;
}
#site-header #site-header-desktop .dropdown.categories-dropdown .dropdown-menu > li > a:focus {
background: none;
outline: none;
}
#site-header #site-header-desktop .dropdown.categories-dropdown .dropdown-menu .menu_level_2,
#site-header #site-header-desktop .dropdown.categories-dropdown .dropdown-menu .menu_level_3 {
list-style: none;
padding: 0;
}
#site-header #site-header-desktop .dropdown.categories-dropdown .dropdown-menu .menu_level_2 > li {
position: relative;
padding-bottom: 7px;
margin-bottom: 5px;
}
#site-header #site-header-desktop .dropdown.categories-dropdown .dropdown-menu .menu_level_2 > li:after {
content: '';
border-bottom: solid 1px #F0F0F0;
width: 40px;
position: absolute;
bottom: 0;
left: 0;
}
#site-header #site-header-desktop .dropdown.categories-dropdown .dropdown-menu .menu_level_2 > li.last:after {
display: none;
}
#site-header #site-header-desktop .dropdown.categories-dropdown .dropdown-menu .menu_level_3 > li.view-all {
font-weight: bold;
}
#site-header #site-header-desktop .dropdown.categories-dropdown .dropdown-menu .menu_level_3 > li.view-all > a {
padding-left: 1px;
}
#site-header #site-header-desktop .dropdown.categories-dropdown .dropdown-menu .menu_level_3 > li.view-all > a > span {
vertical-align: middle;
}
#site-header #site-header-desktop .dropdown.categories-dropdown .dropdown-menu .menu_level_3 > li.view-all > a > span.sprite {
margin-left: 2px;
}
#site-header #site-header-desktop .dropdown.categories-dropdown .dropdown-menu .menu_level_3 > li > a {
padding: 5px 0 4px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 13px;
}
@media (max-width: 1199px) {
#site-header #site-header-desktop .dropdown.categories-dropdown:not(.sale) .dropdown-menu {
position: fixed;
top: 75px;
left: 0;
right: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: auto;
border-width: 1px 0;
}
#site-header #site-header-desktop .dropdown.categories-dropdown:not(.sale) .dropdown-menu:after, #site-header #site-header-desktop .dropdown.categories-dropdown:not(.sale) .dropdown-menu:before {
left: 187px;
}
#site-header #site-header-desktop .dropdown.categories-dropdown.women .dropdown-menu:after, #site-header #site-header-desktop .dropdown.categories-dropdown.women .dropdown-menu:before {
left: 253px;
}
}
#site-header .mobile-header {
display: none;
}
@media screen and (max-width: 1025px) {
#site-header .mobile-header {
padding: 0 15px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media screen and (max-width: 1025px) {
#site-header .mobile-header {
height: 55px !important;
}
}
@media (max-width: 767px) {
#site-header {
padding: 0;
}
#site-header .mobile-header {
padding: 0 15px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#site-header .mobile-header > div {
}
#site-header .mobile-header a {
padding: 15px 10px;
display: inline-block;
}
#site-header .mobile-header .logo {
text-align: center;
}
#site-header .mobile-header .logo img {
width: 140px;
}
#site-header .mobile-header .mobile-menu-open > a {
padding-left: 0;
}
#site-header .mobile-header .search-cart > ul {
float: right;
margin: 0;
}
#site-header .mobile-header .search-cart > ul > li {
padding: 0;
vertical-align: middle;
}
#site-header .mobile-header .search-cart > ul > li .fa {
font-size: 18px;
}
#site-header .mobile-header .search-cart > ul > li.cart a {
padding-right: 0;
position: relative;
}
#site-header .mobile-header .search-cart > ul > li.cart a > span {
line-height: 0;
}
#site-header .mobile-header .search-cart > ul > li.cart a > span:not(.sprite) {
position: absolute;
left: 17px;
color: #FFF;
top: 29px;
}
#site-header .mobile-header .search-cart > ul > li.cart a:hover {
opacity: 0.8;
}
#site-header .mobile-header .mobile-search-form {
display: none;
position: absolute;
top: 100%;
z-index: 1;
left: 0;
right: 0;
padding: 10px;
background: #FFF;
}
#site-header .mobile-header .mobile-search-form input {
padding-left: 10px;
height: 38px;
background: #FFF;
z-index: 1;
font-size: 13px;
border-color: #000;
}
#site-header .mobile-header .mobile-search-form button {
background: #000;
color: #FFF;
border: none;
outline: none;
font-size: 13px;
padding: 10px;
width: 70px;
}
#site-header .mobile-header .mobile-search-form.open {
display: block;
}
}
@media screen and (max-width: 1025px) {
#site-header .mobile-header {
padding: 0 15px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media screen and (max-width: 1025px) {
#site-header .mobile-header {
height: 55px !important;
}
}
@media screen and (max-width: 1025px) {
#site-header .mobile-header .logo {
text-align: center;
}
}
@media screen and (max-width: 1025px) {
#site-header .mobile-header .mobile-search-form {
display: none;
position: absolute;
top: 100%;
z-index: 1;
left: 0;
right: 0;
padding: 10px;
background: #FFF;
}
}
@media screen and (max-width: 1025px) {
#site-header {
padding: 0;
}
}
@media screen and (max-width: 1025px) {
#site-header .mobile-header .logo img {
width: 140px;
}
}
header#site-header {
position: relative;
height: 80px !important;
}
@media screen and (max-width: 1025px) {
header#site-header {
height: 55px !important;
}
}
@media screen and (max-width: 1025px) {
#site-header {
padding: 0;
}
}
@media screen and (max-width: 1025px) {
#site-header .mobile-header__right_col {
display: flex;
align-items: center;
justify-content: flex-end;
margin-left: auto;
}
}
@media screen and (max-width: 1025px) {
#site-header .mobile-header .logo a {
padding: 0;
}
}
@media screen and (max-width: 1025px) {
#site-header .mobile-header .logo {
text-align: center;
}
}
@media screen and (max-width: 1025px) {
#site-header .mobile-header a {
padding: 15px 10px;
display: inline-block;
}
}
@media screen and (max-width: 1025px) {
#site-header .mobile-header__right_col .mobile-search {
margin-right: 20px;
width: 20px;
height: 20px;
}
}
@media screen and (max-width: 1025px) {
#site-header .mobile-header__right_col .mobile-search a {
padding: 0;
width: 20px;
height: 20px;
}
}
@media screen and (max-width: 1025px) {
#site-header .mobile-header a {
padding: 15px 10px;
display: inline-block;
}
}
@media screen and (max-width: 1025px) {
.mobile-menu-open {
width: auto;
width: 22px;
height: 16px;
}
}
@media screen and (max-width: 1025px) {
#site-header .mobile-header .mobile-menu-open > a {
padding-left: 0;
}
}
@media screen and (max-width: 1025px) {
#site-header .mobile-header .mobile-menu-open > a {
width: 22px;
height: 16px;
padding: 0;
}
}
@media screen and (max-width: 1025px) {
#site-header .mobile-header a {
padding: 15px 10px;
display: inline-block;
}
}
#site-heading {
margin: 25px 0;
}
#site-heading h1 {
line-height: 1em;
margin: 0;
text-align: center;
font-size: 20px;
font-weight: normal;
}
@media (max-width: 767px) {
#site-heading {
margin: 20px 0 15px;
}
#site-heading h1 {
font-size: 17px;
}
}
#site-footer {
background-color: #F0F0F0;
padding: 30px 0;
}
#site-footer p {
margin-bottom: 20px;
}
#site-footer .newsletter p {
margin-bottom: 15px;
font-size: 13px;
line-height: 1.5em;
color: #666;
}
#site-footer .newsletter .subscribe {
color: #006FBB;
}
#site-footer .newsletter-signup-form {
max-width: 300px;
}
#site-footer .newsletter-signup-form .newsletter-email {
box-shadow: none;
padding: 10px;
height: auto;
border-color: #FFF;
font-size: 13px;
}
#site-footer .newsletter-signup-form .newsletter-form-submit {
padding: 10px;
background-color: #000;
color: #FFF;
font-size: 13px;
}
#site-footer .newsletter-signup-form .newsletter-form-submit:hover {
opacity: 0.8;
}
#site-footer #footer-top-section {
margin-bottom: 20px;
}
#site-footer #footer-top-section .nav > li > span,
#site-footer #footer-top-section .nav > li > a {
display: block;
padding: 0 0 5px;
font-size: 14px;
color: #666;
}
#site-footer #footer-top-section .nav > li > span:hover,
#site-footer #footer-top-section .nav > li > a:hover {
color: #999;
}
#site-footer #footer-top-section .nav > li > span.title,
#site-footer #footer-top-section .nav > li > a.title {
display: block;
margin-bottom: 6px;
font-weight: bold;
padding: 0 0 3px;
font-size: 14px;
color: #000;
}
#site-footer #footer-top-section .nav > li > span.title:hover,
#site-footer #footer-top-section .nav > li > a.title:hover {
color: #000;
}
#site-footer #footer-top-section span.title {
display: block;
margin-bottom: 6px;
font-weight: bold;
padding: 0 0 3px;
font-size: 14px;
color: #000;
}
#site-footer #footer-top-section .app-download p {
color: #666;
font-size: 13px;
}
#site-footer #footer-top-section .app-download-btns {
margin: 0 -5px;
}
#site-footer #footer-top-section .app-download-btns > a {
float: left;
padding: 0 5px;
}
#site-footer #footer-top-section .app-download-btns > a img {
height: 42px;
}
#site-footer #footer-top-section .app-download-btns > a:hover {
opacity: 0.8;
}
#site-footer #footer-bottom-section {
margin-bottom: 20px;
}
#site-footer #footer-bottom-section .social {
padding-top: 9px;
padding-bottom: 9px;
}
#site-footer #footer-bottom-section .social a,
#site-footer #footer-bottom-section .social span {
display: inline-block;
vertical-align: middle;
line-height: 1em;
}
#site-footer #footer-bottom-section .social .logo {
display: inline-block;
margin-right: 15px;
}
#site-footer #footer-bottom-section .social .logo img {
width: 75px;
}
#site-footer #footer-bottom-section .social .social-icons {
display: inline-block;
}
#site-footer #footer-bottom-section .social .social-icons > li {
padding: 0 4px;
}
#site-footer #footer-bottom-section .social .social-icons > li a:hover {
opacity: 0.7;
}
#site-footer #footer-bottom-section .social .copyright {
font-size: 12px;
color: #999;
}
#site-footer #footer-bottom-section .social .copyright a {
color: #7D7D7D;
vertical-align: baseline;
}
#site-footer #footer-bottom-section .social .copyright a:hover {
color: #666;
}
#site-footer #footer-bottom-section .footer-locale > ul {
float: right;
margin-bottom: 0;
}
#site-footer #footer-bottom-section .footer-locale > ul > li {
margin: 0 3px;
padding: 0;
}
#site-footer #footer-bottom-section .footer-locale .norton-logo {
width: 80px;
margin-right: 20px;
}
@media (max-width: 767px) {
#site-footer {
text-align: center;
}
#site-footer > .container-fluid {
padding: 0 15px;
}
#site-footer .footer-banners {
padding-bottom: 0;
}
#site-footer .footer-banners .footer-banner {
margin-bottom: 30px;
}
#site-footer .newsletter form {
width: 100%;
max-width: none;
}
#site-footer #footer-bottom-section .social {
padding-top: 0;
padding-bottom: 0;
}
#site-footer #footer-bottom-section .social .logo {
margin: 10px 0 15px;
display: block;
}
#site-footer #footer-bottom-section .social .social-icons {
margin-bottom: 10px;
display: block;
font-size: 18px;
}
#site-footer #footer-bottom-section .social .social-icons a {
padding: 5px;
margin: 0;
}
#site-footer #footer-bottom-section .social .copyright {
font-size: 11px;
}
}
.dropdown .dropdown-menu {
box-shadow: none;
margin: 0;
}
.dropdown:hover > .dropdown-menu {
display: block;
}
.dropdown > a > span {
vertical-align: middle;
}
.dropdown > a > span.sprite {
margin-left: 5px;
}
dl.sidebar-nav dt {
padding: 15px 0 3px 0;
font-weight: bold;
font-size: 15px;
margin-bottom: 15px;
}
dl.sidebar-nav dt:first-child {
padding-top: 0;
}
dl.sidebar-nav dd > a {
padding: 3px 0;
display: block;
margin-bottom: 15px;
}
dl.sidebar-nav dd > a:hover {
color: #999999;
}
#promo-bar {
background: #F0F0F0;
text-align: center;
}
#promo-bar .message-wrapper {
padding: 16px 0;
display: block;
font-size: 13px;
width: 100%;
color: #C5281C;
}
#promo-bar .message-wrapper:hover {
color: #e8695f;
}
#promo-bar .message-wrapper .call-to-action {
font-size: 13px;
text-decoration: underline;
margin-left: 8px;
}
#free-shipping-bar-wrapper {
background-color: #E0E0E0;
position: fixed;
bottom: 0;
left: 0;
right: 0;
text-align: center;
z-index: 1000;
display: none;
}
#free-shipping-bar-wrapper.newsletter .message-wrapper {
padding: 10px 0;
}
#free-shipping-bar-wrapper.newsletter #newsletter-msg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#free-shipping-bar-wrapper.newsletter #shipping-msg {
display: none;
}
#free-shipping-bar-wrapper #free-shipping-bar {
position: relative;
}
#free-shipping-bar-wrapper #newsletter-msg {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #FFF;
display: none;
}
#free-shipping-bar-wrapper #newsletter-msg form {
width: 350px;
display: inline-block;
margin-left: 10px;
}
#free-shipping-bar-wrapper #newsletter-msg form input {
border: none;
border-bottom: solid 1px #999;
box-shadow: none;
background: none;
color: #999;
padding-left: 0;
height: 33px;
}
#free-shipping-bar-wrapper #newsletter-msg form input::-webkit-input-placeholder {
color: #999;
}
#free-shipping-bar-wrapper #newsletter-msg form .input-group-btn {
padding-left: 10px;
}
#free-shipping-bar-wrapper #newsletter-msg form .input-group-btn button {
background: none;
border: solid 1px #FFF;
color: #FFF;
}
#free-shipping-bar-wrapper #newsletter-msg form .input-group-btn button:hover {
color: #000;
background: #FFF;
}
#free-shipping-bar-wrapper .message-wrapper {
color: #000;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
display: block;
line-height: 1.2em;
padding: 15px 0;
font-size: 13px;
}
#free-shipping-bar-wrapper .message-wrapper > * {
display: inline-block;
vertical-align: middle;
}
#free-shipping-bar-wrapper .message-wrapper > * a {
text-decoration: underline;
}
#free-shipping-bar-wrapper .message-wrapper .message {
margin: 0 10px;
}
#free-shipping-bar-wrapper .message-wrapper .hbx-logo {
width: 26px;
}
#free-shipping-bar-wrapper .message-wrapper .shop-now {
padding: 10px;
border: solid 1px #666;
}
#free-shipping-bar-wrapper .message-wrapper .shop-now:hover {
background-color: #FFF;
color: #000;
}
#free-shipping-bar-wrapper .tooltip {
opacity: 1;
}
#free-shipping-bar-wrapper .tooltip .tooltip-arrow {
border-top-color: #333;
}
#free-shipping-bar-wrapper .tooltip .tooltip-inner {
text-align: left;
background: #333;
max-width: 400px;
width: auto;
padding: 8px 12px;
border-radius: 3px;
}
#free-shipping-bar-wrapper .close-btn {
position: absolute;
top: 50%;
right: 5px;
padding: 10px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
line-height: 0;
}
#free-shipping-bar-wrapper .close-btn svg {
fill: #666;
width: 12px;
height: 12px;
}
#free-shipping-bar-wrapper.black {
background-color: #0F0F0F;
}
#free-shipping-bar-wrapper.black .message-wrapper {
color: #FFF;
}
#free-shipping-bar-wrapper.black .close-btn svg {
fill: #FFF;
}
#free-shipping-bar-wrapper.show {
display: block;
}
@media (max-width: 767px) {
#free-shipping-bar-wrapper .message-wrapper {
padding: 15px 0;
padding-right: 25px;
}
#free-shipping-bar-wrapper .message-wrapper .message {
display: inline;
}
#free-shipping-bar-wrapper .message-wrapper .shop-now {
border: none;
padding: 0;
}
}
.intercom-launcher-frame {
display: none !important;
}
#intercom-toggle {
position: fixed;
right: 20px;
bottom: 15px;
background: #000;
padding: 13px 15px;
color: #FFF;
margin: 0;
cursor: pointer;
z-index: 2;
font-size: 13px;
}
#intercom-toggle span {
vertical-align: middle;
}
#intercom-toggle .sprite {
margin-right: 5px;
}
#intercom-toggle .close-text {
display: none;
}
#intercom-toggle.opened .open-text {
display: none;
}
#intercom-toggle.opened .close-text {
display: block;
}
body.promo-bar-open #intercom-toggle {
bottom: 70px;
}
body.promo-bar-open #intercom-container .intercom-app-container .intercom-app-launcher-enabled .intercom-messenger-frame {
bottom: 130px !important;
}
.country-dropdown,
.currency-dropdown,
.language-dropdown {
position: relative;
padding: 10px 20px 10px 10px;
border: solid 1px #E0E0E0;
}
.country-dropdown img,
.currency-dropdown img,
.language-dropdown img {
width: 30px;
vertical-align: middle;
margin-right: 5px;
}
.country-dropdown span,
.currency-dropdown span,
.language-dropdown span {
vertical-align: middle;
font-size: 13px;
}
.country-dropdown select,
.currency-dropdown select,
.language-dropdown select {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
-webkit-appearance: none;
-moz-appearance: none;
width: 100%;
border: none;
height: 100%;
}
.country-dropdown .sprite,
.currency-dropdown .sprite,
.language-dropdown .sprite {
position: absolute;
right: 12px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#locale-setting-bar {
background-color: #F0F0F0;
text-align: center;
padding: 11px 30px;
font-size: 13px;
display: none;
position: relative;
color: #666;
}
#locale-setting-bar strong {
color: #000;
}
#locale-setting-bar a {
color: #006FBB;
}
#locale-setting-bar a:hover {
color: #008dee;
}
#locale-setting-bar .close-btn {
position: absolute;
top: 50%;
right: 5px;
padding: 10px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
line-height: 0;
}
#locale-setting-bar .close-btn svg {
width: 12px;
height: 12px;
fill: #333;
}
@media (min-width: 768px) {
#locale-setting-bar.show {
display: block;
}
}
.header-search {
position: relative;
width: 290px;
}
@media (max-width: 991px) {
.header-search {
width: 180px;
}
}
.header-search input {
padding: 14px 32px 14px 10px;
border: solid 1px #E0E0E0;
height: auto;
border-radius: 0;
width: 100%;
text-indent: 2px;
color: #999;
font-size: 13px;
box-shadow: none;
}
.header-search input:focus {
outline: none;
box-shadow: none;
border-color: #000;
color: #000;
}
.header-search .submit-btn {
position: absolute;
right: 7px;
top: 50%;
line-height: 0;
background: none;
border: none;
font-size: 18px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.header-search .submit-btn:hover {
background: #F5F5F5;
}
.header-search .clear-btn {
position: absolute;
right: 35px;
top: 50%;
line-height: 0;
background: none;
border: none;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding: 2px 6px;
}
.header-search .clear-btn:hover {
background: #F5F5F5;
}
.header-search .results {
z-index: 10;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #FFF;
padding: 10px 0;
border: solid 1px #E0E0E0;
border-top: none;
}
.header-search .results h2 {
font-size: 11px;
color: #B4B4B4;
text-align: right;
margin-top: 0;
padding: 0 10px;
font-weight: normal;
}
.header-search .results .results-section {
margin-bottom: 10px;
}
.header-search .results .results-section:last-child {
margin: 0;
}
.header-search .results ul {
margin: 0;
}
.header-search .results ul > li > a {
display: block;
padding: 8px 15px;
font-size: 13px;
}
.header-search .results ul > li > a .count {
font-size: 11px;
color: #999;
}
.header-search .results ul > li > a:hover {
color: #000;
}
.header-search .results ul > li:hover, .header-search .results ul > li.active {
background: #F0F0F0;
}
.header-search .results .product-results .row {
margin: 0 -5px;
}
.header-search .results .product-results .row > div {
padding: 0 5px;
float: left;
}
.header-search .results .product-results .image {
width: 18%;
}
.header-search .results .product-results .details {
width: 82%;
}
.header-search .results .product-results .brand {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 11px;
font-weight: bold;
}
.header-search .results .product-results .name {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-bottom: 3px;
font-size: 13px;
}
.header-search .results .product-results .info {
color: #999;
font-size: 11px;
}
.header-search .results .product-results .info .regular-price.on-sale {
text-decoration: line-through;
}
.header-search .results .product-results .info .sale-price {
color: #C5281C;
}
.header-search .results .product-results .info .out-of-stock {
color: #C5281C;
} html.swipebox-html {
overflow: hidden !important;
}
html.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
-webkit-animation: rightSpring 0.3s;
animation: rightSpring 0.3s;
}
html.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
-webkit-animation: leftSpring 0.3s;
animation: leftSpring 0.3s;
}
html.swipebox-touch #swipebox-container:before, html.swipebox-touch #swipebox-container:after {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .3s ease;
transition: all .3s ease;
content: ' ';
position: absolute;
z-index: 999;
top: 0;
height: 100%;
width: 20px;
opacity: 0;
}
html.swipebox-touch #swipebox-container:before {
left: 0;
box-shadow: inset 10px 0 10px -8px #656565;
}
html.swipebox-touch #swipebox-container:after {
right: 0;
box-shadow: inset -10px 0 10px -8px #656565;
}
html.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,
html.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
opacity: 1;
}
#swipebox-overlay {
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
top: 0;
left: 0;
z-index: 10000;
}
#swipebox-overlay img {
border: none !important;
}
#swipebox-container {
position: relative;
width: 100%;
height: 100%;
}
#swipebox-slider {
-webkit-transition: -webkit-transform 0.4s ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
height: 100%;
left: 0;
top: 0;
width: 100%;
white-space: nowrap;
position: absolute;
display: none;
}
#swipebox-slider .slide {
height: 100%;
width: 100%;
line-height: 1px;
text-align: center;
display: inline-block;
}
#swipebox-slider .slide:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
display: inline-block;
max-height: 90%;
max-width: 100%;
margin: 0;
padding: 0;
width: auto;
height: auto;
vertical-align: middle;
}
#swipebox-slider .slide.current.slide-loading:after {
content: "\f1ce";
font-family: FontAwesome;
color: #EEE;
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
z-index: 1;
position: absolute;
font-size: 20px;
opacity: .7;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#swipebox-arrows {
position: absolute;
top: 50%;
width: 100%;
left: 0;
z-index: 1;
margin-top: -26px;
height: 0;
}
#swipebox-prev,
#swipebox-next {
outline: 0;
display: block;
position: absolute;
width: 30px;
height: 50px;
text-indent: -9999px;
opacity: 0.8;
background-color: #EEE;
background-position: center center;
background-repeat: no-repeat;
-webkit-transition: all 50ms ease-out;
transition: all 50ms ease-out;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
cursor: pointer;
}
#swipebox-prev:hover,
#swipebox-next:hover {
opacity: 1;
background-color: #AAA;
}
#swipebox-prev.disabled, #swipebox-prev.disabled:hover,
#swipebox-next.disabled,
#swipebox-next.disabled:hover {
opacity: 0.1;
cursor: default;
}
#swipebox-prev {
left: 0;
background-image: url(//perou.store/wp-content/themes/perou/images/left-arrow.png);
background-size: 15px 30px;
}
#swipebox-next {
right: 0;
background-image: url(//perou.store/wp-content/themes/perou/images/right-arrow.png);
background-size: 15px 30px;
}
#swipebox-close {
border: none !important;
text-decoration: none !important;
cursor: pointer;
top: 0;
right: 0;
position: absolute;
z-index: 9999;
width: 50px;
height: 50px;
background: url(data:image/gif;base64,R0lGODlhFAAUAPABAP///wAAACH/C1hNUCBEYXRhWE1QAT8AIfkEBQAAAQAsAAAAABQAFABAAjIEgqkbxm3iQ3LCoyrT293HTeGXjKC5jBzaRZhVeiyZefV7YvONw9dOC95ENmEO4ksBCgA7) no-repeat center center;
}
@-webkit-keyframes rightSpring {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes rightSpring {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes leftSpring {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes leftSpring {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
body.store_homepage hr {
margin: 30px 0;
}
body.store_homepage #homepage-banners {
border-bottom: solid 1px #EEE;
}
body.store_homepage .banner {
margin-bottom: 30px;
}
body.store_homepage .banner .banner-image {
margin-bottom: 10px;
display: block;
position: relative;
}
body.store_homepage .banner .banner-image:after {
content: '';
background-color: #000;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
body.store_homepage .banner .banner-image:hover:after {
opacity: 0.3;
}
body.store_homepage .banner .banner-image img {
width: 100%;
}
body.store_homepage .banner .banner-text {
text-align: center;
display: block;
}
body.store_homepage .banner .banner-text .title {
font-size: 22px;
margin: 0 0 5px;
font-weight: bold;
line-height: 1.1em;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
}
body.store_homepage .banner .banner-text .subtitle {
font-size: 14px;
color: #999;
margin: 0;
}
@media (max-width: 767px) {
body.store_homepage .banner {
margin-bottom: 20px;
}
body.store_homepage .banner .banner-text .title {
font-size: 20px;
margin-bottom: 8px;
}
}
body.store_homepage #large-banner {
margin: 0 -30px 30px -30px;
position: relative;
}
body.store_homepage #large-banner img {
width: 100%;
}
body.store_homepage #large-banner .banner-text {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0px;
right: 0px;
position: absolute;
color: #FFF;
text-align: center;
}
body.store_homepage #large-banner .banner-text.black {
color: #000;
}
body.store_homepage #large-banner .banner-text.black .subtitle {
color: #000;
}
body.store_homepage #large-banner .banner-text.right {
left: auto;
right: 50px;
text-align: right;
}
body.store_homepage #large-banner .title {
margin-bottom: 13px;
font-weight: bold;
line-height: 1.2em;
font-size: 52px;
}
body.store_homepage #large-banner .subtitle {
margin-bottom: 25px;
font-size: 15px;
color: #FFF;
}
body.store_homepage #large-banner .call-to-action {
background-color: #000;
color: #FFF;
padding: 14px 19px;
font-size: 15px;
border: none;
display: inline-block;
}
body.store_homepage #large-banner .call-to-action:hover {
background-color: #FFF;
color: #000;
}
@media (min-width: 768px) {
body.store_homepage #homepage-middle-banners {
margin: 0 -30px 0px -30px;
}
body.store_homepage #homepage-middle-banners .banner {
float: left;
padding: 0;
margin: 0;
position: relative;
}
body.store_homepage #homepage-middle-banners .banner-image {
margin: 0;
}
body.store_homepage #homepage-middle-banners .banner-image:after {
opacity: 0.3;
}
body.store_homepage #homepage-middle-banners .banner-image:hover:after {
opacity: 0;
}
body.store_homepage #homepage-middle-banners .banner-text {
position: absolute;
top: 50%;
left: 50%;
color: #FFF;
-webkit-transform: translate3D(-50%, -50%, 1px);
transform: translate3D(-50%, -50%, 1px);
}
body.store_homepage #homepage-middle-banners .banner-text .title {
font-size: 30px;
margin-bottom: 10px;
}
body.store_homepage #homepage-middle-banners .banner-text .subtitle {
color: #E1E1E1;
}
}
body.store_homepage #mobile-homepage-banner {
position: relative;
margin: 0 -15px;
}
body.store_homepage #mobile-homepage-banner img {
width: 100%;
}
body.store_homepage #mobile-homepage-banner .banner-text {
position: absolute;
top: 50%;
left: 0;
right: 0;
color: #FFF;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 20px;
}
body.store_homepage #mobile-homepage-banner .banner-text .title {
font-size: 34px;
margin-bottom: 10px;
}
body.store_homepage #mobile-homepage-banner .banner-text .subtitle {
font-size: 14px;
line-height: 1.6em;
color: #FFF;
}
body.store_homepage #mobile-homepage-menu ul > li {
width: 50%;
margin-bottom: 10px;
}
body.store_homepage #mobile-homepage-menu ul > li > a {
background-color: #F0F0F0;
display: block;
text-align: center;
padding: 15px;
font-size: 14px;
}
body.store_homepage #mobile-homepage-menu ul > li.new-arrival > a {
background-color: #000;
color: #FFF;
}
body.store_homepage #mobile-homepage-menu ul > li.sale > a {
color: #C5281C;
}
body.store_homepage #homepage-app-banner {
margin-bottom: 20px;
}
body.store_homepage #journal .banner {
margin-bottom: 40px;
}
body.store_homepage #journal .banner .banner-text .title {
font-size: 19px;
line-height: 1.2em;
font-family: "Lato HB", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
margin-bottom: 7px;
}
@media (max-width: 767px) {
body.store_homepage #journal .banner {
margin-bottom: 30px;
}
body.store_homepage #journal .banner .banner-text .title {
font-size: 17px;
}
body.store_homepage #journal .banner .banner-text .subtitle {
font-size: 14px;
}
}
body.store_homepage .section-header {
text-align: center;
margin-bottom: 35px;
}
body.store_homepage .section-header h2 {
margin: 30px 0 5px;
font-size: 25px;
}
body.store_homepage .section-header p {
margin: 0;
font-size: 14px;
color: #999;
}
@media (max-width: 767px) {
body.store_homepage .section-header {
margin-bottom: 20px;
}
body.store_homepage .section-header h2 {
font-size: 20px;
font-weight: normal;
margin: 20px 0 0;
}
body.store_homepage .section-header p {
display: none;
}
}
body.store_homepage #footer-banners {
padding: 30px 0 40px;
border-bottom: solid 1px #E0E0E0;
background-color: #F0F0F0;
}
body.store_homepage #footer-banners .footer-banner {
text-align: center;
}
body.store_homepage #footer-banners .footer-banner h4 {
font-size: 17px;
}
body.store_homepage #footer-banners .footer-banner p {
color: #999;
margin-bottom: 20px;
font-size: 14px;
}
body.store_homepage #footer-banners .footer-banner a {
font-size: 13px;
}
@media (max-width: 767px) {
body.store_homepage #footer-banners {
padding: 20px 0 10px;
}
body.store_homepage #footer-banners .footer-banner {
margin-bottom: 20px;
}
body.store_homepage #footer-banners .footer-banner h4 {
font-size: 16px;
margin-bottom: 5px;
}
body.store_homepage #footer-banners .footer-banner p {
font-size: 13px;
margin-bottom: 10px;
}
}
.pagination {
display: none;
}
body #catalog-header {
margin: 25px 0;
padding: 0px 15px;
}
body.product-template-default #catalog-header {
margin: 0;
}
#catalog-header div.product {
width: 100%;
}
body #catalog-header > div,
body #catalog-header > .woocommerce-breadcrumb {
width: 33.333333%;
display: inline-block;
vertical-align: top;
}
@media (max-width: 767px) {
body #catalog-header > div,
body #catalog-header > .woocommerce-breadcrumb {
display: block;
width: 100%;
}
}
body #catalog-header h1 {
margin: 0;
text-align: center;
font-size: 22px;
font-weight: normal;
line-height: 1em;
}
@media (max-width: 767px) {
body #catalog-header {
margin: 20px 0;
}
body #catalog-header h1 {
font-size: 17px;
}
}
body.store_catalog .special-banner img {
width: 100%;
}
body.store_catalog #toolbar {
margin-bottom: 15px;
}
body.store_catalog #toolbar .select-wrapper {
margin: 0;
}
body #toolbar .select-wrapper select {
font-size: 13px;
padding: 15px 20px 15px 10px;
}
.woocommerce .woocommerce-breadcrumb {
margin: 0px !important;
}
body.store_catalog #toolbar .select-wrapper .sprite {
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
body.store_catalog .pagination-wrapper {
text-align: center;
line-height: 0;
}
body.store_catalog .pagination-wrapper.bottom {
margin-bottom: 50px;
}
@media (max-width: 767px) {
body.store_catalog .pagination-wrapper.bottom {
margin-bottom: 25px;
}
}
body.store_catalog .pagination-wrapper .pagination {
margin: 0;
}
body.store_catalog .pagination-wrapper .pagination > .disabled > span {
color: #666;
}
.page-numbers > li > span.current,
body.store_catalog .pagination-wrapper .pagination > li.active span, body.store_catalog .pagination-wrapper .pagination > li.active:hover span {
color: #000;
border-bottom: solid 1px #000;
padding-left: 0;
padding-right: 0;
margin-left: 7px;
margin-right: 7px;
font-weight: bold;
}
a.next.page-numbers,
body.store_catalog .pagination-wrapper .pagination > li.next a {
padding-left: 17px;
}
a.prev.page-numbers,
body.store_catalog .pagination-wrapper .pagination > li.prev a {
padding-right: 17px;
}
body.store_catalog .pagination-wrapper .pagination > li span,
body.store_catalog .pagination-wrapper .pagination > li a {
font-family: "Lato HB", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
padding: 5px 7px;
font-size: 14px;
}
@media (max-width: 767px) {
body.store_catalog .pagination-wrapper .pagination {
font-size: 16px;
}
}
body.store_catalog #products-container.loading {
-webkit-transition: opacity 0.4s;
transition: opacity 0.4s;
opacity: .5;
}
@media (max-width: 767px) {
body.store_catalog #products-container {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
body.store_catalog #products-container .product-wrapper:nth-child(3n + 1) {
clear: both;
}
}
body.store_catalog .brand-banner {
margin: 0 -30px 15px;
background: #F0F0F0;
}
body.store_catalog .brand-banner h2 {
text-align: center;
font-size: 22px;
font-weight: normal;
line-height: 1em;
margin: 0 0 25px;
}
body.store_catalog .brand-banner .image-wrapper {
position: relative;
}
body.store_catalog .brand-banner .image-wrapper .image {
position: relative;
overflow: hidden;
}
body.store_catalog .brand-banner .image-wrapper .image:before {
display: block;
content: "";
width: 100%;
padding-top: 30%;
}
body.store_catalog .brand-banner .image-wrapper .image > * {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
body.store_catalog .brand-banner .image-wrapper .image .flexslider {
border: none;
}
body.store_catalog .brand-banner .image-wrapper .image .flexslider.loading .slides > li:first-child {
opacity: 1 !important;
}
body.store_catalog .brand-banner .image-wrapper .image .slides {
padding: 0;
list-style: none;
margin: 0;
}
body.store_catalog .brand-banner .image-wrapper .image img {
width: 100%;
}
body.store_catalog .brand-banner .image-wrapper .logo {
position: absolute;
left: 50%;
z-index: 2;
bottom: -30px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 175px;
height: 175px;
}
body.store_catalog .brand-banner .image-wrapper .logo img {
width: 100%;
}
body.store_catalog .brand-banner .breadcrumb {
margin-bottom: 15px;
}
body.store_catalog .brand-banner .breadcrumb > li.active > span {
color: #000;
}
body.store_catalog .brand-banner .details {
padding: 30px;
}
body.store_catalog .brand-banner .details .description {
text-align: center;
max-width: 900px;
margin: 0 auto 20px;
font-size: 14px;
line-height: 1.6em;
}
body.store_catalog .brand-banner .journal-link {
float: right;
color: #999;
font-size: 13px;
}
body.store_catalog .brand-banner .journal-link:hover {
color: #666;
}
body.store_brands_page .brands-index .text-muted {
color: #999;
}
body.store_brands_page .brand-header {
margin-top: 30px;
}
body.store_brands_page .brand-header h1 {
text-align: center;
font-size: 22px;
font-weight: normal;
margin: 0 0 30px;
}
body.store_brands_page .brand-header .breadcrumb {
margin-bottom: 15px;
}
body.store_brands_page .brand-header .breadcrumb > li.active > span {
color: #000;
}
body.store_brands_page #brand-header-link {
margin-bottom: 30px;
line-height: 1em;
text-align: center;
}
body.store_brands_page #brand-header-link a {
font-size: 20px;
padding: 0 10px;
font-weight: bold;
display: inline-block;
color: #006FBB;
}
body.store_brands_page #brand-header-link a:hover {
color: #008dee;
}
@media (max-width: 991px) {
body.store_brands_page #brand-header-link a {
padding: 0 6px;
}
}
@media (max-width: 767px) {
body.store_brands_page #brand-header-link {
margin: 20px 0 10px;
}
body.store_brands_page #brand-header-link a {
padding: 0 7px;
line-height: 30px;
}
}
body.store_brands_page #brand-header-link .text-muted, body.store_brands_page #brand-header-link .text-muted:hover {
color: #999;
cursor: default;
pointer-events: none;
}
body.store_brands_page #brand-header-link div {
padding-bottom: 5px;
}
body.store_brands_page #brand-sections > div:first-child {
border-top: 1px solid #E6E6E6;
padding-top: 16px;
}
body.store_brands_page #brand-sections hr {
margin: 22px 0 26px;
}
body.store_brands_page .brand-head {
font-size: 28px;
font-weight: bold;
}
body.store_brands_page .brand-name-link {
margin: 3px 0;
}
body.store_brands_page .brand-name-link:nth-child(3n + 1) {
clear: both;
}
body.store_brands_page .brand-name-link a {
margin-right: 5px;
}
body.store_brands_page .brand-name-link a, body.store_brands_page .brand-name-link span {
font-size: 13px;
text-shadow: none;
}
body.store_brands_page .brand-name-link a.text-muted, body.store_brands_page .brand-name-link span.text-muted {
color: #CCC;
}
body.store_brands_page .brand-name-link .brand-tag {
display: inline-block;
padding: 2px 5px;
border: solid 1px #006FBB;
color: #006FBB;
border-radius: 4px;
font-size: 11px;
}
body.store_brands_page .real-anchor {
display: block;
position: relative;
top: -90px;
visibility: hidden;
}
body.store_brands_page #sidebar-filter ul {
list-style: none;
padding: 0;
}
body.store_brands_page #sidebar-filter ul > li {
margin: 0 0 8px 0;
}
body.store_brands_page #sidebar-filter .section {
border: none;
margin-bottom: 25px;
}
body.store_brands_page #sidebar-filter .section h5 {
margin-bottom: 15px;
}
#sidebar-filter {
font-size: 13px;
}
@media (max-width: 767px) {
#sidebar-filter {
padding-top: 0;
border-top: none;
margin: 0 0 10px;
float: left;
width: 50%;
}
.select-wrapper {
width: 48%;
}
#sidebar-filter .sidebar-nav {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
margin: 0;
}
#sidebar-filter .sidebar-nav > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
#sidebar-filter .sidebar-nav > li:first-child {
margin-right: 5px;
}
#sidebar-filter .sidebar-nav > li:last-child {
margin-left: 5px;
}
#sidebar-filter .sidebar-nav > li a, #sidebar-filter .sidebar-nav > li .select-wrapper {
display: block;
width: 100%;
border: solid 1px #E0E0E0;
padding: 15px 10px 14px;
color: #000;
position: relative;
font-size: 14px;
line-height: 1em;
margin-bottom: 10px;
text-align: left;
}
#sidebar-filter .sidebar-nav > li a:after, #sidebar-filter .sidebar-nav > li .select-wrapper:after {
content: '';
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 5px;
height: 5px;
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -224px -75px;
width: 5px;
height: 5px;
}
#sidebar-filter .sidebar-nav > li select {
border: none;
background: transparent;
width: 100%;
padding: 0;
font-size: 14px;
}
#sidebar-filter .sidebar-nav > li.active > a {
background: #FAFAFA;
border-bottom-color: #FAFAFA;
margin-bottom: -1px;
color: #999999;
height: 55px;
position: relative;
z-index: 99999;
}
#toolbar {
position: relative;
z-index: 9;
}
#sidebar-filter .sidebar-nav > li.active > a:after {
top: 19px;
}
#sidebar-filter .sidebar-body {
background: #FAFAFA;
border: solid 1px #E0E0E0;
padding: 0 12px 12px 12px;
display: none;
text-align: left;
position: absolute;
width: calc(100% - 5px);
z-index: 9999;
left: 5px;
top: 55px;
}
#sidebar-filter .sidebar-body.opened {
display: block;
}
}
#sidebar-filter .sidebar-body {
display: none;
}
#sidebar-filter .sidebar-nav {
display: none;
}
#sidebar-filter .section {
border-bottom: solid 1px #F0F0F0;
}
#sidebar-filter .section > .section-heading {
line-height: 1em;
padding: 17px 0 13px;
margin: 0;
}
@media (max-width: 767px) {
#sidebar-filter .section > .section-heading {
padding: 18px 0 15px;
font-size: 14px;
}
}
#sidebar-filter .section > .section-body {
margin-bottom: 15px;
display: block;
max-height: 262px;
overflow-y: auto;
}
@media (max-width: 767px) {
#sidebar-filter .section > .section-body {
display: none;
}
}
#sidebar-filter .section > .section-body > li {
line-height: 1em;
padding: 5px 0;
}
#sidebar-filter .section > .section-body > li label {
cursor: pointer;
}
#sidebar-filter .section.filter-section > .section-heading {
position: relative;
cursor: pointer;
}
#sidebar-filter .section.filter-section > .section-heading::after {
content: '';
background: url(//perou.store/bundles/hypebeastweb/images/icons/scroll-arrow-up.svg) no-repeat;
width: 10px;
height: 5px;
float: right;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#sidebar-filter .section.filter-section > .section-heading:hover {
opacity: 0.6;
}
@media (max-width: 767px) {
#sidebar-filter .section.filter-section > .section-heading::after {
background: url(//perou.store/bundles/hypebeastweb/images/icons/scroll-arrow-down.svg) no-repeat;
}
}
#sidebar-filter .section.toggle > .section-heading::after {
background: url(//perou.store/bundles/hypebeastweb/images/icons/scroll-arrow-down.svg) no-repeat;
}
#sidebar-filter .section.toggle > .section-body {
display: none;
}
@media (max-width: 767px) {
#sidebar-filter .section.toggle > .section-body {
display: block;
}
#sidebar-filter .section.toggle > .section-heading::after {
background: url(//perou.store/bundles/hypebeastweb/images/icons/scroll-arrow-up.svg) no-repeat;
}
}
#sidebar-filter .filter-section li {
font-weight: normal;
color: #000;
}
#sidebar-filter .filter-section li > label {
font-weight: normal;
display: inline;
}
#sidebar-filter .filter-section li > label:hover {
color: #999999;
cursor: pointer;
}
#sidebar-filter .filter-section li > input {
margin-right: 3px;
}
#sidebar-filter .size.filter-section {
overflow: hidden;
}
#sidebar-filter .size.filter-section .filter-section-subsection {
clear: both;
overflow: hidden;
margin-bottom: 5px;
}
#sidebar-filter .size.filter-section .filter-section-subsection .section-subheading {
margin-top: 5px;
font-size: 14px;
}
#sidebar-filter .size.filter-section li {
display: inline;
}
#sidebar-filter .size.filter-section li label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
float: left;
border: solid 1px #F0F0F0;
min-width: 35px;
height: 35px;
text-align: center;
line-height: 1em;
padding: 0 5px;
font-size: 12px;
margin: 0 5px 5px 0;
overflow: hidden;
white-space: nowrap;
}
#sidebar-filter .size.filter-section li label:hover {
color: #000;
border-color: #000;
}
#sidebar-filter .size.filter-section li input {
display: none;
}
#sidebar-filter .size.filter-section li input:checked + label {
border-color: #000;
background-color: #000;
color: #FFF;
}
#sidebar-filter #sidebar-filter-quick-links-section .sale > a {
color: #c5281d;
}
#sidebar-filter #sidebar-filter-quick-links-section .sale > a:hover {
opacity: .7;
}
#sidebar-filter .sidebar-apply {
margin-top: 20px;
padding-bottom: 40px;
border-bottom: solid 1px #F0F0F0;
text-align: center;
}
#sidebar-filter .sidebar-apply .btn-primary {
margin-bottom: 15px;
font-size: 14px;
padding: 12px;
}
@media (max-width: 767px) {
#sidebar-filter .sidebar-apply {
border: none;
padding-bottom: 0;
}
}
#sidebar-filter .btn-default {
margin-bottom: 2px;
font-size: 14px;
padding: 12px 30px;
background: #FAFAFA;
border-color: #E0E0E0;
background: #FFF;
width: 100%;
}
#sidebar-filter .btn-default:hover {
opacity: 0.7;
}
#sidebar-filter .btn-default:focus {
outline: none;
}
@media (max-width: 767px) {
#sidebar-filter .btn-default {
width: auto;
font-size: 12px;
background: #E0E0E0;
}
}
#sidebar-filter .featured-brands {
border: none;
}
#sidebar-filter .featured-brands .section-body {
max-height: none;
}
#sidebar-filter .featured-brands .section-body > li {
padding: 0;
}
#sidebar-filter .featured-brands .section-body > li a {
display: inline-block;
vertical-align: middle;
margin: 6px 5px 6px 0;
}
#sidebar-filter .featured-brands .brand-tag {
display: inline-block;
padding: 2px 4px;
border: solid 1px #006FBB;
color: #006FBB;
border-radius: 4px;
font-size: 10px;
vertical-align: middle;
}
body.store_search .search-container-wrapper {
min-height: 550px;
width: 100%;
display: table;
padding-top: 30px;
}
body.store_search .search-container-wrapper form.search-page-form {
width: 100%;
}
body.store_search .search-container-wrapper form.search-page-form .input-group {
border-bottom: 2px solid #000;
}
body.store_search .search-container-wrapper form.search-page-form .input-group input[type="text"] {
border: none;
color: #000;
font-size: 20px;
padding: 0;
box-shadow: none;
}
body.store_search .search-container-wrapper form.search-page-form .input-group .btn {
background-color: transparent;
padding-left: 0;
padding-right: 0;
border-color: transparent;
}
body.store_search .search-container-wrapper form.search-page-form .input-group .btn .fa {
font-size: 20px;
}
body.product-template-default .breadcrumb {
padding: 0 0px;
margin-bottom: 30px;
}
body.product-template-default #container {
padding-top: 30px;
}
.woocommerce-page div.product div.summary {
width: 41.66667% !important;
}
@media (max-width: 767px) {
body.product-template-default #container {
padding: 0;
}
}
body.product-template-default #gallery {
margin-bottom: 30px;
}
@media (max-width: 991px) {
body.product-template-default #gallery {
margin-bottom: 0;
padding: 0 30px;
}
}
@media (max-width: 767px) {
body.product-template-default #gallery {
padding: 0 15px;
}
}
body.product-template-default #gallery .holder {
background: url(//perou.store/wp-content/images/icons/picture-loader.gif) no-repeat center center;
text-align: center;
line-height: 0;
border: none;
border-radius: 0;
box-shadow: none;
height: auto;
width: 85%;
cursor: pointer;
}
@media (max-width: 767px) {
body.product-template-default #gallery .holder {
margin-bottom: 30px;
width: 100%;
}
}
body.product-template-default #gallery .holder .flexslider {
margin: 0;
border: none;
}
body.product-template-default #gallery .holder .flexslider .flex-control-nav {
display: none;
}
body.product-template-default #gallery .holder .slides {
display: none;
}
body.product-template-default #gallery .holder .embed-responsive {
padding-bottom: 130%;
}
body.product-template-default #gallery .holder .play-btn {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: none;
}
body.product-template-default #gallery .holder .play-btn .fa {
color: #FFF;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 50px;
left: 0;
right: 0;
}
body.product-template-default #gallery .holder .video-wrapper {
display: none;
}
body.product-template-default #gallery .holder .video-wrapper .video {
position: absolute;
top: 0;
left: 10px;
right: 15px;
background: #FFF url(//perou.store/wp-content/themes/assets/img/product/picture-loader.gif) no-repeat center center;
}
body.product-template-default #gallery .holder .video-wrapper .video video {
height: auto;
}
body.product-template-default #gallery .holder .video-wrapper .close-btn {
position: absolute;
top: 15px;
right: 15px;
z-index: 1;
background-color: rgba(0, 0, 0, 0.5);
padding: 5px;
}
body.product-template-default #gallery .holder .video-wrapper .close-btn img {
height: 20px;
}
body.product-template-default #gallery .holder .watch-btn {
display: block;
padding: 15px;
color: #333;
text-transform: uppercase;
cursor: pointer;
}
body.product-template-default #gallery .holder .watch-btn:focus {
text-decoration: none;
}
body.product-template-default #gallery .holder .watch-btn img {
height: 20px;
margin-right: 10px;
}
body.product-template-default #gallery .holder .watch-btn span {
vertical-align: middle;
}
@media (max-width: 767px) {
body.product-template-default #gallery .holder {
margin-bottom: 15px;
}
body.product-template-default #gallery .holder .flexslider .flex-control-nav {
position: static;
display: block;
padding-top: 10px;
}
body.product-template-default #gallery .holder .flexslider .flex-control-nav > li {
margin: 0 4px;
}
body.product-template-default #gallery .holder .flexslider .flex-control-nav > li > a {
width: 6px;
height: 6px;
background-color: #E0E0E0;
box-shadow: none;
}
body.product-template-default #gallery .holder .flexslider .flex-control-nav > li > a.flex-active {
background-color: #000;
}
}
body.product-template-default #gallery .carousel {
float: left;
position: relative;
width: 15%;
height: 715px;
}
body.product-template-default #gallery .carousel .nav-btn {
text-align: center;
height: 25px;
width: 100%;
display: none;
}
body.product-template-default #gallery .carousel .nav-btn:hover {
opacity: 0.6;
}
body.product-template-default #gallery .carousel .carousel-images {
overflow: hidden;
height: 715px;
}
body.product-template-default #gallery .carousel ul {
list-style: none;
padding: 0;
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s;
}
body.product-template-default #gallery .carousel ul li {
float: none !important;
margin: 0 0 13px;
cursor: pointer;
-webkit-transition: opacity .3s;
transition: opacity .3s;
-webkit-backface-visibility: hidden;
}
body.product-template-default #gallery .carousel ul li.active, body.product-template-default #gallery .carousel ul li:hover {
opacity: 0.5;
}
@media (max-width: 991px) {
body.product-template-default #gallery .carousel ul li {
margin-bottom: 10px;
}
}
body.product-template-default #gallery .carousel ul img {
width: 100%;
}
@media (min-width: 992px) and (max-width: 1199px) {
body.product-template-default #gallery .carousel {
height: 560px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.product-template-default #gallery .carousel {
height: 410px;
}
}
body.product-template-default #product-summary .brand {
line-height: 1em;
font-size: 18px;
margin: 0 0 10px;
}
body.product-template-default #product-summary .yith-wcbr-brands {
line-height: 1em;
font-size: 18px;
font-weight: bold;
margin: 0 0 10px;
}
body.product-template-default #product-summary .name {
line-height: 1em;
font-size: 21px;
color: #7D7D7D;
font-weight: normal;
margin: 0 0 25px;
}
body.product-template-default #product-summary .offers {
line-height: 1em;
margin-bottom: 20px;
}
.single-product div.product form.cart {
padding-top: 0px;
}
.woocommerce div.product form.cart {
margin-bottom: 20px !important;
padding-bottom: 0;
}
body.product-template-default #product-summary .offers .price {
font-size: 16px;
font-weight: bold;
}
body.product-template-default #product-summary .offers .price.on-sale .regular-price {
font-weight: normal;
color: #999;
text-decoration: line-through;
}
body.product-template-default #product-summary .offers .price .sale-price {
color: #C5281C;
}
body.product-template-default #product-summary .offers .price .out-of-stock {
color: #C5281C;
}
body.product-template-default #product-summary .offers .price small {
font-size: 13px;
font-weight: normal;
color: #7D7D7D;
}
body.product-template-default #product-summary .offers .separator {
margin: 0 3px;
}
@media (min-width: 768px) {
body.product-template-default #product-summary .color {
max-width: 250px;
}
}
body.product-template-default #product-summary .variant .radio label {
margin-bottom: 0;
}
@media (max-width: 767px) {
body.product-template-default #product-summary .info {
text-align: center;
}
body.product-template-default #product-summary .info .brand {
font-size: 15px;
margin-bottom: 7px;
}
body.product-template-default #product-summary .info .name {
margin-bottom: 15px;
font-size: 16px;
}
body.product-template-default #product-summary .info .offers {
margin-bottom: 15px;
}
body.product-template-default #product-summary .info .offers .price {
font-size: 14px;
}
body.product-template-default #product-summary .info .offers .text-muted {
font-size: 13px;
}
body.product-template-default #product-summary .select-wrapper {
border-color: #999;
}
body.product-template-default #product-summary .select-wrapper select {
padding: 15px 20px 15px 10px;
}
}
body.product-template-default .product-form {
margin: 0 0 15px;
}
body.product-template-default .product-form label {
display: block;
margin-bottom: 7px;
font-weight: bold;
font-size: 15px;
}
@media (max-width: 767px) {
body.product-template-default .product-form label {
font-size: 12px;
}
}
body.product-template-default .product-form .variant {
margin-bottom: 10px;
}
body.product-template-default .product-form .variant .form-group {
margin-bottom: 10px;
}
body.product-template-default .product-form .variant .radio {
display: inline-block;
margin: 0 10px 10px 0;
}
body.product-template-default .product-form .variant .radio:last-child {
margin-right: 0;
}
body.product-template-default .product-form .variant .radio input[type=radio] {
opacity: 0;
z-index: -1;
margin: 11px 14px;
}
body.product-template-default .product-form .variant .radio label {
display: block;
border: solid 1px #999;
min-width: 42px;
font-weight: normal;
height: 42px;
text-align: center;
padding: 0 5px;
line-height: 42px;
font-size: 14px;
margin: 0;
white-space: nowrap;
}
body.product-template-default .product-form .variant .radio input[type=radio]:checked + label,
body.product-template-default .product-form .variant .radio label:hover {
background-color: #000;
color: #FFF;
border-color: #000;
}
body.product-template-default .product-form .variant .radio input[type=radio]:disabled + label {
color: #999;
border-color: #F0F0F0;
cursor: default;
}
body.product-template-default .product-form .variant .radio input[type=radio]:disabled + label:hover {
background-color: transparent;
cursor: default;
}
body.product-template-default .product-form .sizing-modal-toggle {
font-size: 13.5px;
margin-bottom: 5px;
color: #006FBB;
display: inline-block;
}
body.product-template-default .product-form .sizing-modal-toggle:hover {
color: #008dee;
}
body.product-template-default .product-form .mobile-sizing-modal-toggle {
text-align: center;
}
body.product-template-default .product-form .mobile-sizing-modal-toggle .sizing-modal-toggle {
display: none;
margin: 5px 0 15px;
}
@media (max-width: 767px) {
body.product-template-default .product-form .mobile-sizing-modal-toggle .sizing-modal-toggle {
display: inline-block;
}
}
body.product-template-default .product-form .color.select-wrapper {
border: solid 1px #999;
margin: 0 0 20px;
}
body.product-template-default .product-form .color.select-wrapper select {
padding: 14px 20px 14px 10px;
}
body.product-template-default .product-form .quantity .input-group {
max-width: 141px;
margin-bottom: 20px;
}
.product-form .quantity .plusminus {
line-height: 20px;
background: #fff;
border: 1px solid #999;
width: 30px;
padding: 0;
height: 42px;
}
.product-form .quantity .plusminus.minus {
border-right: 0;
}
.product-form .quantity .plusminus.plus {
border-left: 0;
}
.product-form .quantity .plusminus:hover {
background-color: #F0F0F0;
color: #000;
}
.product-form .quantity .plusminus:focus {
outline: none;
color: #000;
background-color: #F0F0F0;
}
.product-form .quantity .plusminus[disabled] {
opacity: 1;
color: #E0E0E0;
}
.product-form .quantity-wrapper {
margin-bottom: 20px;
}
.product-form .quantity input[type="number"] {
box-shadow: none;
display: inline;
border: 1px solid;
border-top-color: #999;
border-left-color: #E0E0E0;
border-right-color: #E0E0E0;
border-bottom-color: #999;
text-align: center;
height: 42px;
min-width: 100px;
position: relative;
}
#product-summary {
display: none;
}
body.product-template-default .product-form .quantity .input-group .input-group-btn:last-child > .btn {
border-left-color: #E0E0E0;
}
.woocommerce .ajax_add_to_cart, .woocommerce .add_to_cart_button.added, body.product-template-default .product-form .add-button {
padding: 18px 15px !important;
display: block !important;
width: 100% !important;
border: none !important;
line-height: 1em !important;
background: #006FBB !important;
text-transform: uppercase !important;
border-radius: 0px !important;
color: #fff !important;
text-align: center !important;
font-weight: normal !important;
}
body.product-template-default .product-form .add-button:hover {
opacity: 0.8;
}
.product-form .add-button.disabled {
cursor: not-allowed;
opacity: 1;
background-color: #000 !important;
color: #FFF;
}
body.product-template-default .product-form .add-button [v-cloak] {
display: none;
}
body.product-template-default .product-form .add-button.btn-success {
background: #5cb85c;
}
body.product-template-default .product-form .add-button.not-available {
opacity: 1;
background-color: #F0F0F0;
color: #999;
}
@media (max-width: 767px) {
body.product-template-default .product-form .row {
margin: 0 -7px;
}
body.product-template-default .product-form [class^="col-"] {
padding: 0 7px;
}
}
body.product-template-default #product-highlights {
font-size: 11.5px;
color: #7D7D7D;
}
body.product-template-default #product-highlights > ul > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 6px 0;
}
body.product-template-default #product-highlights > ul > li .sprite {
margin-right: 5px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
@media (max-width: 767px) {
body.product-template-default #product-highlights > ul > li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
body.product-template-default #product-disclaimers {
color: #006FBB;
font-size: 12.5px;
}
body.product-template-default #product-disclaimers > ul > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 6px 0;
}
body.store_product_show #product-disclaimers > ul > li .sprite {
margin: 1px 3px 0 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
@media (max-width: 767px) {
body.store_product_show #product-disclaimers > ul > li {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
body.store_product_show #social-shares {
margin-top: 3px;
}
body.store_product_show #social-shares .share {
margin: 0 7px 0 0;
font-size: 12.5px;
}
body.store_product_show #social-shares .share-btn {
padding: 0 1px;
line-height: 0;
}
@media (max-width: 767px) {
body.store_product_show #social-shares {
margin-bottom: 20px;
text-align: center;
}
}
body.store_product_show #wishlist .wishlist-btn {
float: right;
padding: 0;
font-size: 11.5px;
color: #7D7D7D;
}
body.store_product_show #wishlist .wishlist-btn > span {
vertical-align: middle;
}
body.store_product_show #wishlist .wishlist-btn .sprite {
margin: 4px;
}
body.store_product_show #wishlist .wishlist-btn:hover {
color: #000;
}
@media (max-width: 767px) {
body.store_product_show #wishlist .wishlist-btn {
float: none;
margin-bottom: 20px;
display: inline-block;
}
}
@media (max-width: 991px) {
body.store_product_show #wishlist {
margin-bottom: 20px;
}
body.store_product_show #wishlist .wishlist-btn {
float: none;
}
}
@media (max-width: 767px) {
body.store_product_show #wishlist {
margin-bottom: 0;
text-align: center;
}
}
body.store_product_show #product-details {
background-color: #F0F0F0;
margin: 0 -30px;
padding: 30px 30px 40px;
}
body.store_product_show #product-details h2 {
text-align: center;
margin: 0 0 30px;
font-size: 18px;
font-weight: normal;
line-height: 1em;
}
body.store_product_show #product-details ul > li {
font-size: 13.5px;
line-height: 1.6em;
}
body.store_product_show #product-details .product-details-section {
border-top: solid 1px #E0E0E0;
margin-bottom: 15px;
}
body.store_product_show #product-details .product-details-section h3, body.store_product_show #product-details .product-details-section h4 {
margin: 17px 0 12px;
font-weight: bold;
font-size: 13.5px;
}
body.store_product_show #product-details .product-details-section ul {
padding-left: 16px;
}
body.store_product_show #product-details .product-details-section p {
font-size: 13.5px;
line-height: 1.6em;
}
body.store_product_show #product-details .product-details-section .item-id {
font-size: 12px;
}
body.store_product_show #product-details .product-details-section .section {
border-bottom: solid 1px #E0E0E0;
}
body.store_product_show #product-details .product-details-section .section-toggle {
display: block;
padding: 16px 0 15px;
position: relative;
font-weight: bold;
}
body.store_product_show #product-details .product-details-section .section-toggle h3 {
margin: 0;
}
body.store_product_show #product-details .product-details-section .section-toggle:focus {
color: #000;
}
body.store_product_show #product-details .product-details-section .section-toggle:after {
content: '';
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(//perou.store/wp-content/themes/perou/images/icons/dropdown-up@2x.png);
background-repeat: no-repeat;
background-size: 10px;
height: 10px;
width: 10px;
}
body.store_product_show #product-details .product-details-section .section-toggle.collapsed:after {
background-image: url(//perou.store/wp-content/themes/perou/images/icons/dropdown-down@2x.png);
}
body.store_product_show #product-details #sizing-section table {
width: 100%;
margin-bottom: 10px;
}
body.store_product_show #product-details #sizing-section table th, body.store_product_show #product-details #sizing-section table td {
border: inset 1px #DDD;
background: #FAFAFA;
text-align: center;
font-size: 11px;
padding: 5px 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.store_product_show #product-details #sizing-section table th {
border-top: solid 1px #666;
color: #000;
}
body.store_product_show #product-details #sizing-section table td {
background: #FFF;
}
body.store_product_show #product-details #sizing-section p.note {
font-size: 11px;
}
body.store_product_show #product-details #sizing-section ul {
margin-bottom: 20px;
}
body.store_product_show #product-details #shipping-section a {
color: #006FBB;
}
body.store_product_show #product-details #shipping-section a:hover {
color: #008dee;
}
body.store_product_show #product-details #shipping-section .deliveries p {
margin-bottom: 20px;
}
body.store_product_show #product-details .sizing-modal-toggle {
color: #FFF;
background-color: #000;
padding: 12px 11px;
margin-bottom: 20px;
line-height: 1em;
font-size: 14px;
}
body.store_product_show #product-details .sizing-modal-toggle span {
vertical-align: middle;
}
body.store_product_show #product-details .sizing-modal-toggle:hover {
opacity: 0.7;
}
body.store_product_show #product-details .sizing-modal-toggle .sprite {
margin-right: 2px;
}
@media (max-width: 767px) {
body.store_product_show #product-details {
padding: 20px 15px;
}
body.store_product_show #product-details h2 {
margin-bottom: 20px;
}
body.store_product_show #product-details .product-details-section {
margin-bottom: 20px;
}
}
body.store_product_show .customer-care {
margin: 0 0 0 -10px;
font-size: 13px;
}
body.store_product_show .customer-care > li {
padding: 5px 10px;
}
body.store_product_show .customer-care > li > a > span {
vertical-align: middle;
}
body.store_product_show .customer-care > li > a > span.sprite {
margin-right: 3px;
margin-top: -4px;
}
@media (max-width: 767px) {
body.store_product_show .customer-care > li:first-child {
display: block;
}
}
body.store_product_show #related-products {
padding-top: 30px;
padding-bottom: 50px;
display: table;
width: 100%;
}
body.store_product_show #related-products h2 {
text-align: center;
margin: 0 0 30px;
font-size: 18px;
font-weight: normal;
}
body.store_product_show #related-products .product {
margin-bottom: 0;
}
body.store_product_show #related-products .flexslider {
margin: 0;
padding: 0 0 60px;
overflow: hidden;
border: none;
}
body.store_product_show #related-products .flexslider.has-annotation {
border-bottom: 1px solid #F6F6F6;
}
body.store_product_show #related-products .flexslider.one-only .flex-direction-nav {
display: none;
}
body.store_product_show #related-products .flexslider.shortcode-slider {
margin-bottom: 20px;
}
body.store_product_show #related-products .flexslider .slides,
body.store_product_show #related-products .flexslider .flex-direction-nav,
body.store_product_show #related-products .flexslider .flex-control-nav,
body.store_product_show #related-products .flexslider .flex-control-paging {
margin: 0;
padding: 0;
list-style: none;
}
body.store_product_show #related-products .flexslider ul.slides > li {
position: relative;
padding: 0;
}
body.store_product_show #related-products .flexslider ul.slides > li img {
width: 100%;
display: block;
}
body.store_product_show #related-products .flexslider .flex-control-nav {
z-index: 1;
position: absolute;
bottom: 8px;
width: auto;
line-height: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
body.store_product_show #related-products .flexslider .flex-control-nav > li > a {
width: 6px;
height: 6px;
box-shadow: none;
background: #999;
}
body.store_product_show #related-products .flexslider .flex-control-nav > li > a.flex-active {
background: #000;
}
body.store_product_show #related-products .flexslider ul.flex-direction-nav {
position: absolute;
bottom: 0;
width: 130px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 0;
}
@media (max-width: 767px) {
body.store_product_show #related-products .flexslider ul.flex-direction-nav {
width: 170px;
}
}
body.store_product_show #related-products .flexslider ul.flex-direction-nav li > a {
margin: 0;
background-position: center center;
outline: 0;
display: block;
width: 12px;
height: 22px;
text-indent: -9999px;
position: relative;
border-radius: 5px;
opacity: 0.7;
-webkit-transition: none;
transition: none;
}
body.store_product_show #related-products .flexslider ul.flex-direction-nav li > a:after {
content: '';
background-image: url(//perou.store/wp-content/themes/perou/images/sprite.png);
background-position: -164px -77px;
width: 12px;
height: 22px;
display: block;
position: absolute;
margin: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
body.store_product_show #related-products .flexslider ul.flex-direction-nav li > a:before {
content: '';
}
body.store_product_show #related-products .flexslider ul.flex-direction-nav li > a.flex-disabled, body.store_product_show #related-products .flexslider ul.flex-direction-nav li > a.flex-disabled:hover {
opacity: 0.1;
cursor: default;
}
body.store_product_show #related-products .flexslider ul.flex-direction-nav li > a:hover {
opacity: 1;
}
body.store_product_show #related-products .flexslider ul.flex-direction-nav li > a.flex-prev {
float: left;
left: 0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
body.store_product_show #related-products .flexslider ul.flex-direction-nav li > a.flex-next {
float: right;
text-align: left;
right: 0;
}
body.store_product_show #sizing-modal {
box-shadow: none;
overflow-y: hidden;
}
body.store_product_show #sizing-modal .modal-dialog {
max-height: 90%;
max-width: 90%;
width: 750px;
overflow-y: scroll;
}
body.store_product_show #sizing-modal .modal-dialog .modal-content {
border: none;
padding: 20px 30px;
}
body.store_product_show #sizing-modal .modal-dialog .modal-header {
border-bottom: solid 1px #EEE;
padding: 0 0 20px;
}
body.store_product_show #sizing-modal .modal-dialog .modal-header h2 {
font-size: 20px;
line-height: 1em;
font-weight: 600;
}
body.store_product_show #sizing-modal .modal-dialog .modal-header .close {
width: 25px;
position: absolute;
right: 20px;
top: 20px;
opacity: 1;
padding: 3px;
}
body.store_product_show #sizing-modal .modal-dialog .modal-header .close:focus {
outline: none;
}
body.store_product_show #sizing-modal .modal-dialog .modal-header .close:hover {
opacity: .7;
}
body.store_product_show #sizing-modal .modal-dialog .modal-body {
padding: 20px 0 0;
font-size: 13px;
}
body.store_product_show #sizing-modal .modal-dialog .modal-body h3 {
font-size: 18px;
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: solid 1px #EEE;
font-weight: 600;
}
body.store_product_show #sizing-modal .modal-dialog .modal-body .product-detail .brand {
font-size: 17px;
font-weight: bold;
margin-bottom: 2px;
color: #000;
}
body.store_product_show #sizing-modal .modal-dialog .modal-body .product-detail .name {
font-size: 16px;
margin-bottom: 15px;
color: #000;
}
body.store_product_show #sizing-modal .modal-dialog .modal-body .product-detail .price {
font-size: 15px;
margin-bottom: 15px;
color: #000;
}
body.store_product_show #sizing-modal .modal-dialog .modal-body .product-detail .description ul {
padding-left: 18px;
}
body.store_product_show #sizing-modal .modal-dialog .modal-body .product-measurement .note {
margin-bottom: 20px;
}
body.store_product_show #sizing-modal .modal-dialog .modal-body .product-measurement table {
width: 100%;
margin-bottom: 25px;
}
body.store_product_show #sizing-modal .modal-dialog .modal-body .product-measurement table th, body.store_product_show #sizing-modal .modal-dialog .modal-body .product-measurement table td {
border: inset 1px #DDD;
background: #FAFAFA;
text-align: center;
font-size: 12px;
padding: 10px 0;
color: #000;
}
body.store_product_show #sizing-modal .modal-dialog .modal-body .product-measurement table th {
border-top: solid 1px #666;
font-weight: normal;
}
body.store_product_show #sizing-modal .modal-dialog .modal-body .product-measurement table td {
background: #FFF;
}
body.store_product_show #sizing-modal .modal-dialog .modal-body .product-measurement .text-muted {
color: #999999;
}
body.store_product_show #sizing-modal .modal-dialog .modal-body .product-measurement ul {
padding: 0;
font-size: 11px;
}
body.store_product_show #sizing-modal .modal-dialog .modal-body .measuring-guide h4 {
margin: 0 0 5px;
font-size: 14px;
font-weight: 600;
}
body.store_product_show #sizing-modal .modal-dialog .modal-body .measuring-guide p {
margin-bottom: 20px;
}
body.store_product_show #sizing-modal .modal-dialog .modal-body .measuring-guide .image {
margin-bottom: 20px;
}
@media (max-width: 767px) {
body.store_product_show #sizing-modal .modal-dialog .modal-content {
padding: 20px;
}
body.store_product_show #sizing-modal .modal-dialog .modal-body .product-measurement table th, body.store_product_show #sizing-modal .modal-dialog .modal-body .product-measurement table td {
font-size: 12px;
padding: 10px 3px;
}
}
@media (min-width: 768px) {
body.sylius_cart_summary #site-heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
body.sylius_cart_summary #site-heading > * {
width: 33.333%;
}
}
@media (max-width: 767px) {
body.sylius_cart_summary #site-heading {
margin: 20px 0;
}
body.sylius_cart_summary #site-heading h1 {
font-size: 17px;
}
}
body.sylius_cart_summary .checkout-container {
margin-bottom: 30px;
}
@media (max-width: 767px) {
body.sylius_cart_summary .checkout-container {
margin-bottom: 10px;
}
}
body.sylius_cart_summary .cart-page-header {
margin: 30px 0;
}
body.sylius_cart_summary .cart-page-header > div {
width: 33.333333%;
display: inline-block;
vertical-align: middle;
}
body.sylius_cart_summary .cart-page-header h1 {
margin: 0;
text-align: center;
font-size: 26px;
font-weight: normal;
}
@media (max-width: 767px) {
body.sylius_cart_summary .cart-page-header {
margin: 20px 0 0;
padding-bottom: 20px;
border-bottom: solid 1px #F0F0F0;
}
body.sylius_cart_summary .cart-page-header > div {
display: block;
width: 100%;
}
body.sylius_cart_summary .cart-page-header h1 {
font-size: 20px;
}
}
body.sylius_cart_summary .customer-care-wrapper {
text-align: center;
}
body.sylius_cart_summary .customer-care-wrapper .customer-care {
margin: 0 0 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
body.sylius_cart_summary .customer-care-wrapper .customer-care li.first {
width: 100%;
}
body.sylius_cart_summary .customer-care {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 13px;
}
body.sylius_cart_summary .customer-care > li {
float: none;
}
body.sylius_cart_summary .customer-care > li > span,
body.sylius_cart_summary .customer-care > li > a {
padding: 5px 7px;
display: block;
line-height: 1em;
}
body.sylius_cart_summary .customer-care > li > span .sprite,
body.sylius_cart_summary .customer-care > li > a .sprite {
margin-right: 5px;
}
body.sylius_cart_summary .customer-care > li > span > span,
body.sylius_cart_summary .customer-care > li > a > span {
vertical-align: middle;
}
body.sylius_cart_summary .customer-care > li.first a,
body.sylius_cart_summary .customer-care > li.first span {
padding-left: 0;
}
body.sylius_cart_summary .customer-care > li.last a,
body.sylius_cart_summary .customer-care > li.last span {
padding-right: 0;
}
body.sylius_cart_summary table.cart-table td.unit-price {
color: #7D7D7D;
}
body.sylius_cart_summary table.cart-table th.unit-price, body.sylius_cart_summary table.cart-table td.unit-price {
width: 120px;
text-align: center;
vertical-align: middle;
font-size: 13px;
font-weight: bold;
}
body.sylius_cart_summary table.cart-table th.unit-price .original-price, body.sylius_cart_summary table.cart-table td.unit-price .original-price {
font-size: 12px;
text-decoration: line-through;
display: block;
font-weight: normal;
}
body.sylius_cart_summary table.cart-table th.unit-price .sale-price, body.sylius_cart_summary table.cart-table td.unit-price .sale-price {
color: #C5281C;
}
body.sylius_cart_summary table.cart-table th.quantity, body.sylius_cart_summary table.cart-table td.quantity {
width: 120px;
text-align: center;
vertical-align: middle;
}
body.sylius_cart_summary table.cart-table th.quantity a.remove, body.sylius_cart_summary table.cart-table td.quantity a.remove {
font-size: 11px;
margin-top: 6px;
color: #999;
display: block;
}
body.sylius_cart_summary table.cart-table th.quantity .input-group-btn > .btn, body.sylius_cart_summary table.cart-table td.quantity .input-group-btn > .btn {
border-radius: 50%;
padding: 0;
width: 18px;
height: 18px;
margin: 0 5px;
font-size: 17px;
line-height: 0;
}
body.sylius_cart_summary table.cart-table th.quantity .input-group-btn > .btn:focus, body.sylius_cart_summary table.cart-table td.quantity .input-group-btn > .btn:focus {
outline: none;
}
body.sylius_cart_summary table.cart-table th.quantity input, body.sylius_cart_summary table.cart-table td.quantity input {
text-align: center;
box-shadow: none;
height: 40px;
}
body.sylius_cart_summary table.cart-table th.total, body.sylius_cart_summary table.cart-table td.total {
width: 120px;
vertical-align: middle;
font-weight: bold;
font-size: 13px;
}
body.sylius_cart_summary table.cart-table th.total del, body.sylius_cart_summary table.cart-table td.total del {
font-weight: normal;
font-size: 11px;
}
body.sylius_cart_summary table.cart-table th.total ins, body.sylius_cart_summary table.cart-table td.total ins {
text-decoration: none;
}
@media (max-width: 767px) {
body.sylius_cart_summary table.cart-table {
border-top: solid 1px #F0F0F0;
margin-bottom: 10px;
}
body.sylius_cart_summary table.cart-table tr {
position: relative;
display: block;
}
body.sylius_cart_summary table.cart-table td.quantity {
padding: 0;
display: block;
border: none;
position: absolute;
left: 110px;
bottom: 10px;
width: 70px;
}
body.sylius_cart_summary table.cart-table td.quantity .select-wrapper {
margin: 0;
border-color: #999;
}
}
body.sylius_cart_summary table.cart-table > thead {
border-bottom: 1px solid #F0F0F0;
font-size: 13px;
padding-top: 7px;
padding-bottom: 7px;
font-weight: bold;
}
body.sylius_cart_summary table.cart-table > thead > tr > th {
font-weight: bold;
border: none;
padding: 0 0 12px;
}
body.sylius_cart_summary table.cart-table > tbody > tr > td {
border-top: none;
border-bottom: solid 1px #F0F0F0;
padding: 20px 0;
}
body.sylius_cart_summary table.cart-table > tbody > tr > td.product {
position: relative;
}
body.sylius_cart_summary table.cart-table > tbody > tr > td.product .media {
display: table;
margin: 0;
}
body.sylius_cart_summary table.cart-table > tbody > tr > td.product .media .product-image {
margin-right: 13px;
}
body.sylius_cart_summary table.cart-table > tbody > tr > td.product .media .media-object {
width: 100px;
height: auto;
}
@media (max-width: 767px) {
body.sylius_cart_summary table.cart-table > tbody > tr > td.product .media .media-object {
width: 80px;
}
}
body.sylius_cart_summary table.cart-table > tbody > tr > td.product .media .media-body {
display: table-cell;
}
body.sylius_cart_summary table.cart-table > tbody > tr > td.product .media .media-body .brand, body.sylius_cart_summary table.cart-table > tbody > tr > td.product .media .media-body .brand > a {
font-weight: 600;
white-space: nowrap;
line-height: 1em;
margin-top: 0;
margin-bottom: 5px;
font-size: 14px;
}
body.sylius_cart_summary table.cart-table > tbody > tr > td.product .media .media-body .name, body.sylius_cart_summary table.cart-table > tbody > tr > td.product .media .media-body .name > a {
font-weight: normal;
margin: 0 0 9px 0;
line-height: 1.2em;
font-size: 15px;
color: #7D7D7D;
}
body.sylius_cart_summary table.cart-table > tbody > tr > td.product .media .media-body .options {
margin-bottom: 7px;
font-size: 13px;
}
body.sylius_cart_summary table.cart-table > tbody > tr > td.product .media .media-body .mobile-qty {
margin: 25px 0 0;
font-size: 11px;
vertical-align: middle;
}
body.sylius_cart_summary table.cart-table > tbody > tr > td.product .media .media-body .mobile-price {
float: right;
}
@media (max-width: 767px) {
body.sylius_cart_summary table.cart-table > tbody > tr > td.product {
padding: 15px 0;
}
body.sylius_cart_summary table.cart-table > tbody > tr > td.product .media .media-object {
width: 65px;
}
body.sylius_cart_summary table.cart-table > tbody > tr > td.product .media .media-body .options {
margin-bottom: 4px;
}
body.sylius_cart_summary table.cart-table > tbody > tr > td.product .media .media-body .brand a {
font-size: 13px;
}
body.sylius_cart_summary table.cart-table > tbody > tr > td.product .media .media-body .brand .remove-area {
float: right;
font-size: 12px;
text-transform: none;
color: #999;
}
body.sylius_cart_summary table.cart-table > tbody > tr > td.product .media .media-body .name {
margin-bottom: 8px;
}
body.sylius_cart_summary table.cart-table > tbody > tr > td.product .media .media-body .name a {
font-size: 14px;
}
body.sylius_cart_summary table.cart-table > tbody > tr > td.product .media .media-body .options {
margin-bottom: 8px;
}
body.sylius_cart_summary table.cart-table > tbody > tr > td.product .media .media-body .price {
float: right;
font-size: 14px;
font-weight: bold;
}
}
body.sylius_cart_summary .update-btn {
float: right;
margin-bottom: 20px;
font-size: 13px;
padding: 13px 17px;
border-color: #E0E0E0;
}
@media (max-width: 767px) {
body.sylius_cart_summary .update-btn {
float: none;
}
}
body.sylius_cart_summary .free-shipping-meter {
border: 1px solid #F0F0F0;
border-bottom: none;
position: relative;
width: 100%;
font-size: 13px;
}
body.sylius_cart_summary .free-shipping-meter.not-available {
background-color: #F0F0F0;
}
body.sylius_cart_summary .free-shipping-meter.full {
background-color: #E8F8E4;
color: #326D23;
border: none;
}
body.sylius_cart_summary .free-shipping-meter.full .fill {
display: none;
}
body.sylius_cart_summary .free-shipping-meter .fill {
background-color: #DFF0D8;
height: 2px;
}
body.sylius_cart_summary .free-shipping-meter .message {
padding: 16px 20px;
}
body.sylius_cart_summary .summary {
background: #F0F0F0;
padding: 12px 15px 5px;
border: solid 1px #E0E0E0;
box-sizing: border-box;
width: 100%;
margin-bottom: 20px;
font-size: 13px;
}
body.sylius_cart_summary .summary h5 {
font-weight: bold;
margin-top: 3px;
margin-bottom: 15px;
font-size: 16px;
}
body.sylius_cart_summary .summary .panel-heading {
font-size: 15px;
}
body.sylius_cart_summary .summary hr {
border-color: #E0E0E0;
margin: 8px 0;
}
@media (max-width: 991px) {
body.sylius_cart_summary .summary hr {
margin-left: -15px;
margin-right: -15px;
}
}
body.sylius_cart_summary .summary table {
width: 100%;
}
body.sylius_cart_summary .summary table tr td {
vertical-align: top;
text-align: right;
padding: 8px 0;
}
body.sylius_cart_summary .summary table tr td.title {
text-align: left;
}
@media (min-width: 992px) {
body.sylius_cart_summary .summary table tr td.title {
width: 205px;
}
}
@media (max-width: 767px) {
body.sylius_cart_summary .summary table tr td.title {
max-width: 200px;
}
}
body.sylius_cart_summary .summary .grand-total {
padding: 0;
list-style: none;
font-size: 17px;
margin: 15px 0 20px;
font-weight: bold;
}
body.sylius_cart_summary .summary .grand-total .amount {
text-align: right;
float: right;
clear: both;
}
body.sylius_cart_summary .summary .grand-total .title {
text-align: left;
font-weight: bold;
}
body.sylius_cart_summary .summary .checkout-btn {
margin-bottom: 20px;
padding: 15px;
font-size: 14px;
text-transform: uppercase;
background: #006FBB;
border: none;
}
body.sylius_cart_summary .summary .checkout-btn:hover {
opacity: 0.8;
}
body.sylius_cart_summary .summary .coupons {
box-sizing: border-box;
width: 100%;
}
body.sylius_cart_summary .summary .coupons .coupon {
border-top: solid 1px #E0E0E0;
}
body.sylius_cart_summary .summary .coupons .coupon .heading {
display: block;
padding: 15px 0;
font-size: 13px;
position: relative;
color: #7D7D7D;
}
body.sylius_cart_summary .summary .coupons .coupon .heading:focus, body.sylius_cart_summary .summary .coupons .coupon .heading:active {
text-decoration: none;
color: #000;
}
body.sylius_cart_summary .summary .coupons .coupon .heading::after {
content: '';
background: url(//perou.store/bundles/hypebeastweb/images/icons/scroll-arrow-down.svg) no-repeat;
width: 10px;
height: 5px;
float: right;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
body.sylius_cart_summary .summary .coupons .coupon .content {
display: none;
padding-bottom: 15px;
}
body.sylius_cart_summary .summary .coupons .coupon.open .content {
display: block;
}
body.sylius_cart_summary .summary .coupons .coupon.open .heading::after {
background: url(//perou.store/bundles/hypebeastweb/images/icons/scroll-arrow-up.svg) no-repeat;
}
body.sylius_cart_summary .summary .coupons .coupon input {
border: none;
}
body.sylius_cart_summary .summary .coupons .coupon button {
line-height: 20px;
background: #000;
border: none;
color: #FFF;
}
body.sylius_cart_summary .summary .coupons .coupon button:hover {
opacity: 0.8;
}
@media (max-width: 767px) {
body.sylius_cart_summary .summary .coupons {
height: auto !important;
border: none;
min-height: 0;
padding: 0;
}
body.sylius_cart_summary .summary .coupons input[type="text"] {
height: 40px;
border-radius: 0;
}
body.sylius_cart_summary .summary .coupons .btn {
width: 120px;
height: 40px;
font-weight: bold;
font-size: 12px;
color: #FFF;
background-color: #E0E0E0;
border: none;
background-image: none;
border-radius: 0;
}
}
body.sylius_cart_summary .promotion-message-wrapper {
text-align: center;
font-size: 13px;
}
body.sylius_cart_summary .promotion-message-wrapper .promotion-message {
margin-bottom: 10px;
}
body.sylius_cart_summary .promotion-message-wrapper .policy {
color: #666;
}
body.sylius_cart_summary .promotion-message-wrapper a {
color: #006FBB;
}
body.sylius_cart_summary .promotion-message-wrapper a:hover {
color: #008dee;
}
@media (max-width: 767px) {
body.sylius_cart_summary .promotion-message-wrapper .policy,
body.sylius_cart_summary .promotion-message-wrapper .promotion-message {
margin-bottom: 20px;
}
}
body.sylius_cart_summary #cart-login-modal .modal-dialog {
width: 820px;
}
body.sylius_cart_summary #cart-login-modal .modal-dialog .guest-span, body.sylius_cart_summary #cart-login-modal .modal-dialog .member-span {
color: #999;
font-size: 16px;
}
body.sylius_cart_summary #cart-login-modal .modal-dialog .guest-span h4, body.sylius_cart_summary #cart-login-modal .modal-dialog .member-span h4 {
font-size: 21px;
font-weight: 500;
text-align: center;
margin-top: 30px;
color: #000;
margin-bottom: 20px;
}
body.sylius_cart_summary #cart-login-modal .modal-dialog .guest-span p,
body.sylius_cart_summary #cart-login-modal .modal-dialog .member-span p {
text-align: center;
line-height: 30px;
padding: 0 60px;
margin-bottom: 50px;
}
body.sylius_cart_summary #cart-login-modal .modal-dialog .guest-span {
border-right: 1px solid #EEE;
}
body.sylius_cart_summary #cart-login-modal .modal-dialog .action {
text-align: center;
margin-bottom: 10px;
}
body.sylius_cart_summary #cart-login-modal .modal-dialog .action .btn {
background-color: #006FBB;
border: #006FBB;
font-size: 16px;
}
body.store-checkout-step .checkout-left-section {
margin-bottom: 50px;
}
@media (min-width: 992px) {
body.store-checkout-step .checkout-left-section {
width: 60%;
}
body.store-checkout-step .checkout-right-section {
width: 40%;
}
}
@media (max-width: 767px) {
body.store-checkout-step .checkout-left-section {
margin-bottom: 30px;
}
}
body.store-checkout-step #site-header {
border-bottom: solid 1px #F0F0F0;
padding: 0;
margin: 0 30px;
}
body.store-checkout-step #site-header .logo {
padding: 18px 15px 18px 0;
display: inline-block;
}
body.store-checkout-step #site-header .logo img {
width: 105px;
}
@media (max-width: 767px) {
body.store-checkout-step #site-header {
font-size: 13px;
}
body.store-checkout-step #site-header .logo img {
width: 80px;
}
}
body.store-checkout-step #site-header .nav > li > a,
body.store-checkout-step #site-header .nav > li > span {
margin: 0;
display: block;
padding: 26px 10px 25px;
font-size: 13px;
}
body.store-checkout-step #site-header .nav > li > a > span,
body.store-checkout-step #site-header .nav > li > span > span {
vertical-align: middle;
}
body.store-checkout-step #site-header .nav > li > a > span.sprite,
body.store-checkout-step #site-header .nav > li > span > span.sprite {
margin-right: 5px;
margin-top: -2px;
}
body.store-checkout-step #site-header .nav > li.first > span {
padding: 28px 10px 28px;
}
body.store-checkout-step #site-header .nav > li.cart a {
padding: 26px 0 26px 10px;
position: relative;
}
body.store-checkout-step #site-header .nav > li.cart a > span {
line-height: 0;
}
body.store-checkout-step #site-header .nav > li.cart a > span:not(.sprite) {
position: absolute;
left: 17px;
color: #FFF;
top: 40px;
}
body.store-checkout-step #site-header .nav > li.cart a:hover {
opacity: 0.7;
}
@media (max-width: 767px) {
body.store-checkout-step #site-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0 15px;
}
body.store-checkout-step #site-header > * {
width: 33.333%;
}
body.store-checkout-step #site-header:before, body.store-checkout-step #site-header:after {
display: none;
}
body.store-checkout-step #site-header .logo {
padding: 0;
text-align: center;
}
body.store-checkout-step #site-header .checkout-header-menu .nav {
display: inline-block;
margin: 0;
}
body.store-checkout-step #site-header .checkout-header-menu .nav > li {
display: none;
}
body.store-checkout-step #site-header .checkout-header-menu .nav > li.cart {
display: block;
}
body.store-checkout-step #site-header .checkout-header-menu .nav > li.cart a {
padding: 17px 0 17px 15px;
}
body.store-checkout-step #site-header .checkout-header-menu .nav > li.cart a > span:not(.sprite) {
top: 31px;
left: 22px;
}
}
body.store-checkout-step #site-footer {
background: none;
border-top: solid 1px #F0F0F0;
padding: 15px 0 30px;
}
body.store-checkout-step #site-footer .copyright {
display: inline-block;
font-size: 13px;
padding: 20px 0;
color: #CCC;
}
body.store-checkout-step #site-footer .copyright > a {
color: #999;
}
body.store-checkout-step #site-footer .norton-logo {
float: right;
width: 85px;
}
@media (max-width: 767px) {
body.store-checkout-step #site-footer {
padding-top: 0;
}
body.store-checkout-step #site-footer .copyright {
display: block;
}
body.store-checkout-step #site-footer .norton-logo {
float: none;
}
}
body.store-checkout-step input,
body.store-checkout-step textarea,
body.store-checkout-step select {
box-shadow: none;
}
body.store-checkout-step input:focus,
body.store-checkout-step textarea:focus,
body.store-checkout-step select:focus {
box-shadow: none;
}
#checkout-progressbar {
margin-bottom: 30px;
line-height: 1em;
}
#checkout-progressbar ul {
list-style: none;
padding: 0;
}
#checkout-progressbar ul li {
display: inline-block;
width: 33%;
padding: 0 1px;
}
#checkout-progressbar ul li .step {
padding: 0 0 10px;
border-bottom: solid 3px #CCC;
font-size: 14px;
color: #CCC;
}
#checkout-progressbar ul li .step .index {
font-size: 26px;
margin-right: 7px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
}
#checkout-progressbar ul li .step .sprite {
margin: 0 5px;
}
#checkout-progressbar ul li .step .edit {
font-size: 12px;
color: #999;
line-height: 1em;
}
#checkout-progressbar ul li .step > span {
vertical-align: baseline;
}
#checkout-progressbar ul li.active .step {
border-color: #000;
color: #000;
}
@media (max-width: 991px) {
#checkout-progressbar {
margin-bottom: 20px;
}
#checkout-progressbar ul li {
vertical-align: bottom;
width: 50%;
}
#checkout-progressbar ul li .step {
padding-bottom: 5px;
}
#checkout-progressbar ul li .step span {
line-height: 24px;
}
#checkout-progressbar ul li .step.index {
font-size: 13px;
text-align: right;
color: #7D7D7D;
}
#checkout-progressbar ul li .step .index {
font-size: 20px;
}
}
body #sticky-sidebar {
margin-bottom: 30px;
}
body #sticky-sidebar #sticky-sidebar-content {
border: solid 1px #F0F0F0;
background: #FAFAFA;
display: table;
padding: 20px;
margin-bottom: 20px;
}
body #sticky-sidebar #sidebar-order-summary .header {
position: relative;
}
body #sticky-sidebar #sidebar-order-summary .header.collapse-toggle.collapsed .sprite.sprite-arrow-down {
display: block;
}
body #sticky-sidebar #sidebar-order-summary .header.collapse-toggle.collapsed .sprite.sprite-arrow-up {
display: none;
}
body #sticky-sidebar #sidebar-order-summary .header.collapse-toggle .sprite.sprite-arrow-down {
display: none;
}
body #sticky-sidebar #sidebar-order-summary .header.collapse-toggle .sprite.sprite-arrow-up {
display: block;
}
body #sticky-sidebar #sidebar-order-summary .header .sprite {
display: none;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
body #sticky-sidebar #sidebar-order-summary .header h2 {
margin: 0 0 13px;
font-weight: bold;
font-size: 16px;
}
body #sticky-sidebar #sidebar-order-summary .note {
font-size: 13px;
margin: 0 0 15px;
color: #7D7D7D;
line-height: 1.5em;
}
body #sticky-sidebar #sidebar-order-summary .product-table {
border-top: solid 1px #F0F0F0;
margin-bottom: 10px;
}
body #sticky-sidebar #sidebar-order-summary .product-table tr > td {
border-top: none;
vertical-align: top;
border-bottom: solid 1px #F0F0F0;
padding: 15px 8px;
}
body #sticky-sidebar #sidebar-order-summary .product-table tr > td.image {
padding-left: 0;
width: 90px;
padding-right: 5px;
}
body #sticky-sidebar #sidebar-order-summary .product-table tr > td.price {
padding-right: 0;
vertical-align: bottom;
font-weight: bold;
text-align: right;
width: 100px;
}
#sticky-sidebar #sidebar-order-summary .product-table tr > td.price .original-price {
text-decoration: line-through;
font-size: 12px;
font-weight: normal;
}
#sticky-sidebar #sidebar-order-summary .product-table tr > td.price .sale-price {
color: #C5281C;
}
#sticky-sidebar #sidebar-order-summary .product-table tr > td.detail .brand {
margin: 0 0 5px;
font-size: 13px;
font-weight: bold;
}
#sticky-sidebar #sidebar-order-summary .product-table tr > td.detail .name {
font-weight: normal;
margin: 0 0 12px;
font-size: 13.5px;
}
#sticky-sidebar #sidebar-order-summary .product-table tr > td.detail .options {
margin: 0;
}
#sticky-sidebar #sidebar-order-summary .product-table tr > td.detail .options li {
margin-bottom: 12px;
font-size: 11.5px;
}
#sticky-sidebar #sidebar-order-summary .product-table tr > td.detail .options li:last-child {
margin: 0;
}
#sticky-sidebar #sidebar-order-summary .total {
margin-bottom: 10px;
font-size: 13px;
}
#sticky-sidebar #sidebar-order-summary .total table {
margin-bottom: 10px;
}
#sticky-sidebar #sidebar-order-summary .total table tr > td {
border: none;
padding: 8px 0;
text-align: right;
}
#sticky-sidebar #sidebar-order-summary .total table tr > td.title {
text-align: left;
}
#sticky-sidebar #sidebar-order-summary .grand-total {
border-top: solid 1px #F0F0F0;
padding: 15px 0 20px;
}
#sticky-sidebar #sidebar-order-summary .grand-total span {
display: inline-block;
font-weight: bold;
padding: 0;
font-size: 16.5px;
}
#sticky-sidebar #sidebar-order-summary .grand-total span.price {
float: right;
}
#sticky-sidebar .policy {
color: #7D7D7D;
text-align: center;
font-size: 12.5px;
}
#sticky-sidebar .policy a {
color: #006FBB;
}
#sticky-sidebar .policy a:hover {
color: #008dee;
}
body.store-checkout-step .btn-block {
background-color: #006FBB;
border-color: #006FBB;
padding: 15px;
text-transform: uppercase;
font-size: 13px;
}
body.store-checkout-step .btn-block span {
vertical-align: middle;
}
body.store-checkout-step .btn-block span.sprite {
margin-right: 3px;
}
body.store-checkout-step .btn-block:hover, body.store-checkout-step .btn-block:focus, body.store-checkout-step .btn-block:active {
opacity: 0.8;
background-color: #006FBB;
border-color: #006FBB;
}
body.addressing-step .section {
border-top: solid 1px #F0F0F0;
margin-bottom: 10px;
}
body.addressing-step .section .header {
margin: 20px 0;
font-size: 18.5px;
}
body.addressing-step label {
font-size: 12.5px;
}
body.addressing-step input {
font-size: 13px;
}
body.addressing-step .checkbox label {
font-size: 13px;
line-height: 20px;
}
body.addressing-step .billing-address .header {
display: inline-block;
margin-right: 10px;
}
body.addressing-step .billing-address .same-address {
font-size: 13px;
}
body.addressing-step .billing-address .form {
display: none;
}
body.addressing-step .note {
margin-bottom: 30px;
}
body.addressing-step .note textarea {
padding: 12px;
}
body.addressing-step .note #sylius_checkout_addressing_note {
height: 200px;
}
@media (max-width: 767px) {
body.addressing-step .billing-address .header {
margin-bottom: 10px;
}
body.addressing-step .billing-address .same-address {
margin: 0;
}
body.addressing-step .billing-address .same-address label {
padding-left: 15px;
}
body.addressing-step .section {
margin: 0;
}
body.addressing-step .section .header {
font-size: 16.5px;
}
body.addressing-step .note textarea {
font-size: 13.5px;
}
}
@media (max-width: 991px) {
body.addressing-step .sidebar {
display: none;
}
}
body.store_checkout_delivery_and_payment .checkout-left-section h4 {
margin-top: 0;
padding-top: 30px;
border-top: solid 1px #F0F0F0;
margin-bottom: 30px;
font-weight: bold;
}
@media (max-width: 991px) {
body.store_checkout_delivery_and_payment .checkout-left-section h4 {
padding-top: 20px;
margin-bottom: 20px;
border-width: 1px;
}
}
@media (max-width: 991px) {
body.store_checkout_delivery_and_payment .checkout-left-section {
margin-bottom: 0;
}
}
body.store_checkout_delivery_and_payment #shipping-method,
body.store_checkout_delivery_and_payment #payment-method {
margin-bottom: 5px;
}
body.store_checkout_delivery_and_payment #shipping-method .row,
body.store_checkout_delivery_and_payment #payment-method .row {
margin-left: -5px;
margin-right: -5px;
}
body.store_checkout_delivery_and_payment #shipping-method .row .col,
body.store_checkout_delivery_and_payment #payment-method .row .col {
padding-left: 5px;
padding-right: 5px;
margin-bottom: 15px;
}
body.store_checkout_delivery_and_payment #shipping-method input,
body.store_checkout_delivery_and_payment #payment-method input {
position: absolute;
top: 18px;
left: 18px;
margin: 0;
z-index: 1;
}
body.store_checkout_delivery_and_payment #shipping-method input::before,
body.store_checkout_delivery_and_payment #payment-method input::before {
content: " ";
display: block;
background: #FFF;
border-radius: 50%;
overflow: hidden;
width: 20px;
height: 20px;
border: solid 1px #999;
position: absolute;
top: -4px;
left: -4px;
text-align: center;
font-size: 10px;
line-height: 20px;
color: #EEE;
}
body.store_checkout_delivery_and_payment #shipping-method input:checked::before,
body.store_checkout_delivery_and_payment #payment-method input:checked::before {
background: #67BF3B;
border: none;
content: '';
background-image: url(//perou.store/wp-content/themes/perou/images/icons/tick-order@2x.png);
background-position: center;
background-repeat: no-repeat;
background-size: 12px;
}
body.store_checkout_delivery_and_payment #shipping-method input:hover + label,
body.store_checkout_delivery_and_payment #shipping-method input:checked + label,
body.store_checkout_delivery_and_payment #payment-method input:hover + label,
body.store_checkout_delivery_and_payment #payment-method input:checked + label {
background-color: #E7F5E4;
border-color: #E0E0E0;
cursor: pointer;
}
body.store_checkout_delivery_and_payment #shipping-method input:focus,
body.store_checkout_delivery_and_payment #payment-method input:focus {
outline: none;
box-shadow: none;
}
body.store_checkout_delivery_and_payment #shipping-method label,
body.store_checkout_delivery_and_payment #payment-method label {
display: block;
margin: 0;
line-height: 1.4em;
position: relative;
padding: 15px 15px 15px 40px;
border: solid 1px #F0F0F0;
font-weight: bold;
font-size: 14.5px;
}
@media (max-width: 767px), (min-device-width: 768px) and (max-device-width: 1024px) {
body.store_checkout_delivery_and_payment #shipping-method label,
body.store_checkout_delivery_and_payment #payment-method label {
display: block;
float: none;
}
}
body.store_checkout_delivery_and_payment #shipping-method label:hover,
body.store_checkout_delivery_and_payment #payment-method label:hover {
background-color: #E7F5E4;
border-color: #E7F5E4;
}
body.store_checkout_delivery_and_payment #shipping-method label small,
body.store_checkout_delivery_and_payment #payment-method label small {
margin-top: 5px;
line-height: 1em;
display: block;
font-weight: normal;
}
body.store_checkout_delivery_and_payment #payment-method input {
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
}
body.store_checkout_delivery_and_payment #payment-method label {
padding: 15px 15px 0 35px;
}
body.store_checkout_delivery_and_payment #payment-method label img {
margin: 0 5px;
}
body.store_checkout_delivery_and_payment #payment-method label img.visa {
width: 58px;
}
body.store_checkout_delivery_and_payment #payment-method label img.mc {
width: 55px;
}
body.store_checkout_delivery_and_payment #payment-method label img.amex {
width: 40px;
}
body.store_checkout_delivery_and_payment #payment-method label img.alipay {
width: 60px;
}
body.store_checkout_delivery_and_payment #payment-method label img.paypal {
width: 72px;
}
body.store_checkout_delivery_and_payment #payment-method label img,
body.store_checkout_delivery_and_payment #payment-method label p {
margin-bottom: 15px;
}
body.store_checkout_delivery_and_payment #credit-card-section {
margin-bottom: 20px;
}
body.store_checkout_delivery_and_payment #credit-card-section #store_checkout_delivery_and_payment_creditcard_number {
background-position: right 6px center;
background-repeat: no-repeat;
}
body.store_checkout_delivery_and_payment #credit-card-section #store_checkout_delivery_and_payment_creditcard_number.master {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAUCAYAAADskT9PAAAEoElEQVRIS72VW2wUZRTHfzPT3Znd7m7v7ba126UttSUVLIhYMNGANlGBKCgYwBJRgpiIhQSDtxdNCsTw4AM0Bh6ARC5KwoNcJAawCgQQaAxYwNJuS9mWXu12t7uztxnTJTZZW9h9MH4vk5nv//3P7zuTc44wdVnjBhFtq45o5v9cAp2grxceX7Zz9FHB06KjFAQHUbQgo6KJe0oOflGeFNVqDDAlrRerHMAflukcyWEoYH3otaJRrUMoX9aoT6aY5W2ldvg3nGpv3LaGyE2zg+OZc2gzFcT2pud0sGJaE0/muhCEeLvbQ4V8f+tZzrkr0XVhQqgJAIoWYs39H5kx2vbIH6Ij8FPmTOwvellcdjnhz7vgrmD7paWoEWOcNg7AoEfY5D5CSaAnoeGYwFdiprSmD5MzkpT+xkAxW5pWE45K4/o4gOX9PzN/uDkps6F0Gw7HQEybNjeIISua1Lkjt+ex+/faiQDZEQ9fuvYioiVlpFRHUazhcW1ajYqQkviopomsPllP32haTDyegcWDF3hl6FJiB6AvPYPKGnec1lweRrLoiAYrWtj7SJ99N+ZzoOW5eIDNXd/xQt2r2BctwdX4NRVfbOPaqteRLBZ8N1tiT5OjGMVeQChFI9p1FtnuxHf7KkpBCUa7n+K3t2FIdeJpbSQ0fB0tOIgW8SOmmNHCI4gGG7nzDnDy25VsPlMXD7DdtZt5DQ2Yip34brWQ/fwC7uzYSsbsZ5DMZmzTq+k7dQI5N49gfy/p1U8R+muIwV/PUlr/Ef1nDpNaYWDgaj0G61SsJXWkFi5CHbyMJGcjmfKJ+t1IJjvXji6k7vjGeICv2r9hwcHDBNz3QNdjgdQeN8asHIK9PSgFhXhvtpA+czade3ZSunFLbN/TfJXU0jLUvhsopW687XuxOFeQWvQacuYsIr42vO37kbOextd5CFvZWlpOf8jKY5viAT7vPsyS/XsYdbXhd7VhKnJie2JGLBuhwX7Ubjf2xUswZmZzZ0cDRW+toffkDwgGA4IoEfZfw/nuJ/i7T2FMqyDsbcOcX4sgyfRdfIec2Y1Eg/2o/ee50LSP+tNr4wFWDp9nYZ6KFgwSHvEgyjJynh0toKJrGnJeHt6WPzA5HPh6urFNkVHsDtTuDiJ+L0ppBxlzqxElhfBoBymmfHRdRxBE1IGLKNk16FqIqHqfQ83O8VIcrwJHsJdP7x5IqgoCkkz+yyMYxAe1Lxh1xqog2fXeqfdxefLiMzD2tq7nGDN9rUn5BCxG7FUPys2YHyF1WnIATXeraLj4xuSd0BIN8HHXQbLDnoQQGgJaZQr28mEsVckF7/FlsOH0OkaCpskBxr5mRrx80H00NoITrT8tRdiXjjD9sc5EUjo9uXx2btV4B/znwKTj2KhHqB26wgJPM+aoOsF8KMXKiaw5nLNVIYg6C0uu8GblL2SZJnZAX0jhaGtNbCQHo//u1ZoulC9v7ECneLIrSHqUMrWbwuAAJi2ET1S4q+TSIdvRhfjZLgkaFVldTM3owWYM4I/IuIbzuN5fTEh7yJAQaBfKl+96KRrRd0mS6EyYx/9MoOkIoktDW/83kZPtznnKnLwAAAAASUVORK5CYII=);
}
body.store_checkout_delivery_and_payment #credit-card-section #store_checkout_delivery_and_payment_creditcard_number.visa {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAUCAYAAADskT9PAAAD1ElEQVRIS8WVf0yVZRTHP+97LxcuchX0QqBAgl5kCJNRRt2KsWUk0gyWsFBX45/iVpMsHBGULmpplkZb4FAbboXJrIAQG0UrRdFmSQglCgKCkCDy63ovP+9t78MukyX8J5y/zvs85zzn+/2e5zyvZEjK3yZj+8iO7MpcmkQb2E1ScFKe1YbkMpe1HbWcZLqkoKR8+3wUd9ScfwAWi2V+FXAAGG6tAfvEpDKSjMYnDNlZJz5Hxyaoa+4RfpDfYtq7BxmyjOLrqcPXazKm65aZ2qYerCPj+CxZQMSqB3B2Uok9Jbbx+m3hhwbqcdGop7ouOQDYrH1Y6ksYOHsAm/km2qAY9IkFIvDkuRYyD5xC66ymcn8iSe+W0dV7h50pRuKjDOz5+jzHqi5jv0vLI9kbWLPSU+QnZpdxtaNP+HlvPY0xbOn/AThWiisvsuJaLt7WSyzb/odYTt37E+caOkmIMpCevJbHTUViXSnSecsswCmsTAnhLHLT8HdLL9sSH8JN6yTylHyHpcaHkxq/ZmYACtKk7FIOGasJT86he0RH3I7vsNntFOdsFO3Y+v4JcUB1/mYKK+o59EMdOlcNhzPXE+TnMXW44qR9VsVvtR08FrqUmvpOwV5RwWFTLbg766m0YkYsQxzdvpqKK1ryS2oJN3hRmBVL6ekmdh4+g5eHq2jHlfY+XsypYHh0HFmS2GAMJGPLIwJQe/cQz2V8j6uLEwczYkjeVc7CBRpOfZE8O4CsgmpOnG3mlY2hlNe0cqPHzG5TFOsjA9h/7AJHTjYIRvnpk0wU1fZ9c0EwVMwYuoy89HV8XPQ7RZX/8Hx0EFkvPcqTrx7ljnWMst0J+HsvFLH3VKD8TDPZB6vx0LnQNzSM3l3Lj59uQq2SeX3fz1TX3WBLTAg7Nq+dJvfnx//ky/JL4j5U5SbxzJvHMVtH8fPS4e7mzNWOfqHUhy8/QZxxxcwAegesKG2418WJTf9WjNx7KUYCfBZRUPYXDwd7o5IlSk430do1QGSID9ER/uz56jwqlYxGLYujxidsjI3beGFdMG9vjZwZgLKzKbuUpo5+wVphr6hgGR7DmOqYgFjB6IPCmmkqrA7Qs/e1aEyfVNL27yBpiRGkxIWJmF8vtvNG7i+ELF9C0a5nZwdw/eYg/eYRMfsG38mbPTI2MfWgrPJfjJNaFiCVWLvdToCPOyt93cWkNLT0ihyDnztuWo3wlUfqcttt1GqZsED97ACm0bqPH1Jjltf8/gvmFYAkITVm6luR5Qfvo8ozHm3Ddk1qfMczFsmWB6rlcwXCBnawtagl2fQfeT+f+gnTpL4AAAAASUVORK5CYII=);
}
body.store_checkout_delivery_and_payment #credit-card-section #store_checkout_delivery_and_payment_creditcard_number.amex {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAUCAYAAADskT9PAAAEuElEQVRIS8VUC0xbVRj+7u2LPihvOqAdFJCnG6BbWDInOsPG1E2WTaPgMCE6nBpZjHuICcnQyKJmWxadS3wMIctmGEYlZOLEZTJYxmuyMd4rzxZKgZWWFlrae805vBJNyRIX/Jub3N5zzn++//u+/2dS8uvedYMrZsHKsIrBMdyAAMwBZn1+rW21L1+qk+P7meT8On4VC//XVf8/gJ0fNfM5W8MosgmLEwFKMX2vaZ1AgFKEZK1yRYJcLg4zTg7eMiGsdhd48FDKREtnLPY5iIUsvMQCGO87oPKT0LXr7fdxrW0SzMXaEf5OvxWGSQe+ficRn/3Yh7bBaRzZo4WXSIAj33fh+Y1B6DPO4N6IHQzDYH+GGid+6odjjoNSKsTRvZE4VTmAk7lxKLzQg3HLHPY9FYqSGj1ytoYica0C75/rQu4zYYgNk6O83giVrxhfVg2CuTto5YvLdQhXSbElwQ/VLeOYsM7hhdRgjJodaOiewqNrFejS2/FEgi+CfMSIWiNDQVkPPs6OxvlrI4jXKPDNb8N4cbMKIiGLN7apcbikCymRSlTUG1GUHY2ii/dgmXGhYG8kyutGsS7Cex7A8Qodf6PDDJmEhVjEwl8hwvaUQJytHgIDIDstFH1GOwWwIVpJJSIVvX22HduSA3Crz4r8neH4sKyHgg7xl+Dpdf54rqgZm+P9cLPbjP3bNfhLZ8FjUUr82jKOYB/xMoDMT1r4T1+LBbmt6EIv7E4ORVmkMgPUAV6ICpGhc9iGHoMdE1YnrZBQWXbVgMN7tCDykcou1RtxJi8BH5R1Y3rWjV0bg5Ea60OlK71qQKRKiuKcGOw7eZvmjVXL5xn48+4kX9VogtHsQG66mhrEYnNBKhHQxAHey4b6pxs7hqYp/YsxZXOB43n4ykWYc3E4WtqNQ7u1lBUSnUM2xGnk9J1IXdVkgsc29JYKIWCJCMtBHS1iqTkXw+5wQypmqTlJ2J1uiAUMhAJ2aY/TxYEsixa+2WZdkHkJwJCfp0H0w6EkDE3MAgtjigAiLMWpFRg0zSwlJ9VGqKRUYxJSsQCJ4Qo09UzR/0IBgyStN1r7rHC5eSopkYi0JIkVAeScuoO8DA3dSHo2PTkQVY1jFESn3ob05AD8cnMMu1KDcbnJhB0bgnC52YTMVBXO1eiRlRZCZ4BhchZjZifVPV4tR+H5Xrz8ZAhlZUUAr3zeiiStknZGwUuRePZYM3ZvUlGXH6/QITXGF9W3xvFmhgbfXhmm3dHQM4Uv8hLw1lftiFPLqYe2JPrhuyt6SCUsXk0LxaX6UWp2srYigNzTbTiWFU0ZqGw0QRPohcqGMTpcCKWvp6shEbE0WcnvetoVpysHkBKlROkferyXGUEZWOMrgc5oR3OvhcqwKdYHPA+c+Ll/ZQD1neZFC1AWCGLy3OgyIyZUjroOMx0qVYWPo31omoIRCRjaQY0LHiAA4sLkuD1ghUTIUtmI+4m1tMFSzwAeCZHBS7LsdnKCXEJayk8x35qGiVk6NclUI2GdcYGY1VPYZt1wu3ko5UJqbtOU0zMAj1ke6gLHM+sP1vazPBv+UPM+aDI3dEzKwes7eDfOgGUiHvTcf9/H8XCzfTyDA38DgMj7EaPxGg8AAAAASUVORK5CYII=);
}
body.store_checkout_delivery_and_payment #credit-card-section .form-control {
height: 40px;
}
body.store_checkout_delivery_and_payment #credit-card-section > .row {
margin: 0 -5px;
}
body.store_checkout_delivery_and_payment #credit-card-section > .row > div {
padding: 0 5px;
}
body.store_checkout_delivery_and_payment #credit-card-section .expiration-date label {
display: block;
}
body.store_checkout_delivery_and_payment #credit-card-section .expiration-date > .row {
margin: 0 -5px;
}
body.store_checkout_delivery_and_payment #credit-card-section .expiration-date > .row > div {
padding: 0 5px;
}
body.store_checkout_delivery_and_payment #credit-card-section .cvv .label-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-bottom: 5px;
}
body.store_checkout_delivery_and_payment #credit-card-section .cvv .label-container label {
margin: 0 4px 0 0;
}
body.store_checkout_delivery_and_payment #credit-card-section .cvv .label-container .cvv-popover {
font-size: 12px;
color: #006FBB;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
body.store_checkout_delivery_and_payment #credit-card-section .cvv .label-container .cvv-popover:hover {
color: #008dee;
}
body.store_checkout_delivery_and_payment #credit-card-section .cvv .popover {
box-shadow: none;
background-color: #F0F0F0;
border-color: #E0E0E0;
border-radius: 0;
z-index: 10;
}
body.store_checkout_delivery_and_payment #credit-card-section .cvv .popover.top .arrow {
border-top-color: #E0E0E0;
}
body.store_checkout_delivery_and_payment #credit-card-section .cvv .popover.top .arrow:after {
border-top-color: #F0F0F0;
}
body.store_checkout_delivery_and_payment #credit-card-section .cvv .popover.right .arrow {
border-right-color: #E0E0E0;
}
body.store_checkout_delivery_and_payment #credit-card-section .cvv .popover.right .arrow:after {
border-right-color: #F0F0F0;
}
body.store_checkout_delivery_and_payment #credit-card-section .cvv .popover .popover-content {
padding: 20px 15px;
}
body.store_checkout_delivery_and_payment #credit-card-section .cvv .popover .popover-content .row {
margin: 0 -5px;
}
body.store_checkout_delivery_and_payment #credit-card-section .cvv .popover .popover-content [class^="col-"] {
padding: 0 5px;
}
body.store_checkout_delivery_and_payment #credit-card-section .cvv .popover .popover-content .sprite-close-btn {
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
}
body.store_checkout_delivery_and_payment #credit-card-section .cvv .popover .popover-content .sprite-close-btn:hover {
opacity: 0.7;
}
body.store_checkout_delivery_and_payment #credit-card-section .cvv .popover .cvv-image.visa {
margin-bottom: 25px;
}
body.store_checkout_delivery_and_payment #credit-card-section .cvv .popover h4 {
font-size: 13px;
padding: 0;
margin-bottom: 10px;
}
body.store_checkout_delivery_and_payment #credit-card-section .cvv .popover p {
font-size: 12px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
body.store_checkout_delivery_and_payment #credit-card-section .cvv .popover {
width: 340px;
max-width: 340px;
}
}
@media (max-width: 767px) {
body.store_checkout_delivery_and_payment #credit-card-section .cvv .popover {
right: 15px;
width: 240px;
max-width: 240px;
}
body.store_checkout_delivery_and_payment #credit-card-section .cvv .popover .popover-content {
padding: 30px 25px 20px;
}
body.store_checkout_delivery_and_payment #credit-card-section .cvv .popover .cvv-image {
margin-bottom: 15px;
}
}
body.store_checkout_delivery_and_payment #credit-card-section .cvv #popover-content {
display: none;
}
@media (max-width: 767px) {
body.store_checkout_delivery_and_payment #credit-card-section {
margin-bottom: 20px;
}
}
body.store_checkout_delivery_and_payment #place-order-text {
font-size: 13px;
display: none;
}
body.thank-you-step #checkout-progressbar {
margin-top: 30px;
}
body.thank-you-step .thank-you > h1 {
font-weight: bold;
margin-bottom: 15px;
font-size: 30px;
color: #333;
}
body.thank-you-step .thank-you > p {
color: #666;
font-size: 15px;
margin-bottom: 30px;
}
body.thank-you-step .thank-you h2 {
color: #666;
margin: 0 0 13px;
font-size: 17px;
}
body.thank-you-step .thank-you small {
color: #999;
}
body.thank-you-step .thank-you .order-status-btn {
background-color: #000;
color: #FFF;
margin: 20px 0 50px;
padding: 12px 20px;
}
body.thank-you-step .thank-you .page-header {
padding-bottom: 30px;
border: none;
}
@media (max-width: 767px) {
body.thank-you-step .thank-you h2 {
font-size: 15px;
}
body.thank-you-step .thank-you p,
body.thank-you-step .thank-you small {
font-size: 13px;
}
body.thank-you-step .thank-you .order-status-btn {
margin: 0 0 30px;
}
}
.page-content {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
padding-top: 30px;
}
.page-content #content.plain-page-style {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1.8em;
margin-bottom: 30px;
}
.page-content #content.plain-page-style h1:first-child, .page-content #content.plain-page-style h2:first-child, .page-content #content.plain-page-style h3:first-child, .page-content #content.plain-page-style h4:first-child, .page-content #content.plain-page-style h5:first-child {
margin-top: 0;
}
.page-content #content.plain-page-style h1 {
font-size: 30px;
}
.page-content #content.plain-page-style h2 {
font-size: 20px;
}
.page-content #content.plain-page-style h3 {
font-size: 18px;
}
.page-content #content.plain-page-style h4 {
font-size: 16px;
}
.page-content #content.plain-page-style h5 {
font-size: 14px;
}
.page-content #content.plain-page-style p {
margin-bottom: 15px;
}
.page-content #content.plain-page-style a {
color: #337ab7;
}
.page-content #content.plain-page-style a:hover {
color: #23527c;
}
body.store_page_vip small {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #999;
}
body.store_page_vip .hero-banner-container {
position: relative;
margin-bottom: 34px;
overflow: hidden;
}
body.store_page_vip .hero-banner-container .content {
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
color: #FFF;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
body.store_page_vip .hero-banner-container .content hr {
margin: 19px auto 16px;
width: 5%;
border-top-color: #999;
}
body.store_page_vip .hero-banner-container .content .tagline {
font-size: 18px;
text-transform: capitalize;
}
@media (max-width: 767px) {
body.store_page_vip .hero-banner-container .content hr {
width: 10%;
}
body.store_page_vip .hero-banner-container .content .tagline {
font-size: 13px;
}
}
body.store_page_vip .hero-banner-container .content h1 {
text-transform: uppercase;
color: inherit;
font-size: 52px;
line-height: 50px;
margin: 0;
}
@media (max-width: 767px) {
body.store_page_vip .hero-banner-container {
margin-bottom: 10px;
}
body.store_page_vip .hero-banner-container img {
max-width: 210%;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
body.store_page_vip .hero-banner-container .content h1 {
font-size: 35px;
}
}
body.store_page_vip .process-block {
text-align: center;
position: relative;
margin-bottom: 10px;
}
@media (max-width: 991px) {
body.store_page_vip .process-block > div {
margin-bottom: 30px;
}
}
body.store_page_vip .process-block h4 {
font-weight: bold;
text-transform: uppercase;
font-size: 26px;
margin-bottom: 8px;
}
body.store_page_vip .process-block p {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #666;
font-size: 15px;
line-height: 23px;
}
@media (max-width: 767px) {
body.store_page_vip .process-block p {
font-size: 15px;
line-height: inherit;
}
}
body.store_page_vip .membership-block {
position: relative;
text-align: center;
margin-bottom: 55px;
}
@media (max-width: 767px) {
body.store_page_vip .membership-block {
margin-bottom: 25px;
}
body.store_page_vip .membership-block > .tier {
margin-bottom: 25px;
}
body.store_page_vip .membership-block > .tier:last-child {
margin-bottom: 0;
}
}
body.store_page_vip .membership-block h4 {
font-weight: bold;
text-transform: uppercase;
font-size: 21px;
margin-bottom: 27px;
}
body.store_page_vip .membership-block .circle {
background-color: #000;
color: #FFF;
text-transform: uppercase;
width: 121px;
height: 121px;
border-radius: 60px;
margin: 0 auto;
position: relative;
z-index: 1;
text-align: center;
}
body.store_page_vip .membership-block .circle .content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
body.store_page_vip .membership-block .circle .content .hbx {
font-size: 20px;
line-height: 26px;
}
body.store_page_vip .membership-block .circle .content .grade {
font-size: 29px;
line-height: 32px;
}
body.store_page_vip .membership-block .circle.silver {
background-color: #C8C8C8;
}
body.store_page_vip .membership-block .circle.gold {
background-color: #D8B545;
}
body.store_page_vip .membership-block .circle.black {
background-color: #000;
}
@media (max-width: 767px) {
body.store_page_vip .membership-block .circle .content .hbx {
font-size: 20px;
}
body.store_page_vip .membership-block .circle .content .grade {
font-size: 27px;
}
}
body.store_page_vip .membership-block .how-to {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #666;
margin-top: 13px;
font-size: 16px;
line-height: 18px;
margin-bottom: 39px;
}
@media (max-width: 767px) {
body.store_page_vip .membership-block .how-to {
font-size: 17px;
}
}
body.store_page_vip .membership-block .how-to .dark {
color: #333;
font-weight: 500;
}
body.store_page_vip .membership-block .how-to small {
font-size: 12px;
}
body.store_page_vip .membership-block .benefits {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: left;
}
body.store_page_vip .membership-block .benefits h5 {
font-family: inherit;
font-size: 16px;
border-bottom: 1px solid #DDD;
padding-bottom: 10px;
text-align: center;
}
@media (max-width: 767px) {
body.store_page_vip .membership-block .benefits h5 {
font-size: 18px;
}
}
body.store_page_vip .membership-block .benefits h5.silver {
color: #C8C8C8;
}
body.store_page_vip .membership-block .benefits h5.gold {
color: #D8B545;
}
body.store_page_vip .membership-block .benefits h5.black {
color: #000;
}
body.store_page_vip .membership-block .benefits h6 {
font-size: 14px;
margin-top: 20px;
margin-bottom: 7px;
}
body.store_page_vip .membership-block .benefits ul {
padding-left: 17px;
}
@media (max-width: 767px) {
body.store_page_vip .membership-block .benefits ul {
font-size: 16px;
margin-bottom: 20px;
}
}
body.store_page_vip .membership-block .benefits ul li {
margin-bottom: 5px;
}
body.store_page_vip .shop-now-block {
margin-bottom: 25px;
}
body.store_page_vip .shop-now-block .shop-now-btn {
padding-top: 15px;
padding-bottom: 15px;
text-transform: uppercase;
border-style: solid;
border-spacing: 1px;
}
body.store_page_vip .shop-now-block .shop-now-btn.register-shop-now {
border-color: #000;
color: #000;
background-color: #FFF;
}
body.store_page_vip .shop-now-block .shop-now-btn.register-shop-now:hover {
background-color: #EEE;
}
body.store_page_vip .shop-now-block .shop-now-btn.sign-in-and-shop-now {
border-color: #FFF;
color: #FFF;
background-color: #000;
}
body.store_page_vip .shop-now-block .shop-now-btn.sign-in-and-shop-now:hover {
background-color: #333;
}
body.store_page_vip .shop-now-block .text {
position: relative;
color: #000;
padding: 36px 0;
font-size: 15px;
}
body.store_page_vip .shop-now-block .text hr {
border-color: #000;
position: absolute;
width: 100%;
top: 50%;
}
body.store_page_vip .shop-now-block .text span {
position: relative;
z-index: 1;
padding: 0 15px;
background-color: #FFF;
}
body.store_page_vip .shop-now-block a.learn-more {
color: #666;
}
body.store_page_vip .shop-now-block a.learn-more:hover {
color: #000;
}
body.store_page_vip .shop-now-block p {
color: #000;
font-size: 15px;
}
body.store_page_vip .shop-now-block p .fa {
font-size: 11px;
}
body.store_page_vip .terms-block {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-bottom: 25px;
}
body.store_page_vip .terms-block .question {
font-size: 13px;
}
body.store_page_faq #faq .main {
border-bottom: solid 1px #EEE;
padding: 20px 15px 10px;
}
body.store_page_faq #faq .main .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 768px) {
body.store_page_faq #faq .main .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
body.store_page_faq #faq .main .row > div {
margin-right: 20px;
margin-bottom: 20px;
}
body.store_page_faq #faq .main .row > div:last-child {
margin-right: 0;
}
body.store_page_faq #faq .main .section {
padding: 20px;
background-color: #f5f5f5;
}
body.store_page_faq #faq .main .section > a {
padding: 5px 0;
color: #777777;
line-height: 1.6em;
display: block;
}
body.store_page_faq #faq .main .section > a:hover {
color: #333333;
}
body.store_page_faq #faq .main .section > a.more {
color: #333333;
text-decoration: underline;
}
body.store_page_faq #faq .main .section .header {
margin-bottom: 15px;
}
body.store_page_faq #faq .main .section .header h2 {
padding: 0 5px;
display: inline-block;
text-transform: uppercase;
vertical-align: middle;
font-size: 17px;
line-height: 0;
margin: 0;
}
body.store_page_faq #faq .main .section .circle {
width: 50px;
height: 50px;
border-radius: 50%;
background: #ffffff no-repeat center;
background-size: 29px;
vertical-align: middle;
display: inline-block;
position: relative;
}
body.store_page_faq #faq .main .section .circle > .sprite {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
body.store_page_faq #faq .footer {
padding: 30px 0;
}
body.store_page_faq #faq .footer h1 {
margin-bottom: 30px;
}
body.store_page_faq #faq .footer .support {
width: 100%;
margin-top: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
body.store_page_faq #faq .footer .support button {
width: 33%;
padding: 10px;
border: none;
margin: 0 10px;
background-color: #000000;
color: #ffffff;
}
body.store_page_faq #faq .footer .support button:first-child {
margin-left: 0;
}
body.store_page_faq #faq .footer .support button:last-child {
margin-right: 0;
}
body.store_page_faq #faq .footer .support button:hover {
background-color: #555555;
}
body.store_page_faq .faq-dialog {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 501;
background-color: #ffffff;
width: 100%;
height: 100%;
display: none;
}
@media (min-width: 768px) {
body.store_page_faq .faq-dialog {
width: 600px;
height: 550px;
}
}
@media (min-width: 992px) {
body.store_page_faq .faq-dialog {
width: 800px;
}
}
body.store_page_faq .faq-dialog .header {
width: 100%;
position: absolute;
padding: 20px;
border-bottom: solid 1px #EEE;
background-color: #ffffff;
}
body.store_page_faq .faq-dialog .header h2 {
margin: 10px;
float: left;
}
body.store_page_faq .faq-dialog .header .close {
padding: 10px;
opacity: 1;
float: right;
}
body.store_page_faq .faq-dialog .header .close:hover {
opacity: 0.5;
}
body.store_page_faq .faq-dialog .header .close img {
width: 25px;
}
body.store_page_faq .faq-dialog section {
padding: 106px 30px 15px;
height: 100%;
overflow: auto;
display: none;
}
body.store_page_faq .faq-dialog section h2 {
padding-bottom: 30px;
margin-bottom: 20px;
}
body.store_page_faq .faq-dialog section h4 {
width: 90%;
font-size: 14px;
font-weight: bold;
}
@media (min-width: 768px) {
body.store_page_faq .faq-dialog section h4 {
width: 95%;
}
}
body.store_page_faq .faq-dialog section .expandable {
margin-bottom: 10px;
}
body.store_page_faq .faq-dialog section .expandable .expander {
padding: 10px 0;
cursor: pointer;
position: relative;
}
body.store_page_faq .faq-dialog section .expandable .expander:hover h4 {
text-decoration: underline;
}
body.store_page_faq .faq-dialog section .expandable .expander > * {
vertical-align: middle;
}
body.store_page_faq .faq-dialog section .expandable .sprite-arrow-up,
body.store_page_faq .faq-dialog section .expandable .sprite-arrow-down {
display: inline-block;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
body.store_page_faq .faq-dialog section .expandable .sprite-arrow-up,
body.store_page_faq .faq-dialog section .expandable .answer {
display: none;
}
body.store_page_faq .faq-dialog section .expandable.expanded .sprite-arrow-up {
display: inline-block;
}
body.store_page_faq .faq-dialog section .expandable.expanded .sprite-arrow-down {
display: none;
}
body.store_page_faq .faq-dialog section:last-child {
margin-bottom: 0;
}
body.store_page_faq .faq-dialog .call a {
color: #777777;
}
body.store_page_faq .faq-dialog .call .row {
margin-bottom: 30px;
}
body.store_page_faq .faq-dialog .email .form-group {
margin: 15px 0;
}
body.store_page_faq .faq-dialog .email .control-label {
margin-bottom: 12px;
}
body.store_page_faq .faq-dialog .email #store_contact_message {
height: 90px;
}
body.store_page_faq .faq-dialog .email #store_contact_send {
background-color: #000;
width: 140px;
border: none;
margin: 10px 0;
}
body.store_page_faq .mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 500;
display: none;
}
body.store_page_contact #content h2 {
font-size: 18px;
font-weight: 500;
margin-bottom: 20px;
}
body.store_page_contact #content h3 {
font-size: 16px;
font-weight: 500;
margin-bottom: 20px;
}
body.store_page_contact #content h4 {
font-weight: 700;
margin-bottom: 0;
}
body.store_page_contact #content p {
line-height: 1.6em;
}
body.store_page_contact #content .phone-row {
margin: 20px -15px;
}
body.store_page_contact #content .availability i {
font-size: 20px;
position: relative;
margin-right: 10px;
top: 2px;
}
body.store_page_contact #content .availability .available {
color: green;
display: none;
}
body.store_page_contact #content .availability .unavailable {
color: red;
display: none;
}
body.store_page_contact #content .info {
margin-top: 20px;
}
body.store_page_contact #content .email {
margin-top: 30px;
}
body.store_page_contact #content .email .form-group {
margin: 15px 0;
}
body.store_page_contact #content .email .control-label {
margin-bottom: 12px;
}
body.store_page_contact #content .email #store_contact_message {
height: 90px;
}
body.store_page_contact #content .email #store_contact_send {
background-color: #000;
width: 140px;
border: none;
margin: 10px 0;
}
body.store_page_delivery #content h2,
body.store_page_returns #content h2 {
font-size: 14px;
font-weight: bold;
margin-bottom: 20px;
}
body.store_page_delivery #content ul li,
body.store_page_returns #content ul li {
margin-bottom: 15px;
}
body.store_page_delivery #content ul li ul,
body.store_page_returns #content ul li ul {
margin-top: 20px;
}
body.store_page_delivery #content p,
body.store_page_returns #content p {
line-height: 1.6em;
}
body.store_page_delivery #content p.underline,
body.store_page_returns #content p.underline {
display: inline;
font-weight: normal;
text-decoration: underline;
}
@media (max-width: 767px) {
.back-to-school-wrapper {
margin: 20px -15px 30px;
}
}
.back-to-school-wrapper .background-image {
background: url(//perou.store/bundles/hypebeastweb/images/newsletter/Back-to-School-banner.jpg) no-repeat right;
height: 615px;
background-size: cover;
}
.back-to-school-wrapper .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 50%;
text-align: center;
background-color: rgba(0, 0, 0, 0.5);
color: #FFF;
margin-right: 15px;
}
@media (max-width: 991px) {
.back-to-school-wrapper .overlay {
left: 15px;
}
}
.back-to-school-wrapper .overlay .content {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
padding: 0 50px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.back-to-school-wrapper .overlay .content p {
line-height: 1em;
}
.back-to-school-wrapper .overlay .content .header {
font-size: 34px;
text-transform: uppercase;
margin: 30px 0 20px;
padding: 10px 0;
letter-spacing: 0.05em;
font-weight: bold;
}
.back-to-school-wrapper .overlay .content .line-1 {
font-size: 26px;
font-weight: 100;
letter-spacing: 0.07em;
margin-bottom: 40px;
}
.back-to-school-wrapper .overlay .content .line-2 {
font-size: 84px;
border: solid 4px #FFF;
border-bottom: none;
text-transform: uppercase;
margin: 0;
font-weight: bold;
padding: 10px 0;
}
.back-to-school-wrapper .overlay .content .line-3 {
font-size: 34px;
background-color: #FFF;
text-transform: uppercase;
padding: 6px 0;
color: #000;
}
.back-to-school-wrapper .overlay .content .newsletter-signup-form {
margin: 80px auto 40px;
width: 370px;
max-width: 100%;
}
.back-to-school-wrapper .overlay .content .newsletter-signup-form .newsletter-email {
height: 39px;
border-color: #000;
}
.back-to-school-wrapper .overlay .content .newsletter-signup-form .btn {
background-color: #FFF;
font-size: 26px;
border-color: #000;
padding: 0 15px;
}
.back-to-school-wrapper .overlay .content .newsletter-signup-form .form-control::-webkit-input-placeholder {
color: #333;
opacity: 1;
font-weight: bold;
}
.back-to-school-wrapper .overlay .content .newsletter-signup-form .form-control:-moz-placeholder {
color: #333;
opacity: 1;
}
.back-to-school-wrapper .overlay .content .newsletter-signup-form .form-control::-moz-placeholder {
color: #333;
opacity: 1;
}
.back-to-school-wrapper .overlay .content small {
font-size: 9px;
margin-top: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.back-to-school-wrapper .overlay .content .line-2 {
font-size: 84px;
}
.back-to-school-wrapper .overlay .content .line-3 {
font-size: 35px;
}
}
@media (max-width: 767px) {
.back-to-school-wrapper .overlay .content .header {
margin-bottom: 30px;
}
.back-to-school-wrapper .overlay .content .line-2 {
font-size: 40px;
text-transform: uppercase;
}
.back-to-school-wrapper .overlay .content .line-3 {
font-size: 16px;
text-transform: uppercase;
}
.back-to-school-wrapper .overlay .content .newsletter-signup-form {
margin: 70px auto 50px;
}
}
body.store_page_app #container {
min-height: 0;
}
body.store_page_app #site-footer {
margin-top: 0;
}
body.store_page_app #site-footer hr:first-child {
margin-top: 0;
}
body.store_page_app .app-page-wrapper {
padding-top: 60px;
border-top: solid 1px #F0F0F0;
}
body.store_page_app .app-page-wrapper .content {
margin-top: 105px;
}
body.store_page_app .app-page-wrapper .content .logo {
height: 71px;
margin-right: 11px;
}
body.store_page_app .app-page-wrapper .content .download {
display: inline-block;
margin-right: 11px;
}
body.store_page_app .app-page-wrapper .content .download img {
height: 43px;
}
body.store_page_app .app-page-wrapper .content h1 {
font-size: 25px;
color: #000;
display: inline;
vertical-align: middle;
}
body.store_page_app .app-page-wrapper .content .description {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 20px;
color: #333;
margin: 30px 0;
}
@media (min-width: 992px) {
body.store_page_app .app-page-wrapper .image {
padding-right: 20px;
}
body.store_page_app .app-page-wrapper .content {
padding-left: 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.store_page_app .app-page-wrapper .content {
margin-top: 40px;
}
}
@media (max-width: 767px) {
body.store_page_app .app-page-wrapper {
border: none;
padding-top: 30px;
}
body.store_page_app .app-page-wrapper .content {
margin: 30px 0;
}
}
body.store_account_pages #container {
margin-top: 30px;
}
body.store_account_pages #content h1 {
margin-top: 0;
margin-bottom: 30px;
font-size: 24px;
}
body.store_account_pages #content .page-header {
margin-top: 0;
}
body.store_account_pages #content .btn-primary {
background-image: none;
padding: 6px 12px;
text-shadow: none;
color: #ffffff;
background-color: #3388cd;
border-color: #3388cd;
}
body.store_account_pages #content .btn {
font-size: 14px;
box-shadow: none;
border-radius: 0;
}
body.sylius_account_order_index .orders .order {
border: solid 1px #F0F0F0;
padding: 15px 0 0;
margin-bottom: 20px;
}
body.sylius_account_order_index .orders .order .date {
line-height: 1em;
}
body.sylius_account_order_index .orders .order .date small {
text-transform: uppercase;
font-size: 10px;
color: #666;
}
body.sylius_account_order_index .orders .order .date h4 {
font-weight: normal;
margin: 0;
}
body.sylius_account_order_index .orders .order .links {
font-size: 12px;
line-height: 1em;
margin: 3px 0 15px 0;
color: #666;
}
body.sylius_account_order_index .orders .order .number,
body.sylius_account_order_index .orders .order .total {
line-height: 1.2em;
margin-bottom: 2px;
}
body.sylius_account_order_index .orders .order .number:last-child,
body.sylius_account_order_index .orders .order .total:last-child {
margin-bottom: 15px;
}
body.sylius_account_order_index .orders .order .number small,
body.sylius_account_order_index .orders .order .total small {
text-transform: uppercase;
font-size: 10px;
color: #666;
}
body.sylius_account_order_index .orders .order .items .item {
margin-bottom: 15px;
}
body.sylius_account_order_index .orders .order .items .item .media {
display: table;
}
body.sylius_account_order_index .orders .order .items .item .media .media-object {
width: 80px;
height: auto;
}
body.sylius_account_order_index .orders .order .items .item .media .media-body {
display: table-cell;
vertical-align: middle;
width: auto;
padding-left: 5px;
}
body.sylius_account_order_index .orders .order .items .item .media .media-body .image {
width: 100px;
height: auto;
}
body.sylius_account_order_index .orders .order .items .item .media .media-body .brand {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
font-weight: normal;
white-space: nowrap;
line-height: 1em;
color: #555;
margin: 0;
text-transform: uppercase;
}
body.sylius_account_order_index .orders .order .items .item .media .media-body .name {
font-weight: 500;
font-size: 12px;
color: #999;
margin: 5px 0 0 0;
text-transform: uppercase;
line-height: 1.2em;
}
body.sylius_account_order_index .orders .order .items .item .media .media-body .options {
display: none;
}
body.store_account_credits .credits .available-credit {
margin-bottom: 30px;
font-size: 20px;
}
body.store_wishlist #content {
text-align: center;
}
#body-wrapper-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
content: ' ';
display: none;
z-index: 1000;
opacity: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s;
}
html.open-slide-menu {
overflow: hidden;
}
html.open-slide-menu body {
overflow: hidden;
position: relative;
}
html.open-slide-menu body #slide-menu {
-webkit-transform: translate(0);
transform: translate(0);
}
html.open-slide-menu body #body-wrapper-overlay {
opacity: .3;
}
#slide-menu {
position: fixed;
top: 0;
left: 0;
z-index: 1001;
width: 250px;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: 0 0 20px;
-webkit-overflow-scrolling: touch;
background-color: #F0F0F0;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
#slide-menu #slide-menu-gender-toggle {
margin: 0;
}
#slide-menu #slide-menu-gender-toggle > li {
width: 50%;
text-align: center;
padding: 0;
}
#slide-menu #slide-menu-gender-toggle > li > a {
padding: 18px 15px;
display: block;
font-size: 14.5px;
}
#slide-menu #slide-menu-gender-toggle > li.active {
background-color: #FFF;
}
#slide-menu #slide-menu-gender-toggle > li.active > a {
color: #000;
text-decoration: underline;
}
#slide-menu ul {
list-style: none;
padding: 0;
}
#slide-menu ul > li > a,
#slide-menu ul > li > span {
display: block;
padding: 15px 0;
font-size: 13.5px;
}
#slide-menu ul > li.view-all a {
font-weight: bold;
}
#slide-menu ul > li.view-all a > span {
vertical-align: middle;
}
#slide-menu ul > li.view-all a > span.sprite {
margin-left: 2px;
}
#slide-menu .top-level-menu {
margin: 0 15px;
}
#slide-menu .top-level-menu > li {
border-bottom: solid 1px #F0F0F0;
}
#slide-menu .top-level-menu > li > a,
#slide-menu .top-level-menu > li > span {
padding: 15px 0;
}
#slide-menu .menu_level_1 {
padding-left: 20px;
padding-bottom: 10px;
}
#slide-menu .collapse-toggle {
position: relative;
}
#slide-menu .collapse-toggle:after {
content: '';
background-image: url(//perou.store/wp-content/themes/perou/images/icons/dropdown-up@2x.png);
background-repeat: no-repeat;
background-size: 10px;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 10px;
height: 10px;
}
#slide-menu .collapse-toggle.collapsed:after {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
#slide-menu #gender-menu {
background-color: #FFF;
}
#slide-menu #gender-menu ul > li.last {
border: none;
}
#slide-menu #common-menu {
margin-bottom: 20px;
}
#slide-menu #common-menu .top-level-menu > li {
border-bottom: solid 1px #E0E0E0;
}
#slide-menu .dropdown-container {
margin: 0 10px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#slide-menu .dropdown-container .country-dropdown {
width: 70%;
margin-right: 10px;
}
#slide-menu .dropdown-container .currency-dropdown {
width: 30%;
}
#slide-menu #slide-menu-footer {
padding: 0 15px;
text-align: center;
}
#slide-menu #slide-menu-footer .language-menu > li {
padding: 0;
}
#slide-menu #slide-menu-footer .language-menu > li > a {
font-size: 13.5px;
padding: 5px 10px;
}
#slide-menu #slide-menu-footer .social-icons > li {
padding: 0;
}
#slide-menu #slide-menu-footer .social-icons > li > a {
padding: 5px;
}
#slide-menu #slide-menu-footer .copyright {
color: #999;
font-size: 11px;
}
#slide-menu #slide-menu-footer .copyright a {
color: #666;
}
#slide-menu-footer .slide-menu-footer-tiktok {
width: 13px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
}
#slide-menu-footer .slide-menu-footer-tiktok svg {
max-width: 100%;
max-height: 100%;
}
#header-mini-cart {
position: absolute;
background: #F0F0F0;
width: 400px;
right: 0;
z-index: 10;
padding: 20px;
border: solid 1px #E0E0E0;
font-size: 13px;
line-height: 1em;
margin-right: 10px;
display: none;
}
#header-mini-cart h3 {
margin: 0;
font-size: 16px;
}
#header-mini-cart h3 span {
vertical-align: middle;
}
#header-mini-cart a {
color: #999;
}
#header-mini-cart a:hover {
color: #333;
}
#header-mini-cart .no-items-msg {
margin: 0 0 20px 0;
text-align: center;
}
#header-mini-cart .errors {
margin-bottom: 15px;
color: #C5281C;
}
#header-mini-cart .mini-cart-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 13px;
}
#header-mini-cart .mini-cart-header a {
font-size: 12.5px;
color: #7D7D7D;
}
#header-mini-cart .mini-cart-header a:hover {
color: #666;
}
#header-mini-cart .mini-cart-note {
padding-bottom: 15px;
color: #7D7D7D;
line-height: 1.5em;
font-size: 12.5px;
}
#header-mini-cart .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.6);
z-index: 4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#header-mini-cart .overlay .loader,
#header-mini-cart .overlay .loader:after {
border-radius: 50%;
width: 30px;
height: 30px;
}
#header-mini-cart .overlay .loader {
margin: 60px auto;
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top: 2px solid rgba(0, 0, 0, 0.8);
border-right: 2px solid rgba(0, 0, 0, 0.8);
border-bottom: 2px solid rgba(0, 0, 0, 0.8);
border-left: 2px solid transparent;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#header-mini-cart #mini-cart-items-wrapper {
max-height: 260px;
position: relative;
margin-right: -10px;
overflow: auto !important;
}
#header-mini-cart #mini-cart-items {
margin-right: 10px;
border-top: solid 1px #E0E0E0;
}
#header-mini-cart #mini-cart-items .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 15px 0;
border-bottom: solid 1px #E0E0E0;
}
#header-mini-cart #mini-cart-items .item .picture {
margin-right: 10px;
width: 65px;
height: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
}
#header-mini-cart #mini-cart-items .item .picture img {
width: 100%;
}
#header-mini-cart #mini-cart-items .item .info {
position: relative;
width: 100%;
}
#header-mini-cart #mini-cart-items .item .info a {
color: #000;
}
#header-mini-cart #mini-cart-items .item .info a:hover {
color: #7D7D7D;
}
#header-mini-cart #mini-cart-items .item .info .brand {
font-weight: bold;
margin-bottom: 5px;
font-size: 12.5px;
float: left;
width: 200px;
clear: both;
}
#header-mini-cart #mini-cart-items .item .info .remove-btn {
float: right;
background: none;
padding: 0;
font-size: 11px;
color: #7D7D7D;
line-height: 1em;
box-shadow: none;
border: 0px solid;
}
#header-mini-cart #mini-cart-items .item .info .remove-btn:hover {
color: #666;
}
#header-mini-cart #mini-cart-items .item .info .product-name {
margin-bottom: 12px;
font-size: 13.5px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 240px;
}
#header-mini-cart #mini-cart-items .item .info .size-price-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: absolute;
bottom: 0px;
right: 0;
}
#header-mini-cart #mini-cart-items .item .info .size {
margin-bottom: 12px;
font-size: 12px;
}
#header-mini-cart #mini-cart-items .item .info .quantity {
font-size: 12px;
}
#header-mini-cart #mini-cart-items .item .info .quantity > * {
vertical-align: middle;
}
#header-mini-cart #mini-cart-items .item .info .quantity-wrapper {
font-size: 11.5px;
display: inline-block;
width: 90px;
}
#header-mini-cart #mini-cart-items .item .info .quantity-wrapper span.form-control {
border: none;
box-shadow: none;
background: transparent;
text-align: center;
padding: 0 5px;
height: auto;
font-size: 12px;
}
#header-mini-cart #mini-cart-items .item .info .quantity-wrapper .input-group-btn > .btn {
border-radius: 50%;
padding: 0;
width: 16px;
height: 16px;
margin: 0 5px;
font-size: 14px;
line-height: 14px;
background: transparent;
border: solid 1px #999;
color: #999;
}
#header-mini-cart #mini-cart-items .item .info .quantity-wrapper .input-group-btn > .btn:focus {
outline: none;
}
#header-mini-cart #mini-cart-items .item .info .quantity-wrapper .input-group-btn > .btn:hover:not([disabled]) {
background: #999;
color: #FFF;
}
#header-mini-cart #mini-cart-items .item .info .disclaimers li {
margin-bottom: 12px;
font-size: 11px;
color: #7D7D7D;
}
#header-mini-cart #mini-cart-items .item .info .notice {
margin-bottom: 12px;
font-size: 11px;
color: #7D7D7D;
}
#header-mini-cart #mini-cart-items .item .info .price-wrapper {
-ms-flex-item-align: end;
align-self: flex-end;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 85px;
}
#header-mini-cart #mini-cart-items .item .info .price-wrapper .original-price {
font-size: 12px;
float: right;
margin-bottom: 2px;
text-decoration: line-through;
}
#header-mini-cart #mini-cart-items .item .info .price-wrapper .price {
float: right;
font-weight: bold;
}
#header-mini-cart #mini-cart-items .item .info .price-wrapper .price.sale {
color: #C5281C;
}
#header-mini-cart .discounts {
list-style: none;
padding: 0;
margin: 15px 0;
}
#header-mini-cart .discounts li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 5px;
}
#header-mini-cart .discounts li .discount-name {
text-align: left;
max-width: 230px;
line-height: 1.3em;
}
#header-mini-cart .discounts li:last-child {
margin-bottom: 0;
}
#header-mini-cart .subtotal {
font-size: 15.5px;
margin: 20px 0 15px;
}
#header-mini-cart .subtotal span {
color: #999;
margin-right: 10px;
}
#header-mini-cart .approx-subtotal {
margin-bottom: 20px;
font-size: 11.5px;
}
#header-mini-cart .approx-subtotal span {
color: #7D7D7D;
margin-right: 2px;
}
#header-mini-cart .approx-subtotal strong {
font-weight: normal;
}
#header-mini-cart .btn.btn-default {
background: #006FBB;
border: solid 1px #006FBB;
color: #FFF;
text-transform: uppercase;
padding: 12px 0;
font-size: 12.5px;
}
#header-mini-cart .btn.btn-default:hover {
opacity: .8;
}
#header-mini-cart .proceed-btn {
margin-bottom: 15px;
}
#header-mini-cart .collapse-container {
margin-bottom: 10px;
}
#header-mini-cart .collapse-container h2 {
font-size: 12.5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: normal;
margin: 0;
padding: 5px 0;
}
#header-mini-cart .collapse-container h2 svg.open {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
#header-mini-cart .collapse-container h2:hover {
cursor: pointer;
color: #666;
}
#header-mini-cart .collapse-container input {
width: 100%;
box-shadow: none;
height: 33px;
}
#header-mini-cart .collapse-container .btn {
background: #000;
color: #FFF;
font-size: 13.5px;
}
#header-mini-cart .collapse-container .btn:hover {
opacity: .8;
}
#header-mini-cart .collapse-container .btn:focus {
outline: none;
}
#header-mini-cart .collapse-container.last {
margin-bottom: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
#header-mini-cart {
margin-right: 0;
}
}
.ps-theme-hbx {
-ms-touch-action: auto;
touch-action: auto;
overflow: hidden !important;
-ms-overflow-style: none;
}
@supports (-ms-overflow-style: none) {
.ps-theme-hbx {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps-theme-hbx {
overflow: auto !important;
}
}
.ps-theme-hbx.ps-active-x > .ps-scrollbar-x-rail,
.ps-theme-hbx.ps-active-y > .ps-scrollbar-y-rail {
display: block;
background-color: #E0E0E0;
}
.ps-theme-hbx.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: #eee;
opacity: 1;
}
.ps-theme-hbx.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: #999;
height: 11px;
}
.ps-theme-hbx.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: #eee;
opacity: 1;
}
.ps-theme-hbx.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: #999;
width: 1px;
}
.ps-theme-hbx > .ps-scrollbar-x-rail {
display: none;
position: absolute; opacity: 1;
-webkit-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
bottom: 0px; height: 15px;
}
.ps-theme-hbx > .ps-scrollbar-x-rail > .ps-scrollbar-x {
position: absolute; background-color: #000;
border-radius: 0;
-webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
bottom: 2px; height: 6px;
}
.ps-theme-hbx > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-theme-hbx > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
height: 11px;
}
.ps-theme-hbx > .ps-scrollbar-y-rail {
display: none;
position: absolute; opacity: 1;
-webkit-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
right: 0; width: 1px;
}
.ps-theme-hbx > .ps-scrollbar-y-rail > .ps-scrollbar-y {
position: absolute; background-color: #000;
border-radius: 0;
-webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
right: 0; width: 1px;
}
.ps-theme-hbx > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-theme-hbx > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
width: 1px;
}
.ps-theme-hbx:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: #eee;
opacity: 1;
}
.ps-theme-hbx:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: #999;
height: 11px;
}
.ps-theme-hbx:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: #eee;
opacity: 1;
}
.ps-theme-hbx:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: #999;
width: 1px;
}
.ps-theme-hbx:hover > .ps-scrollbar-x-rail,
.ps-theme-hbx:hover > .ps-scrollbar-y-rail {
opacity: 1;
}
.ps-theme-hbx:hover > .ps-scrollbar-x-rail:hover {
background-color: #eee;
opacity: 1;
}
.ps-theme-hbx:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
background-color: #999;
}
.ps-theme-hbx:hover > .ps-scrollbar-y-rail:hover {
background-color: #eee;
opacity: 1;
}
.ps-theme-hbx:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
background-color: #999;
}
body.store_referral #referral-banner,
body.store_referral_success #referral-banner {
margin-bottom: 17px;
width: 100%;
}
body.store_referral #how-it-works,
body.store_referral_success #how-it-works {
width: 100%;
margin-bottom: 35px;
}
body.store_referral #how-it-works .title,
body.store_referral_success #how-it-works .title {
width: 1px;
padding: 0 10px 0 0;
white-space: nowrap;
font-size: 16px;
text-transform: uppercase;
}
body.store_referral #how-it-works hr,
body.store_referral_success #how-it-works hr {
margin: 0;
}
body.store_referral .step .description-wrapper,
body.store_referral_success .step .description-wrapper {
display: table;
height: 232px;
font-size: 16px;
table-layout: fixed;
}
body.store_referral .step .description-wrapper .step-description,
body.store_referral_success .step .description-wrapper .step-description {
display: table-cell;
vertical-align: middle;
}
body.store_referral .step .description-wrapper .step-description h3,
body.store_referral_success .step .description-wrapper .step-description h3 {
font-size: 17px;
color: #006FBB;
text-transform: uppercase;
font-weight: bold;
}
body.store_referral .step .description-wrapper .step-description h4,
body.store_referral_success .step .description-wrapper .step-description h4 {
font-size: 17px;
margin: 20px 0;
text-transform: uppercase;
font-weight: bold;
}
body.store_referral hr,
body.store_referral_success hr {
margin: 40px 0;
}
body.store_referral .register-btn,
body.store_referral_success .register-btn {
background-color: #000;
color: #FFF;
height: 80px;
line-height: 80px;
font-size: 17px;
padding: 0;
margin: 15px 0;
text-transform: uppercase;
}
body.store_referral .register-btn:hover, body.store_referral .register-btn:focus,
body.store_referral_success .register-btn:hover,
body.store_referral_success .register-btn:focus {
background: #222;
color: #FFF;
}
body.store_referral .register-btn .fa,
body.store_referral_success .register-btn .fa {
font-size: 23px;
position: relative;
top: 2px;
margin: 0 2px;
}
body.store_referral #app-download,
body.store_referral_success #app-download {
text-align: center;
font-family: "Lato HB", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
font-size: 12px;
text-transform: uppercase;
margin-bottom: 30px;
}
body.store_referral #app-download #hbx-icon,
body.store_referral_success #app-download #hbx-icon {
width: 70px;
margin-bottom: 20px;
}
body.store_referral #app-download .appstore-logo,
body.store_referral_success #app-download .appstore-logo {
width: 120px;
margin: 0 20px;
}
body.store_referral .social-shares,
body.store_referral_success .social-shares {
text-align: center;
position: relative;
line-height: 1em;
margin: 3px 0;
}
body.store_referral .social-shares .share,
body.store_referral_success .social-shares .share {
text-align: center;
margin-right: 5px;
}
body.store_referral .social-shares a,
body.store_referral_success .social-shares a {
display: inline-block;
margin-right: 10px;
padding: 6px 0;
vertical-align: middle;
}
@media (max-width: 991px) {
body.store_referral .step .description-wrapper,
body.store_referral_success .step .description-wrapper {
display: block;
height: auto;
}
body.store_referral hr,
body.store_referral_success hr {
margin: 30px 0;
}
body.store_referral #app-download,
body.store_referral_success #app-download {
margin-bottom: 30px;
}
}
body.store_deal_index #container {
padding-top: 30px;
}
body.store_deal_index .deal {
font-size: 13px;
margin-bottom: 30px;
}
body.store_deal_index .deal .header {
background-color: #CCC;
}
body.store_deal_index .deal .header span {
display: inline-block;
background-color: #CCC;
padding: 10px 15px;
color: #000;
}
body.store_deal_index .deal .header .gender {
color: #999;
}
body.store_deal_index .deal .header .gender.active {
background-color: #EBEBEB;
color: #000;
}
body.store_deal_index .deal .header .category {
float: right;
}
body.store_deal_index .deal .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 767px) {
body.store_deal_index .deal .content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
body.store_deal_index .deal .content .discount {
position: absolute;
background-color: #006FBB;
color: #FFF;
font-size: 22px;
padding: 5px 10px;
}
body.store_deal_index .deal .content .image-section img {
width: 100%;
}
@media (max-width: 767px) {
body.store_deal_index .deal .content .image-section {
width: 100%;
}
}
body.store_deal_index .deal .content .countdown-section {
position: relative;
width: 300px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
body.store_deal_index .deal .content .countdown-section .countdown-wrapper {
background-color: #EBEBEB;
height: 100%;
}
body.store_deal_index .deal .content .countdown-section .countdown-inner-wrapper {
position: absolute;
bottom: 15px;
right: 30px;
text-align: right;
}
body.store_deal_index .deal .content .countdown-section .heading ul {
margin: 0;
}
body.store_deal_index .deal .content .countdown-section .heading ul li {
font-size: 8px;
text-align: center;
margin: 0 2px;
padding: 0;
width: 30px;
}
body.store_deal_index .deal .content .countdown-section .remaining {
font-size: 12px;
}
body.store_deal_index .deal .content .countdown-section .countdown span:not(.ending-soon) {
position: relative;
background-color: #000;
font-size: 16px;
display: inline-block;
text-align: center;
line-height: 30px;
height: 30px;
width: 30px;
border-radius: 4px;
margin: 0 2px;
color: #FFF;
}
body.store_deal_index .deal .content .countdown-section .countdown span:not(.ending-soon):after {
content: "";
position: absolute;
top: 50%;
left: 0;
border-top: 1px solid #FFF;
width: 100%;
opacity: 0.3;
}
body.store_deal_index .deal .content .countdown-section .countdown .ending .ending-soon {
color: #9D261D;
margin-right: 10px;
}
body.store_deal_index .deal .content .countdown-section .countdown .ending span:not(.ending-soon) {
background-color: #9D261D;
}
@media (min-width: 992px) and (max-width: 1199px) {
body.store_deal_index .deal .content .countdown-section .ending-soon {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.store_deal_index .deal .content .countdown-section .ending-soon {
display: none;
}
}
@media (max-width: 767px) {
body.store_deal_index .deal .content .countdown-section .countdown-inner-wrapper {
position: static;
text-align: center;
padding: 10px 0;
}
body.store_deal_index .deal .content .countdown-section .ending .heading {
margin-left: 85px;
}
}
body.store_deal_index .deal .footer {
background-color: #000;
color: #FFF;
padding: 12px 15px;
position: relative;
min-height: 42px;
}
body.store_deal_index .deal .footer:not(.revealed)::before {
content: "";
position: absolute;
bottom: 0;
right: 0;
border-width: 14px 14px 0 0;
border-style: solid;
border-color: #AAA #FFF #FFF;
background: #AAA;
display: block;
width: 0;
}
body.store_deal_index .deal .footer .name {
max-width: 350px;
}
body.store_deal_index .deal .footer .reveal-code {
color: #FFF;
float: right;
}
body.store_deal_index .deal .footer .code-wrapper {
display: none;
float: right;
}
body.store_deal_index .deal .footer .code-wrapper .code {
color: #FFF;
border: solid 1px #6CAFDD;
font-size: 18px;
padding: 2px 10px;
margin: 0 5px;
display: inline-block;
}
body.store_deal_index .deal .footer .code-wrapper a {
color: #FFF;
}
body.store_deal_index .deal .footer .arrow {
font-size: 10px;
}
body.store_deal_index .deal .footer.revealed {
background-color: #006FBB;
padding: 5px 15px;
}
body.store_deal_index .deal .footer.revealed .name {
display: inline-block;
padding-top: 8px;
}
body.store_deal_index .deal .footer.revealed .copy-code {
color: #6CAFDD;
}
body.store_deal_index .deal .footer.revealed .reveal-code {
display: none;
}
body.store_deal_index .deal .footer.revealed .code-wrapper {
display: block;
}
@media (max-width: 767px) {
body.store_deal_index .deal .footer {
padding: 10px 15px;
}
body.store_deal_index .deal .footer.revealed .name {
padding: 0;
}
body.store_deal_index .deal .footer .reveal-code {
float: none;
display: block;
padding-top: 5px;
}
body.store_deal_index .deal .footer .code-wrapper {
float: none;
}
body.store_deal_index .deal .footer .code-wrapper a {
display: block;
padding-top: 5px;
}
}
body.store_deal_index .sale h5 {
color: #9D261D;
margin-bottom: 15px;
}
body.store_archive_index #container {
padding: 0;
}
body.store_archive_index #blog-title {
text-align: center;
padding: 0 100px;
margin-bottom: 25px;
}
body.store_archive_index #blog-title h1 {
font-size: 30px;
}
body.store_archive_index #blog-title p {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
font-size: 15px;
color: #666;
}
@media (max-width: 767px) {
body.store_archive_index #blog-title {
padding: 0 15px;
}
}
body.store_archive_index a:focus {
text-decoration: none;
}
body.store_archive_index #feature-post {
margin-bottom: 30px;
position: relative;
}
body.store_archive_index #feature-post .teaser img {
width: 100%;
}
body.store_archive_index #feature-post .teaser .overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
z-index: 1;
}
body.store_archive_index #feature-post .meta {
display: block;
color: #FFF;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
z-index: 2;
width: 100%;
padding: 10px;
}
body.store_archive_index #feature-post .meta .brand {
font-size: 24px;
display: block;
margin-bottom: 10px;
}
body.store_archive_index #feature-post .meta .product-name {
font-size: 36px;
display: block;
margin-bottom: 30px;
}
body.store_archive_index #feature-post .meta .release-date {
font-size: 16px;
margin-bottom: 40px;
}
body.store_archive_index #feature-post .meta .register {
color: #000;
background-color: #FFF;
display: inline-block;
font-size: 16px;
padding: 15px 50px;
}
body.store_archive_index #feature-post .meta .register:hover {
color: #FFF;
background-color: #000;
}
@media (max-width: 767px) {
body.store_archive_index #feature-post .meta .brand {
font-size: 14px;
margin-bottom: 15px;
}
body.store_archive_index #feature-post .meta .product-name {
font-size: 23px;
margin-bottom: 15px;
}
body.store_archive_index #feature-post .meta .release-date {
font-size: 14px;
margin-bottom: 15px;
}
}
body.store_archive_index .posts-container {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.store_archive_index .posts-container .post {
margin-bottom: 30px;
}
body.store_archive_index .posts-container .post:nth-child(3n + 1) {
clear: both;
}
body.store_archive_index .posts-container .teaser {
margin-bottom: 10px;
}
body.store_archive_index .posts-container .teaser img {
width: 100%;
}
body.store_archive_index .posts-container .teaser.launched {
opacity: 0.2;
}
body.store_archive_index .posts-container .meta {
text-align: center;
}
body.store_archive_index .posts-container .meta .brand {
display: block;
margin-bottom: 5px;
color: #000;
line-height: 1.3em;
font-weight: 600;
}
body.store_archive_index .posts-container .meta .brand:hover {
color: #777;
}
body.store_archive_index .posts-container .meta .product-name {
display: block;
margin-bottom: 5px;
min-height: 39px;
color: #000;
line-height: 1.3em;
}
body.store_archive_index .posts-container .meta .product-name:hover {
color: #777;
}
body.store_archive_index .posts-container .meta .release-date {
color: #333;
}
body.store_archive_index .posts-container .meta .release-date.launched {
color: #AAA;
}
body.store_archive_index .posts-container .meta .release-date time {
font-weight: 600;
}
body.store_archive_index .posts-container .meta .release-date:hover {
color: #777;
}
body.store_archive_index .load-more-btn {
font-size: 15px;
height: 45px;
padding: 11px 16px;
margin-bottom: 30px;
}
body.store_archive_index .load-more-btn.btn-link, body.store_archive_index .load-more-btn.btn-link:hover {
color: #EEE;
}
body.store_archive_index .load-more-btn.btn-manual-load {
border: solid 1px #C3C3C3;
color: #7D7D7D;
}
body.store_archive_index .load-more-btn.btn-manual-load:hover, body.store_archive_index .load-more-btn.btn-manual-load:focus {
background-color: #C3C3C3;
color: #FFF;
outline: none;
box-shadow: none;
}
@media (max-width: 1199px) {
body.store_archive_index .load-more-btn {
margin-bottom: 30px;
}
}
body.store_archive_index .instagram-banner {
position: relative;
display: block;
}
body.store_archive_index .instagram-banner img {
width: 100%;
}
body.store_archive_index .instagram-banner .overlay {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
text-align: center;
color: #FFF;
}
body.store_archive_index .instagram-banner span {
font-size: 45px;
}
body.store_archive_index .instagram-banner p {
margin: 20px 0 25px;
font-size: 23px;
}
body.store_archive_index .instagram-banner .btn {
display: inline-block;
padding: 15px 50px;
background-color: #FFF;
color: #000;
font-size: 16px;
}
body.store_archive_index .instagram-banner .btn:hover {
color: #FFF;
background-color: #000;
}
@media (max-width: 767px) {
body.store_archive_index .instagram-banner {
margin-bottom: 30px;
}
body.store_archive_index .instagram-banner p {
font-size: 16px;
margin: 0;
}
}
body.store_archive_view .gallery {
margin-bottom: 30px;
}
body.store_archive_view .gallery .flexslider {
margin: 0;
padding: 0;
overflow: hidden;
border: none;
}
body.store_archive_view .gallery .flexslider.has-annotation {
border-bottom: 1px solid #F6F6F6;
}
body.store_archive_view .gallery .flexslider.one-only .flex-direction-nav {
display: none;
}
body.store_archive_view .gallery .flexslider.shortcode-slider {
margin-bottom: 20px;
}
body.store_archive_view .gallery .flexslider .slides,
body.store_archive_view .gallery .flexslider .flex-direction-nav,
body.store_archive_view .gallery .flexslider .flex-control-nav,
body.store_archive_view .gallery .flexslider .flex-control-paging {
margin: 0;
padding: 0;
list-style: none;
}
body.store_archive_view .gallery .flexslider ul.slides > li {
position: relative;
padding: 0;
}
body.store_archive_view .gallery .flexslider ul.slides > li img {
width: 100%;
display: block;
margin: 0;
}
body.store_archive_view .gallery .flexslider ul.slides > li:nth-child(n + 2) {
display: none;
}
body.store_archive_view .gallery .flexslider .flex-control-nav {
position: absolute;
bottom: 10px;
left: 0;
}
body.store_archive_view .gallery .flexslider ol.flex-control-paging {
display: none;
}
body.store_archive_view .gallery .flexslider ul.flex-direction-nav {
position: absolute;
top: 50%;
width: 100%;
left: 0;
z-index: 2;
margin-top: -60px;
height: 0;
}
body.store_archive_view .gallery .flexslider ul.flex-direction-nav li > a {
margin: 0;
background-position: center center;
-webkit-transition: all 50ms ease-out;
transition: all 50ms ease-out;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
outline: 0;
display: block;
height: 120px;
text-indent: -9999px;
background-repeat: no-repeat;
position: relative;
border-radius: 5px;
opacity: 0.7;
background-color: transparent;
box-shadow: none;
width: 40px;
}
body.store_archive_view .gallery .flexslider ul.flex-direction-nav li > a:after {
content: '';
background: url(//perou.store/bundles/hypebeasteditorial/images/icons/hb-sprite.png?1) no-repeat;
width: 20px;
height: 36px;
display: block;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
body.store_archive_view .gallery .flexslider ul.flex-direction-nav li > a:before {
content: '';
}
body.store_archive_view .gallery .flexslider ul.flex-direction-nav li > a.flex-disabled, body.store_archive_view .gallery .flexslider ul.flex-direction-nav li > a.flex-disabled:hover {
opacity: 0.1;
cursor: default;
}
body.store_archive_view .gallery .flexslider ul.flex-direction-nav li > a.flex-prev {
float: left;
left: 10px;
}
body.store_archive_view .gallery .flexslider ul.flex-direction-nav li > a.flex-prev:after {
background-position: -253px -37px;
}
body.store_archive_view .gallery .flexslider ul.flex-direction-nav li > a.flex-next {
float: right;
text-align: left;
right: 10px;
}
body.store_archive_view .gallery .flexslider ul.flex-direction-nav li > a.flex-next:after {
background-position: -275px -37px;
}
body.store_archive_view #archive-post {
text-align: center;
}
body.store_archive_view #archive-post .release-date {
color: #999;
margin-bottom: 25px;
font-size: 15px;
}
body.store_archive_view #archive-post .brand {
font-size: 19px;
margin: 0 0 10px;
}
body.store_archive_view #archive-post .product-name {
font-size: 28px;
margin: 0 0 23px;
}
body.store_archive_view #archive-post .description {
border-top: solid 1px #EEE;
border-bottom: solid 1px #EEE;
text-align: left;
margin: 0 100px 30px;
padding: 15px 0 0;
}
body.store_archive_view #archive-post .description .title {
font-size: 13px;
color: #999;
}
body.store_archive_view #archive-post .description .content {
line-height: 1.5em;
}
body.store_archive_view #archive-post .description .content p {
margin-bottom: 15px;
}
body.store_archive_view .countdown {
margin-bottom: 30px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
}
body.store_archive_view .countdown .footer ul {
margin: 0;
}
body.store_archive_view .countdown .footer ul li {
font-size: 12px;
text-align: center;
padding: 0;
width: 66px;
}
body.store_archive_view .countdown .timer span {
vertical-align: middle;
}
body.store_archive_view .countdown .timer span:not(.separator) {
position: relative;
background-color: #000;
font-size: 30px;
display: inline-block;
text-align: center;
line-height: 58px;
height: 58px;
width: 55px;
border-radius: 4px;
margin: 0 4px;
color: #FFF;
}
body.store_archive_view #coming-soon {
background-color: #EBF4FD;
color: #006ABE;
padding: 15px 50px;
margin-bottom: 30px;
display: inline-block;
font-size: 15px;
}
body.store_archive_view #main-form {
background-color: #EBF4FD;
padding: 20px;
margin-bottom: 30px;
margin-left: 25%;
width: 50%;
display: none;
}
body.store_archive_view #main-form form {
width: 100% !important;
}
body.store_archive_view #main-form label {
color: #026BE0;
width: 35% !important;
margin-bottom: 0 !important;
padding: 9px 10px 9px 0;
font-size: 14px;
}
body.store_archive_view #main-form .mktoFormRow {
width: 100%;
margin-bottom: 15px;
clear: none !important;
}
body.store_archive_view #main-form .mktoFormRow,
body.store_archive_view #main-form .mktoFormCol,
body.store_archive_view #main-form .mktoFieldWrap {
width: 100%;
}
body.store_archive_view #main-form input,
body.store_archive_view #main-form select {
display: block;
width: 65% !important;
height: 34px !important;
padding: 6px 12px !important;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 0px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
body.store_archive_view #main-form .mktoGutter,
body.store_archive_view #main-form .mktoOffset {
max-width: 0;
}
body.store_archive_view #main-form .mktoButtonRow {
width: 100%;
text-align: center;
}
body.store_archive_view #main-form .mktoButtonWrap {
margin: 0 !important;
}
body.store_archive_view #main-form .mktoButton {
width: 100%;
text-transform: uppercase;
text-align: center;
color: #FFF;
background-color: #026BE0;
display: inline-block;
margin-bottom: 0;
font-weight: normal;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 10px 12px !important;
font-size: 14px;
line-height: 1.42857143;
border-radius: 0px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (max-width: 767px) {
body.store_archive_view #main-form {
width: 100%;
margin: 0 0 30px;
}
body.store_archive_view #main-form input,
body.store_archive_view #main-form select,
body.store_archive_view #main-form label {
width: 100% !important;
}
body.store_archive_view #main-form .mktoButton {
width: 100%;
}
body.store_archive_view #archive-post .description {
margin: 0 0 30px;
padding: 0;
border: none;
}
}
body.journal_index_page #journal-header-wrapper,
body.journal-view #journal-header-wrapper {
margin: 25px 0 30px;
}
body.journal_index_page #journal-header-wrapper #journal-header,
body.journal-view #journal-header-wrapper #journal-header {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
body.journal_index_page #journal-header-wrapper #journal-header h1,
body.journal-view #journal-header-wrapper #journal-header h1 {
font-size: 24px;
margin: 0;
font-weight: normal;
}
body.journal_index_page #journal-header-wrapper #journal-header p,
body.journal-view #journal-header-wrapper #journal-header p {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
font-size: 15px;
color: #666;
}
@media (max-width: 767px) {
body.journal_index_page #journal-header-wrapper #journal-header,
body.journal-view #journal-header-wrapper #journal-header {
border: none;
padding: 0;
display: block;
}
}
body.journal_index_page #journal-header-wrapper .breadcrumb,
body.journal-view #journal-header-wrapper .breadcrumb {
-ms-flex-preferred-size: 250px;
flex-basis: 250px;
text-align: left;
}
body.journal_index_page #journal-header-wrapper #journal-description,
body.journal-view #journal-header-wrapper #journal-description {
text-align: center;
margin: 8px 0 0;
color: #999;
}
@media (min-width: 768px) {
body.journal_index_page #journal-header-wrapper #journal-description,
body.journal-view #journal-header-wrapper #journal-description {
padding: 0 200px;
}
}
body.journal_index_page #journal-header-wrapper #journal-search,
body.journal-view #journal-header-wrapper #journal-search {
-ms-flex-preferred-size: 250px;
flex-basis: 250px;
}
body.journal_index_page #journal-header-wrapper #journal-search input,
body.journal-view #journal-header-wrapper #journal-search input {
border-width: 0 0 1px 0;
border-color: #E0E0E0;
box-shadow: none;
padding-left: 0;
}
body.journal_index_page #journal-header-wrapper #journal-search button,
body.journal-view #journal-header-wrapper #journal-search button {
background-color: #FFF;
}
body.journal_index_page a:focus {
text-decoration: none;
}
body.journal_index_page #feature-posts {
margin-bottom: 50px;
}
@media (max-width: 767px) {
body.journal_index_page #feature-posts {
margin-bottom: 30px;
}
}
body.journal_index_page #feature-posts .feature-post {
position: relative;
}
body.journal_index_page #feature-posts .feature-post .thumbnail {
margin: 0;
}
body.journal_index_page #feature-posts .feature-post .meta {
position: absolute;
bottom: 60px;
left: 0;
right: 0;
text-align: center;
}
body.journal_index_page #feature-posts .feature-post .meta a {
color: #FFF;
}
body.journal_index_page #feature-posts .feature-post .meta h2 {
font-size: 36px;
margin-bottom: 20px;
}
@media (max-width: 767px) {
body.journal_index_page #feature-posts .feature-post .thumbnail {
margin-bottom: 20px;
}
body.journal_index_page #feature-posts .feature-post .meta {
position: static;
}
body.journal_index_page #feature-posts .feature-post .meta a {
color: #000;
}
body.journal_index_page #feature-posts .feature-post .meta h2 {
font-size: 20px;
margin: 0;
line-height: 1.4em;
font-weight: 600;
}
}
body.journal_index_page #feature-posts .flexslider {
margin: 0;
padding: 0;
overflow: hidden;
border: none;
}
body.journal_index_page #feature-posts .flexslider.has-annotation {
border-bottom: 1px solid #F6F6F6;
}
body.journal_index_page #feature-posts .flexslider.one-only .flex-direction-nav {
display: none;
}
body.journal_index_page #feature-posts .flexslider.shortcode-slider {
margin-bottom: 20px;
}
body.journal_index_page #feature-posts .flexslider .slides,
body.journal_index_page #feature-posts .flexslider .flex-direction-nav,
body.journal_index_page #feature-posts .flexslider .flex-control-nav,
body.journal_index_page #feature-posts .flexslider .flex-control-paging {
margin: 0;
padding: 0;
list-style: none;
}
body.journal_index_page #feature-posts .flexslider ul.slides > li {
position: relative;
padding: 0;
}
body.journal_index_page #feature-posts .flexslider ul.slides > li img {
width: 100%;
display: block;
margin: 0;
}
body.journal_index_page #feature-posts .flexslider .flex-control-nav {
position: absolute;
bottom: 10px;
left: 0;
}
body.journal_index_page #feature-posts .flexslider ol.flex-control-paging {
display: none;
}
body.journal_index_page #feature-posts .flexslider ul.flex-direction-nav {
position: absolute;
top: 50%;
width: 100%;
left: 0;
z-index: 2;
margin-top: -60px;
height: 0;
}
body.journal_index_page #feature-posts .flexslider ul.flex-direction-nav li > a {
background-position: center center;
outline: 0;
display: block;
width: 50px;
height: 120px;
text-indent: -9999px;
background-position: center center;
background-repeat: no-repeat;
position: relative;
border-radius: 5px;
opacity: 1;
}
body.journal_index_page #feature-posts .flexslider ul.flex-direction-nav li > a:after {
content: '';
background: url(//perou.store/bundles/hypebeasteditorial/images/icons/hb-sprite.png?1) no-repeat;
width: 16px;
height: 30px;
display: block;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
body.journal_index_page #feature-posts .flexslider ul.flex-direction-nav li > a:before {
content: '';
}
body.journal_index_page #feature-posts .flexslider ul.flex-direction-nav li > a.flex-disabled, body.journal_index_page #feature-posts .flexslider ul.flex-direction-nav li > a.flex-disabled:hover {
opacity: 0.1;
cursor: default;
}
body.journal_index_page #feature-posts .flexslider ul.flex-direction-nav li > a.flex-prev {
float: left;
left: 10px;
}
body.journal_index_page #feature-posts .flexslider ul.flex-direction-nav li > a.flex-prev:after {
background-position: -221px 0;
}
body.journal_index_page #feature-posts .flexslider ul.flex-direction-nav li > a.flex-next {
float: right;
text-align: left;
right: 10px;
}
body.journal_index_page #feature-posts .flexslider ul.flex-direction-nav li > a.flex-next:after {
background-position: -239px 0;
}
@media (max-width: 767px) {
body.journal_index_page #feature-posts .flexslider ul.flex-direction-nav {
display: block;
}
body.journal_index_page #feature-posts .flexslider ul.flex-direction-nav li {
margin: 0 10px;
}
body.journal_index_page #feature-posts .flexslider ul.flex-direction-nav li > a {
background-color: transparent;
box-shadow: none;
width: 40px;
}
body.journal_index_page #feature-posts .flexslider ul.flex-direction-nav li > a:after {
width: 20px;
height: 36px;
}
body.journal_index_page #feature-posts .flexslider ul.flex-direction-nav li > a.flex-prev:after {
background-position: -253px -37px;
}
body.journal_index_page #feature-posts .flexslider ul.flex-direction-nav li > a.flex-next:after {
background-position: -275px -37px;
}
body.journal_index_page #feature-posts .flexslider ul.flex-direction-nav li > a:hover {
background-color: transparent;
}
}
body.journal_index_page .posts-container {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-bottom: 30px;
}
body.journal_index_page .posts-container .post {
margin-bottom: 50px;
}
body.journal_index_page .posts-container .post:nth-child(2n + 1) {
clear: both;
}
@media (max-width: 767px) {
body.journal_index_page .posts-container .post {
margin-bottom: 30px;
}
}
body.journal_index_page .posts-container .teaser {
margin-bottom: 10px;
}
body.journal_index_page .posts-container .teaser img {
width: 100%;
}
body.journal_index_page .posts-container .meta {
text-align: center;
}
body.journal_index_page .posts-container .meta .title {
display: block;
margin-bottom: 10px;
padding: 0 15px;
}
body.journal_index_page .posts-container .meta .title h2 {
font-size: 20px;
margin: 0;
line-height: 1.4em;
font-weight: 600;
}
body.journal_index_page .posts-container .meta .title:hover h2 {
color: #777;
}
body.journal_index_page .posts-container .meta .post-box-excerpt {
padding: 0 15px;
}
body.journal_index_page .posts-container .meta .post-box-excerpt a {
font-size: 14px;
color: #666;
}
body.journal_index_page .posts-container .meta .post-box-excerpt a:hover {
color: #777;
}
body.journal_index_page .load-more-btn {
font-size: 15px;
height: 45px;
padding: 11px 16px;
}
body.journal_index_page .load-more-btn.btn-link, body.journal_index_page .load-more-btn.btn-link:hover {
color: #EEE;
}
body.journal_index_page .load-more-btn.btn-manual-load {
border: solid 1px #C3C3C3;
color: #7D7D7D;
}
body.journal_index_page .load-more-btn.btn-manual-load:hover, body.journal_index_page .load-more-btn.btn-manual-load:focus {
background-color: #C3C3C3;
color: #FFF;
outline: none;
box-shadow: none;
}
@media (max-width: 1199px) {
body.journal_index_page .load-more-btn {
margin-bottom: 30px;
}
}
body.journal-view { }
body.journal-view #journal-header-wrapper {
margin-bottom: 50px;
}
@media (max-width: 767px) {
body.journal-view #journal-header-wrapper {
display: none;
}
}
body.journal-view hr {
margin: 30px 0;
}
@media (max-width: 991px) {
body.journal-view .post-wrapper {
margin-top: 15px;
}
}
body.journal-view .post-wrapper .annotation-products {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #000;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
body.journal-view .post-wrapper .annotation-products .annotation-product {
display: block;
margin: 15px 20px 0;
text-align: center;
color: #000;
font-size: 14px;
line-height: 1.3em;
font-family: "Lato HB", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
}
body.journal-view .post-wrapper .annotation-products .annotation-product:hover {
color: #7D7D7D;
}
body.journal-view .post-wrapper .annotation-products .annotation-product .brand {
font-weight: bold;
}
body.journal-view .post-wrapper .annotation-products .annotation-product .name {
color: #999;
}
body.journal-view .gallery {
overflow: hidden;
position: relative;
margin: 0 -30px;
}
body.journal-view .gallery.loading:before {
display: block;
content: "";
width: 100%;
padding-top: 66.67%;
}
body.journal-view .gallery.loading > * {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
body.journal-view .gallery .row {
margin: 0 -5px;
}
body.journal-view .gallery [class^="col-"] {
padding: 0 5px;
}
body.journal-view .thumbnails {
overflow: hidden;
max-height: 120px;
margin-top: -18px;
margin-bottom: 18px;
}
body.journal-view .thumbnails .slides .slide {
margin-right: 5px;
cursor: pointer;
}
body.journal-view .thumbnails .slides .slide:last-child {
margin-right: 0;
}
body.journal-view .thumbnails .slides .slide.hidden {
display: none;
}
body.journal-view .flexslider {
margin: 0;
padding: 0;
overflow: hidden;
border: none;
}
body.journal-view .flexslider.has-annotation {
border-bottom: 1px solid #F6F6F6;
}
body.journal-view .flexslider.one-only .flex-direction-nav {
display: none;
}
body.journal-view .flexslider.shortcode-slider {
margin-bottom: 20px;
}
body.journal-view .flexslider .slides,
body.journal-view .flexslider .flex-direction-nav,
body.journal-view .flexslider .flex-control-nav,
body.journal-view .flexslider .flex-control-paging {
margin: 0;
padding: 0;
list-style: none;
}
body.journal-view .flexslider ul.slides > li {
position: relative;
padding: 0;
}
body.journal-view .flexslider ul.slides > li img {
width: 100%;
display: block;
margin: 0;
}
body.journal-view .flexslider .flex-control-nav {
position: absolute;
bottom: 10px;
left: 0;
}
body.journal-view .flexslider ol.flex-control-paging {
display: none;
}
body.journal-view .flexslider ul.flex-direction-nav {
display: none;
position: absolute;
top: 50%;
width: 100%;
left: 0;
z-index: 2;
margin-top: -60px;
height: 0;
}
body.journal-view .flexslider ul.flex-direction-nav li > a {
margin: 0;
background-color: rgba(150, 150, 150, 0.8);
background-position: center center;
-webkit-transition: all 50ms ease-out;
transition: all 50ms ease-out;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
outline: 0;
display: block;
width: 50px;
height: 120px;
text-indent: -9999px;
background-position: center center;
background-repeat: no-repeat;
position: relative;
border-radius: 5px;
opacity: 0.7;
}
body.journal-view .flexslider ul.flex-direction-nav li > a:after {
content: '';
background: url(//perou.store/bundles/hypebeasteditorial/images/icons/hb-sprite.png?1) no-repeat;
width: 16px;
height: 30px;
display: block;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
body.journal-view .flexslider ul.flex-direction-nav li > a:before {
content: '';
}
body.journal-view .flexslider ul.flex-direction-nav li > a:hover {
background-color: #969696;
}
body.journal-view .flexslider ul.flex-direction-nav li > a.flex-disabled, body.journal-view .flexslider ul.flex-direction-nav li > a.flex-disabled:hover {
opacity: 0.1;
cursor: default;
}
body.journal-view .flexslider ul.flex-direction-nav li > a.flex-prev {
float: left;
left: 10px;
}
body.journal-view .flexslider ul.flex-direction-nav li > a.flex-prev:after {
background-position: -221px 0;
}
body.journal-view .flexslider ul.flex-direction-nav li > a.flex-next {
float: right;
text-align: left;
right: 10px;
}
body.journal-view .flexslider ul.flex-direction-nav li > a.flex-next:after {
background-position: -239px 0;
}
@media (max-width: 767px) {
body.journal-view .flexslider ul.flex-direction-nav {
display: block;
}
body.journal-view .flexslider ul.flex-direction-nav li {
margin: 0 10px;
}
body.journal-view .flexslider ul.flex-direction-nav li > a {
background-color: transparent;
box-shadow: none;
width: 40px;
}
body.journal-view .flexslider ul.flex-direction-nav li > a:after {
width: 20px;
height: 36px;
}
body.journal-view .flexslider ul.flex-direction-nav li > a.flex-prev:after {
background-position: -253px -37px;
}
body.journal-view .flexslider ul.flex-direction-nav li > a.flex-next:after {
background-position: -275px -37px;
}
body.journal-view .flexslider ul.flex-direction-nav li > a:hover {
background-color: transparent;
}
}
body.journal-view .flexslider:hover ul.flex-direction-nav {
display: block;
}
body.journal-view .gallery, body.journal-view .video, body.journal-view .media {
margin-bottom: 33px;
}
body.journal-view .picture {
position: relative;
}
body.journal-view .picture div.text {
position: absolute;
bottom: 0px;
margin: 0;
background: rgba(0, 0, 0, 0.5);
color: #FFF;
padding: 5px;
text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
width: 100%;  box-sizing: border-box; }
body.journal-view .picture div.text .caption {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
text-shadow: none;
margin: 5px;
}
body.journal-view .picture div.text .description {
font-size: 12px;
line-height: 15px;
margin: 5px;
}
body.journal-view .picture div.text .caption a, body.journal-view .picture div.text .description a {
color: #FFF;
text-shadow: none;
}
body.journal-view .picture div.text .caption a:hover, body.journal-view .picture div.text .description a:hover {
text-decoration: underline;
}
body.journal-view .picture .index {
position: absolute;
right: 11px;
bottom: 9px;
line-height: 1.4em;
font-size: 13px;
color: #FFF;
font-family: Arial, sans-serif;
}
@media (max-width: 767px) {
body.journal-view .post-wrapper {
padding-top: 30px;
}
}
body.journal-view .post-wrapper .post {
word-wrap: break-word;
-ms-word-wrap: break-word;
}
body.journal-view .post-wrapper .post .post-meta {
text-align: center;
}
body.journal-view .post-wrapper .post .post-meta .title {
margin: 0 0 25px;
font-size: 28px;
font-weight: 600;
}
body.journal-view .post-wrapper .post .post-meta .excerpt {
margin-bottom: 25px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
font-size: 18px;
color: #999;
}
@media (min-width: 992px) {
body.journal-view .post-wrapper .post .post-meta {
padding: 0 90px;
}
}
body.journal-view .post-wrapper .post time {
color: #999;
}
body.journal-view .post-wrapper .post .separator {
display: inline-block;
margin: 0 3px;
color: #999;
}
body.journal-view .post-wrapper .post .social-shares {
display: inline-block;
position: relative;
line-height: 1em;
margin-bottom: 20px;
color: #999;
font-size: 13px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
}
body.journal-view .post-wrapper .post .social-shares a {
display: inline-block;
vertical-align: middle;
padding: 0 4px;
}
body.journal-view .post-wrapper .post .social-shares a:hover {
opacity: 0.7;
}
body.journal-view .post-wrapper .post .social-shares .share {
margin-right: 10px;
}
body.journal-view .post-wrapper .post .content {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
color: #333332;
font-size: 17px;
line-height: 29px;
}
body.journal-view .post-wrapper .post .image-wrapper {
position: relative;
}
body.journal-view .post-wrapper .post .extras {
padding: 0 90px;
}
@media (max-width: 767px) {
body.journal-view .post-wrapper .post .extras {
padding: 0;
}
}
body.journal-view .post-wrapper .post .buy-now {
margin: 30px 0 30px;
text-align: center;
}
body.journal-view .post-wrapper .post .buy-now a {
background-color: #006FBB;
color: #FFF;
padding: 13px 0;
font-size: 15px;
width: 300px;
max-width: 100%;
}
body.journal-view .post-wrapper .post .buy-now a:hover {
opacity: 0.8;
}
body.journal-view .post-wrapper .post .source,
body.journal-view .post-wrapper .post .credentials {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
margin: 0 0 15px 0;
}
body.journal-view .post-wrapper .post .source .credential,
body.journal-view .post-wrapper .post .credentials .credential {
display: inline-block;
margin: 0 60px 10px 0;
font-size: 15px;
}
body.journal-view .post-wrapper .post .source .credential .heading,
body.journal-view .post-wrapper .post .credentials .credential .heading {
font-size: 10px;
text-transform: uppercase;
color: #000;
font-weight: 600;
}
body.journal-view .post-wrapper .post .source .credential span,
body.journal-view .post-wrapper .post .credentials .credential span {
color: #7D7D7D;
}
body.journal-view .post-wrapper .post .source .credential:last-child,
body.journal-view .post-wrapper .post .credentials .credential:last-child {
margin-right: 0;
}
body.journal-view .post-wrapper .post .source {
line-height: 1em;
}
body.journal-view .post-wrapper .post .source a {
font-size: 17px;
text-transform: uppercase;
color: #006FBB;
}
body.journal-view .post-wrapper .post .tags {
margin: 20px 0;
}
body.journal-view .post-wrapper .post .tags .tag {
display: inline-block;
color: #999;
font-size: 13px;
padding: 8px 10px;
margin: 0 10px 10px 0;
text-transform: capitalize;
border: solid 1px #E0E0E0;
}
body.journal-view .post-wrapper .post .tags .tag:hover {
background-color: #999;
color: #FFF;
border-color: #999;
}
body.journal-view .post-wrapper .post .comments {
margin: 0 0 30px;
}
body.journal-view .post-wrapper .post .comments .load-comment-btn {
border: solid 1px #C3C3C3;
background-color: #FFF;
padding: 14px 12px;
font-size: 15px;
color: #7D7D7D;
box-shadow: none;
}
body.journal-view .post-wrapper .post .comments .load-comment-btn:hover {
background-color: #C3C3C3;
color: #FFF;
}
@media (max-width: 767px) {
body.journal-view .post-wrapper .post .comments {
margin-bottom: 30px;
}
}
body.journal-view .post-wrapper .post .read-more {
text-align: center;
margin-bottom: 15px;
}
body.journal-view .post-wrapper .post .read-more a {
width: 300px;
max-width: 100%;
background-color: #000;
color: #FFF;
padding: 13px 0;
}
body.journal-view .post-wrapper .post .read-more a:hover {
opacity: 0.8;
}
body.journal-view .post-wrapper .post .wp-caption {
color: #777;
}
body.journal-view .post-wrapper .post .wp-caption.aligncenter {
text-align: center;
}
body.journal-view .post-wrapper .post .wp-caption.alignright {
text-align: right;
}
body.journal-view .category-posts h2 {
font-size: 20px;
text-align: center;
margin: 0 0 30px;
font-weight: normal;
}
body.journal-view .category-posts .post-box {
margin-bottom: 30px;
}
body.journal-view .category-posts .post-box .thumbnail {
margin-bottom: 15px;
}
body.journal-view .category-posts .post-box .title h2 {
margin: 0 0 10px;
font-weight: bold;
}
body.journal-view .category-posts .post-box .post-box-excerpt {
text-align: center;
}
body.journal-view .category-posts .post-box .post-box-excerpt a {
color: #666;
text-align: center;
}
@media (max-width: 767px) {
body.journal-view #shop-now-container {
padding: 0 15px;
}
}
body.journal-view #shop-now {
margin-bottom: 60px;
}
body.journal-view #shop-now h2 {
font-size: 20px;
text-align: center;
margin: 0 0 30px;
font-weight: normal;
}
body.journal-view #shop-now .tab-control {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 30px;
}
body.journal-view #shop-now .tab-control > li {
margin: 0 15px;
}
body.journal-view #shop-now .tab-control > li a {
padding-bottom: 4px;
border-bottom: solid 1px #FFF;
}
body.journal-view #shop-now .tab-control > li a:focus, body.journal-view #shop-now .tab-control > li a:hover {
color: #000;
outline: none;
border-color: #000;
}
body.journal-view #shop-now .tab-control > li.active {
font-weight: bold;
color: #000;
}
body.journal-view #shop-now .tab-control > li.active a {
border-color: #000;
}
body.journal-view #shop-now .taxonBtn {
width: 400px;
padding: 13px;
margin: 0 auto;
max-width: 100%;
}
body.journal-view #shop-now .taxonBtn:hover {
opacity: 0.8;
}
body.journal-view #shop-now .product-row .product-wrapper {
clear: none;
}
body.journal-view .tooltipster-base {
border-radius: 0;
border: 0;
background: #FFF;
color: #000;
width: 200px;
text-align: center;
position: absolute;
}
body.journal-view .tooltipster-base .tooltipster-arrow {
display: none;
}
body.journal-view .tooltipster-base .tooltipster-content {
font-family: Helvetica, sans-serif;
padding: 15px 10px;
overflow: hidden;
}
body.journal-view .tooltipster-base .tooltipster-content .brand {
font-weight: bold;
margin-bottom: 2px;
}
body.journal-view .tooltipster-base .tooltipster-content .name {
margin-bottom: 10px;
color: #999;
}
body.journal-view .tooltipster-base .tooltipster-content .price {
margin-bottom: 20px;
}
body.journal-view .tooltipster-base .tooltipster-content a {
color: #006FBB;
text-transform: uppercase;
font-size: 12px;
}
body.journal-view .post .content { }
@media (max-width: 767px) {
body.journal-view .post .content {
padding: 0;
}
}
@media (min-width: 768px) {
body.journal-view .post .content .no-padding {
margin: 0 -90px;
}
}
@media (min-width: 992px) {
body.journal-view .post .content {
padding: 0 90px;
}
}
body.journal-view .post .content img {
height: auto;
}
body.journal-view .post .content h2 {
font-size: 24px;
line-height: 1.2em;
font-weight: bold;
color: #000;
margin: 25px 0 12px;
}
body.journal-view .post .content h2.grey {
color: #999;
}
body.journal-view .post .content h3 {
font-size: 19px;
line-height: 1.7em;
margin: 30px 0 15px;
font-weight: bold;
}
body.journal-view .post .content p {
margin-bottom: 30px;
line-height: 1.8em;
}
body.journal-view .post .content p + hr {
margin-top: 25px;
}
body.journal-view .post .content p.caption {
color: #878787;
font-size: 16px;
line-height: 1.7em;
}
body.journal-view .post .content q {
margin: 50px 100px;
font-weight: bold;
font-size: 28px;
line-height: 1.25;
text-align: center;
position: relative;
padding: 10px 0;
display: block;
}
body.journal-view .post .content q:before, body.journal-view .post .content q:after {
content: '';
width: 50px;
background-color: #006FBB;
height: 3px;
position: absolute;
}
body.journal-view .post .content q:before {
top: -5px;
left: 0;
}
body.journal-view .post .content q:after {
bottom: -5px;
right: 0;
}
@media (max-width: 991px) {
body.journal-view .post .content q {
margin: 50px 0;
}
}
body.journal-view .post .content a {
color: #006FBB;
}
body.journal-view .post .content a:hover {
color: #008dee;
}
body.journal-view .post .content > ul {
padding-left: 17px;
margin: 0;
}
body.journal-view .post .content > ul li {
margin-bottom: 20px;
}
body.journal-view .post .content dl dt {
color: #AAA;
width: 20%;
font-weight: normal;
font-size: 16px;
}
@media (min-width: 992px) {
body.journal-view .post .content dl dt {
float: left;
width: 20%;
}
}
body.journal-view .post .content dl dd {
color: #333;
font-size: 16px;
margin-bottom: 10px;
}
body.journal-view .post .content dl dd:last-child {
margin: 0;
}
@media (min-width: 992px) {
body.journal-view .post .content dl dd {
display: inline-block;
width: 80%;
}
}
body.journal-view .post .content hr {
margin: 30px 0;
}
body.journal-view .post .content blockquote {
border-left: 3px solid #006FBB;
padding: 10px 24px;
color: #666;
font-size: 17px;
line-height: 1.7em;
margin-bottom: 20px;
}
body.journal-view .post .content blockquote h2 {
font-size: 17px;
line-height: 29px;
font-weight: bold;
color: #000;
}
body.journal-view .post .content blockquote p:last-child {
margin-bottom: 0;
}
body.journal-view .post .content blockquote.sidebar {
background: none;
border: none;
padding: 15px 70px 5px;
text-align: center;
color: #000;
}
@media (max-width: 767px) {
body.journal-view .post .content blockquote.sidebar {
padding-left: 5px;
padding-right: 5px;
}
}
body.journal-view .post .content blockquote.sidebar p {
font-size: 24px;
line-height: 34px;
}
body.journal-view .post .content blockquote.uppercase {
text-transform: uppercase;
}
body.journal-view .post .content blockquote.float {
width: 295px;
height: auto;
margin: 0 30px 0 20px;
float: left;
}
body.journal-view .post .content blockquote.block {
margin: 20px 0;
}
body.journal-view .post .content address {
line-height: 1.4em;
}
body.journal-view .post .content .muted {
text-align: justify;
color: #999;
font-size: 11px;
}
body.journal-view .post .content .photo-caption {
color: #999;
font-size: 12px;
line-height: 15px;
margin-top: 12px;
}
body.journal-view .post .content img {
max-width: 100%;
}
body.journal-view .post .content img.wp-image {
margin: 24px 0 25px 0;
width: 100%;
}
body.journal-view .post .content img.border {
border: 1px solid #F5F5F5;
}
@media (min-width: 992px) {
body.journal-view .post .content > p > img {
margin: 0 -90px;
width: calc(100% + 180px);
height: auto;
max-width: none;
}
}
body.journal-view .post .content strong {
color: #222;
}
body.journal-view .post .content #___ytsubscribe_0 {
height: 70px !important;
width: 197px !important;
border: 1px solid #EEEEEE !important;
padding: 10px !important;
background: #FBFBFB !important;
margin-bottom: 10px !important;
}
body.journal-view .post .content .embed-responsive {
margin-bottom: 20px;
}
body.journal-view .post .content [class*="span"] {
float: left;
min-height: 1px;
}
body.journal-view .post .content .row-margin {
margin: 24px 0;
}
body.journal-view .post .content .row-margin + hr {
margin-top: -1px;
}
body.journal-view .post .content .row-margin p:last-child {
margin-bottom: 0;
}
body.journal-view .post .content .span1 {
width: 7.7%;
}
@media (max-width: 767px) {
body.journal-view .post .content .span1 {
width: 100%;
}
}
body.journal-view .post .content .span1 .author-avatar-pic {
border: 1px solid #eee;
max-width: 60px;
width: 100%;
margin: 0;
}
@media (max-width: 767px) {
body.journal-view .post .content .span1 .author-avatar-pic {
margin-bottom: 20px;
}
}
body.journal-view .post .content .span7 {
width: 89%;
margin-left: 20px;
}
@media (max-width: 767px) {
body.journal-view .post .content .span7 {
width: 100%;
margin-left: 0;
}
}
body.journal-view .post .content .span7 .author-article-name {
color: #999;
margin: -1px 0 10px;
}
body.journal-view .post-poll {
padding: 20px;
background-color: #FAFAFA;
border: 1px solid #EEE;
margin-bottom: 30px;
}
body.journal-view .post-poll .poll-title {
margin: 0 0 20px;
}
body.journal-view .post-poll .options {
padding-left: 20px;
margin-bottom: 20px;
}
body.journal-view .post-poll .results {
margin-bottom: 20px;
}
body.journal-view .post-poll .results li {
margin-bottom: 10px;
}
body.journal-view .post-poll .results li .bar {
background: #CCC;
height: 15px;
min-width: 15px;
margin-top: 3px;
}
body.journal-view .post-poll .result-message {
margin-bottom: 0;
}
body.journal-view .post-poll .btn-primary:hover {
opacity: 0.7;
}
@media (max-width: 767px) {
body.journal-view #container {
padding: 0;
}
}
body.store-app.store_user_security_login #header,
body.store-app.store_user_security_login #site-footer {
display: none;
}
body.store-app.store_user_security_login #login-register-container {
margin-top: 0;
padding-top: 0;
}
body.store_user_security_login,
body.fos_user_registration_register,
body.store_user_registration_register { }
body.store_user_security_login .btn-primary,
body.fos_user_registration_register .btn-primary,
body.store_user_registration_register .btn-primary {
background-color: #006FBB;
border: none;
padding: 15px;
}
body.store_user_security_login .btn-primary:hover,
body.fos_user_registration_register .btn-primary:hover,
body.store_user_registration_register .btn-primary:hover {
background: #008dee;
}
body.store_user_security_login .btn-primary:focus,
body.fos_user_registration_register .btn-primary:focus,
body.store_user_registration_register .btn-primary:focus {
background-color: #006FBB;
border-color: #006FBB;
}
body.store_user_security_login #login-register-container,
body.fos_user_registration_register #login-register-container,
body.store_user_registration_register #login-register-container {
max-width: 570px;
margin: 30px auto 50px auto;
background: #FAFAFA;
}
body.store_user_security_login #login-register-container #login-register-header > div,
body.fos_user_registration_register #login-register-container #login-register-header > div,
body.store_user_registration_register #login-register-container #login-register-header > div {
width: 50%;
float: left;
text-align: center;
background: #F0F0F0;
}
body.store_user_security_login #login-register-container #login-register-header > div .tab,
body.fos_user_registration_register #login-register-container #login-register-header > div .tab,
body.store_user_registration_register #login-register-container #login-register-header > div .tab {
display: block;
padding: 20px 10px;
}
body.store_user_security_login #login-register-container #login-register-header > div h2,
body.fos_user_registration_register #login-register-container #login-register-header > div h2,
body.store_user_registration_register #login-register-container #login-register-header > div h2 {
margin: 0 0 5px;
color: #006FBB;
font-size: 18px;
}
body.store_user_security_login #login-register-container #login-register-header > div p,
body.fos_user_registration_register #login-register-container #login-register-header > div p,
body.store_user_registration_register #login-register-container #login-register-header > div p {
margin: 0;
color: #999;
}
body.store_user_security_login #login-register-container #login-register-header > div.active,
body.fos_user_registration_register #login-register-container #login-register-header > div.active,
body.store_user_registration_register #login-register-container #login-register-header > div.active {
background: #FAFAFA;
}
body.store_user_security_login #login-register-container #login-register-header > div.active h2,
body.fos_user_registration_register #login-register-container #login-register-header > div.active h2,
body.store_user_registration_register #login-register-container #login-register-header > div.active h2 {
color: #000;
}
body.store_user_security_login #login-register-container #login-register-header > div:hover,
body.fos_user_registration_register #login-register-container #login-register-header > div:hover,
body.store_user_registration_register #login-register-container #login-register-header > div:hover {
background: #FAFAFA;
}
body.store_user_security_login #login-register-container #login-register-header > div:hover:not(.active) h2,
body.fos_user_registration_register #login-register-container #login-register-header > div:hover:not(.active) h2,
body.store_user_registration_register #login-register-container #login-register-header > div:hover:not(.active) h2 {
color: #008dee;
}
body.store_user_security_login #login-register-container #login-register-content,
body.fos_user_registration_register #login-register-container #login-register-content,
body.store_user_registration_register #login-register-container #login-register-content {
padding: 0 50px 30px;
}
body.store_user_security_login #login-register-container #login-register-content h1,
body.fos_user_registration_register #login-register-container #login-register-content h1,
body.store_user_registration_register #login-register-container #login-register-content h1 {
font-size: 24px;
}
body.store_user_security_login #login-register-container #login-register-content .form-group,
body.fos_user_registration_register #login-register-container #login-register-content .form-group,
body.store_user_registration_register #login-register-container #login-register-content .form-group {
margin-bottom: 20px;
}
body.store_user_security_login #login-register-container #login-register-content .or,
body.fos_user_registration_register #login-register-container #login-register-content .or,
body.store_user_registration_register #login-register-container #login-register-content .or {
width: 100%;
text-align: center;
border-bottom: 1px solid #EEE;
line-height: 0;
margin: 30px 0;
}
body.store_user_security_login #login-register-container #login-register-content .or span,
body.fos_user_registration_register #login-register-container #login-register-content .or span,
body.store_user_registration_register #login-register-container #login-register-content .or span {
background: #FAFAFA;
color: #999;
padding: 0 10px;
}
body.store_user_security_login #login-register-container #login-register-content .oauth-btns,
body.fos_user_registration_register #login-register-container #login-register-content .oauth-btns,
body.store_user_registration_register #login-register-container #login-register-content .oauth-btns {
margin-bottom: 10px;
margin: 0 -5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
body.store_user_security_login #login-register-container #login-register-content .oauth-btns > div,
body.fos_user_registration_register #login-register-container #login-register-content .oauth-btns > div,
body.store_user_registration_register #login-register-container #login-register-content .oauth-btns > div {
width: 50%;
padding: 0 5px;
}
body.store_user_security_login #login-register-container #login-register-content .oauth-btns .btn,
body.fos_user_registration_register #login-register-container #login-register-content .oauth-btns .btn,
body.store_user_registration_register #login-register-container #login-register-content .oauth-btns .btn {
padding: 15px;
border: none;
color: #FFF;
margin: 0;
}
body.store_user_security_login #login-register-container #login-register-content .oauth-btns .btn.facebook-connect,
body.fos_user_registration_register #login-register-container #login-register-content .oauth-btns .btn.facebook-connect,
body.store_user_registration_register #login-register-container #login-register-content .oauth-btns .btn.facebook-connect {
background: #3B5998;
}
body.store_user_security_login #login-register-container #login-register-content .oauth-btns .btn.facebook-connect:hover,
body.fos_user_registration_register #login-register-container #login-register-content .oauth-btns .btn.facebook-connect:hover,
body.store_user_registration_register #login-register-container #login-register-content .oauth-btns .btn.facebook-connect:hover {
background: #4c70ba;
}
body.store_user_security_login #login-register-container #login-register-content .oauth-btns .btn.google-login,
body.fos_user_registration_register #login-register-container #login-register-content .oauth-btns .btn.google-login,
body.store_user_registration_register #login-register-container #login-register-content .oauth-btns .btn.google-login {
background: #CC3732;
}
body.store_user_security_login #login-register-container #login-register-content .oauth-btns .btn.google-login:hover,
body.fos_user_registration_register #login-register-container #login-register-content .oauth-btns .btn.google-login:hover,
body.store_user_registration_register #login-register-container #login-register-content .oauth-btns .btn.google-login:hover {
background: #d75e5a;
}
body.store_user_security_login #login-register-container #login-register-content .share-idea,
body.fos_user_registration_register #login-register-container #login-register-content .share-idea,
body.store_user_registration_register #login-register-container #login-register-content .share-idea {
margin: 40px 0 30px;
font-weight: bold;
}
body.store_user_security_login #login-register-container #login-register-content .login-oauth,
body.fos_user_registration_register #login-register-container #login-register-content .login-oauth,
body.store_user_registration_register #login-register-container #login-register-content .login-oauth {
margin: 40px 0 15px;
color: #999;
}
body.store_user_security_login #login-register-container #login-register-content .checkbox,
body.fos_user_registration_register #login-register-container #login-register-content .checkbox,
body.store_user_registration_register #login-register-container #login-register-content .checkbox {
margin: 0;
}
body.store_user_security_login #login-register-container #login-register-content .form-group input,
body.store_user_security_login #login-register-container #login-register-content .form-group select,
body.fos_user_registration_register #login-register-container #login-register-content .form-group input,
body.fos_user_registration_register #login-register-container #login-register-content .form-group select,
body.store_user_registration_register #login-register-container #login-register-content .form-group input,
body.store_user_registration_register #login-register-container #login-register-content .form-group select {
height: 45px;
}
body.store_user_security_login #login-register-container #login-register-content .login-email,
body.fos_user_registration_register #login-register-container #login-register-content .login-email,
body.store_user_registration_register #login-register-container #login-register-content .login-email {
margin: 20px 0;
color: #999;
}
body.store_user_security_login #login-register-container #login-register-content hr,
body.fos_user_registration_register #login-register-container #login-register-content hr,
body.store_user_registration_register #login-register-container #login-register-content hr {
margin: 30px 0;
}
body.store_user_security_login #login-register-container #login-register-content .remember,
body.fos_user_registration_register #login-register-container #login-register-content .remember,
body.store_user_registration_register #login-register-container #login-register-content .remember {
margin-bottom: 20px;
}
@media only screen and (max-width: 767px), screen and (min-device-width: 768px) and (max-device-width: 1024px) {
body.store_user_security_login #top-navbar,
body.store_user_security_login #header-logo,
body.fos_user_registration_register #top-navbar,
body.fos_user_registration_register #header-logo,
body.store_user_registration_register #top-navbar,
body.store_user_registration_register #header-logo {
display: none;
}
body.store_user_security_login #login-register-container,
body.fos_user_registration_register #login-register-container,
body.store_user_registration_register #login-register-container {
margin: 20px 10px;
}
body.store_user_security_login #login-register-container h1,
body.fos_user_registration_register #login-register-container h1,
body.store_user_registration_register #login-register-container h1 {
font-family: inherit;
}
body.store_user_security_login #login-register-container input,
body.fos_user_registration_register #login-register-container input,
body.store_user_registration_register #login-register-container input {
box-shadow: none;
background-color: #FFF;
outline: none;
}
body.store_user_security_login #login-register-container input[type="text"],
body.store_user_security_login #login-register-container input[type="email"],
body.store_user_security_login #login-register-container input[type="url"],
body.store_user_security_login #login-register-container input[type="password"],
body.store_user_security_login #login-register-container textarea,
body.fos_user_registration_register #login-register-container input[type="text"],
body.fos_user_registration_register #login-register-container input[type="email"],
body.fos_user_registration_register #login-register-container input[type="url"],
body.fos_user_registration_register #login-register-container input[type="password"],
body.fos_user_registration_register #login-register-container textarea,
body.store_user_registration_register #login-register-container input[type="text"],
body.store_user_registration_register #login-register-container input[type="email"],
body.store_user_registration_register #login-register-container input[type="url"],
body.store_user_registration_register #login-register-container input[type="password"],
body.store_user_registration_register #login-register-container textarea {
-webkit-appearance: none;
}
body.store_user_security_login #login-register-container .checkbox,
body.store_user_security_login #login-register-container .radio,
body.fos_user_registration_register #login-register-container .checkbox,
body.fos_user_registration_register #login-register-container .radio,
body.store_user_registration_register #login-register-container .checkbox,
body.store_user_registration_register #login-register-container .radio {
padding-left: 5px;
margin-bottom: 40px;
}
body.store_user_security_login #login-register-container .checkbox label input:after,
body.store_user_security_login #login-register-container .radio label input:after,
body.fos_user_registration_register #login-register-container .checkbox label input:after,
body.fos_user_registration_register #login-register-container .radio label input:after,
body.store_user_registration_register #login-register-container .checkbox label input:after,
body.store_user_registration_register #login-register-container .radio label input:after {
content: ".";
text-indent: -9999px;
display: block;
width: 22px;
height: 22px;
background-color: #FAFAFA;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAACXElEQVR42tWZsW7TQBjH8dB2SJcmYixLOxZeI0ZCCMWRKPAAIJJ2hs6V/QIMPAIxS5UxeYGkC81CWSsxQVqJSlAFUpm/pd9wslRqHCe5G37Dd3fffb/BTs733Tk+/jQLFVEXoTgSn8W5mMA5Y0es8ckpXLNIkkfhjvglkv+BnA57ePMWbogTo/i1GIpINMUDURVrUGUsYM2AnAROxJN5CG+JnlHoqzgQ95jPDTkH7JFAjxqlCD8VP9j4u2iLNeYKwx5t9kyosTuLsCcORQIfRY25MqmxdwKH1M4vTMI7NpiKPcbnSVv8oeZ7HHILR8Yb/ZixRfBI/KR2lFd4l4TpQmWBmlMcnt0mvGW8YPuMLYN9HC5xulG4x8KYeJnEuPRuEm6wYCzuWiBcFd9wamSFPeMfrMWYDbzCaSQ8U7jOxJlYsUUYlzPcfFP4A4Nvia0BJ7nJEeGKuOJQsmmbME7XOFbMx2HIAhsZ4lhPg5Agslg4wjFMgy5B02LhJo7dNDgl2LFYeAfH0zQYE9QsFq7hOE6DCcGqxcKrOE6cE3bukXDypesSBBYLB+bPWkgQuvLH4RMMLBYe4Og7d/hx6XjZMc/DvgMH+IfZT6QRE68tEn5pfiK59BEauPCZ38Glf9tFyiUL95YlS+0El22nrqqcugx09Lq1+IV2PKcjaFXEs15omzzPtAxaJbYMWpmWwYuymjLbop9pyrwp2JTZJNdsyvSpUXrbKxCjTNtrICLm7osNsQIbjP2r7RUsqrEYiysK54aceFGNxSzrFA5Fl8+tC/EbLsQX5iLWrs9S8y9wUhT2UWZc7gAAAABJRU5ErkJggg==);
background-size: 22px 22px;
margin: -6px;
cursor: pointer;
}
body.store_user_security_login #login-register-container .checkbox label input:checked:after,
body.store_user_security_login #login-register-container .radio label input:checked:after,
body.fos_user_registration_register #login-register-container .checkbox label input:checked:after,
body.fos_user_registration_register #login-register-container .radio label input:checked:after,
body.store_user_registration_register #login-register-container .checkbox label input:checked:after,
body.store_user_registration_register #login-register-container .radio label input:checked:after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAACVklEQVR42tXZP2sTYRzA8RyCy3XwBbhoAi4KIuggODhIzqEgCWitg5uLSyk4lA4i1ARExMGhIF0KxbaDlEySvolkMV2c3EpS22IbUmofvwePcPygd94999yf4bO0z5P7pr1L7p6ncmnumwkXdbSwhe8YYaKN9M+29BgPrskxk0xy4GEDx1AxHeu5HhzbwQ30oFLSwyMbwVV0oSzpoppW8BMcQFl2gBmTYAdLUBlbCju3w2I/QeVkGU6c4DZUztr/GzwDVRBPo4Kr4gLL2yGqYcFdqILpnhfcgCqohgx20CtwcB9OMLieY8wfLGIepyHjvGDwek6xp3iOijYfMnb9X7CLcU6xs+KiXwwZP4ab1+lwgsci9gXOIubV/YGtjGMnaIjYl1GxWssf3Mk4dlrEzonYMB1/wiCj2DE8EfsKKoaBP2mYQewRHojYBaiYhv7EieXY37gvYl8nPaXiBp/hDd7HuHm5J2LfmlwDcU+JhcCBP0aM3cddEfsOysAw7kU3LZ5KPp8z7hdui7EfoAwN4n6sHYl/8QWsyb8Cbll63Ook+eLYxx0R/RUKu7gpYpdNQ+UXh5dg4gg3AmEXsYrr4o2sQKXIM7n52cU1VCQdu2rhi8c1vb38iauQsV+gUrYRvB/2DF7oBy4Hztk1KAseykekvsGL7eAKVmw+IpXpIbRZpsf87aiFlMOCLaTUSrVUVcLFwPIvt5Z/QVuazXDL4FlamzI1bFv+6KrZ2PZqop/ytlczq43FTYwT3nVtZrWxKE3BQwsdDLCHE20PO/p3bT12yuSYfwHHN7+4brMchgAAAABJRU5ErkJggg==);
}
body.store_user_security_login #login-register-container .btn-primary,
body.fos_user_registration_register #login-register-container .btn-primary,
body.store_user_registration_register #login-register-container .btn-primary {
background-color: #006FBB;
}
body.store_user_security_login #login-register-container #login-register-content,
body.fos_user_registration_register #login-register-container #login-register-content,
body.store_user_registration_register #login-register-container #login-register-content {
padding: 0 15px 15px;
}
body.store_user_security_login #login-register-container #login-register-content .login-oauth,
body.fos_user_registration_register #login-register-container #login-register-content .login-oauth,
body.store_user_registration_register #login-register-container #login-register-content .login-oauth {
margin-top: 20px;
}
body.store_user_security_login #login-register-container #login-register-content .or,
body.fos_user_registration_register #login-register-container #login-register-content .or,
body.store_user_registration_register #login-register-container #login-register-content .or {
margin: 15px 0;
}
body.store_user_security_login #login-register-container #login-register-content .oauth-btns,
body.fos_user_registration_register #login-register-container #login-register-content .oauth-btns,
body.store_user_registration_register #login-register-container #login-register-content .oauth-btns {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
body.store_user_security_login #login-register-container #login-register-content .oauth-btns > div,
body.fos_user_registration_register #login-register-container #login-register-content .oauth-btns > div,
body.store_user_registration_register #login-register-container #login-register-content .oauth-btns > div {
width: 100%;
margin-bottom: 10px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
body.store_user_security_login #login-register-container.store-app,
body.store_user_security_login #confirmed.store-app,
body.fos_user_registration_register #login-register-container.store-app,
body.fos_user_registration_register #confirmed.store-app,
body.store_user_registration_register #login-register-container.store-app,
body.store_user_registration_register #confirmed.store-app {
padding-right: 0;
padding-left: 0;
width: 90%;
max-width: none;
}
body.store_user_security_login #login-register-container.store-app .page-header h1, body.store_user_security_login #login-register-container.store-app h1,
body.store_user_security_login #confirmed.store-app .page-header h1,
body.store_user_security_login #confirmed.store-app h1,
body.fos_user_registration_register #login-register-container.store-app .page-header h1,
body.fos_user_registration_register #login-register-container.store-app h1,
body.fos_user_registration_register #confirmed.store-app .page-header h1,
body.fos_user_registration_register #confirmed.store-app h1,
body.store_user_registration_register #login-register-container.store-app .page-header h1,
body.store_user_registration_register #login-register-container.store-app h1,
body.store_user_registration_register #confirmed.store-app .page-header h1,
body.store_user_registration_register #confirmed.store-app h1 {
font-size: 30px;
}
body.store_user_security_login #login-register-container.store-app .description, body.store_user_security_login #login-register-container.store-app p, body.store_user_security_login #login-register-container.store-app small,
body.store_user_security_login #confirmed.store-app .description,
body.store_user_security_login #confirmed.store-app p,
body.store_user_security_login #confirmed.store-app small,
body.fos_user_registration_register #login-register-container.store-app .description,
body.fos_user_registration_register #login-register-container.store-app p,
body.fos_user_registration_register #login-register-container.store-app small,
body.fos_user_registration_register #confirmed.store-app .description,
body.fos_user_registration_register #confirmed.store-app p,
body.fos_user_registration_register #confirmed.store-app small,
body.store_user_registration_register #login-register-container.store-app .description,
body.store_user_registration_register #login-register-container.store-app p,
body.store_user_registration_register #login-register-container.store-app small,
body.store_user_registration_register #confirmed.store-app .description,
body.store_user_registration_register #confirmed.store-app p,
body.store_user_registration_register #confirmed.store-app small {
font-size: 18px;
}
body.store_user_security_login #login-register-container.store-app .btn, body.store_user_security_login #login-register-container.store-app a,
body.store_user_security_login #confirmed.store-app .btn,
body.store_user_security_login #confirmed.store-app a,
body.fos_user_registration_register #login-register-container.store-app .btn,
body.fos_user_registration_register #login-register-container.store-app a,
body.fos_user_registration_register #confirmed.store-app .btn,
body.fos_user_registration_register #confirmed.store-app a,
body.store_user_registration_register #login-register-container.store-app .btn,
body.store_user_registration_register #login-register-container.store-app a,
body.store_user_registration_register #confirmed.store-app .btn,
body.store_user_registration_register #confirmed.store-app a {
font-size: 18px;
}
body.store_user_security_login #login-register-container.store-app label, body.store_user_security_login #login-register-container.store-app input,
body.store_user_security_login #confirmed.store-app label,
body.store_user_security_login #confirmed.store-app input,
body.fos_user_registration_register #login-register-container.store-app label,
body.fos_user_registration_register #login-register-container.store-app input,
body.fos_user_registration_register #confirmed.store-app label,
body.fos_user_registration_register #confirmed.store-app input,
body.store_user_registration_register #login-register-container.store-app label,
body.store_user_registration_register #login-register-container.store-app input,
body.store_user_registration_register #confirmed.store-app label,
body.store_user_registration_register #confirmed.store-app input {
font-size: 16px;
}
body.store_user_security_login #login-register-container.store-app .form-group,
body.store_user_security_login #confirmed.store-app .form-group,
body.fos_user_registration_register #login-register-container.store-app .form-group,
body.fos_user_registration_register #confirmed.store-app .form-group,
body.store_user_registration_register #login-register-container.store-app .form-group,
body.store_user_registration_register #confirmed.store-app .form-group {
margin-bottom: 40px;
}
}
.product-row {
margin: 0 -13px;
}
.product-row .product-wrapper {
padding-left: 13px;
padding-right: 13px;
}
.product-row .product-wrapper:nth-child(3n + 1) {
clear: both;
}
@media (max-width: 767px) {
.product-row {
margin: 0 -8px;
}
.product-row .product-wrapper {
padding-left: 8px;
padding-right: 8px;
}
.product-row .product-wrapper:nth-child(3n + 1) {
clear: none;
}
.product-row .product-wrapper:nth-child(2n + 1) {
clear: both;
}
}
.catalog.product {
margin-bottom: 40px !important;
position: relative !important;
text-align: center;
font-size: 13px;
}
@media (max-width: 767px) {
.catalog.product {
margin-bottom: 20px;
}
}
.catalog.product .picture-wrapper {
width: 100%;
display: block;
height: auto;
position: relative;
margin-bottom: 15px;
}
.catalog.product .picture-wrapper .picture {
line-height: 0;
display: block;
text-align: center;
margin: 0 auto;
position: relative;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.catalog.product .picture-wrapper .picture img {
width: 100%;
height: auto; top: 0;
bottom: 0;
margin: auto;
image-rendering: -webkit-optimize-contrast;
}
.catalog.product .picture-wrapper .picture .model-shot {
opacity: 0;
position: absolute;
left: 0;
padding: 0px;
margin: 0px;
top: 0;
display: block;
z-index: 2;
-webkit-transition: "all linear .05s";
transition: "all linear .05s";
}
.catalog.product .picture-wrapper:hover .picture .model-shot {
opacity: 1;
}
.catalog.product .picture-wrapper .wishlist-btn-wrapper {
position: absolute;
z-index: 3;
top: 0;
right: 0;
}
.catalog.product .picture-wrapper .wishlist-btn-wrapper .wishlist-btn {
position: absolute;
right: 10px;
top: 10px;
background: none;
padding: 5px;
line-height: 0;
border: none;
z-index: 2;
}
.catalog.product .picture-wrapper .wishlist-btn-wrapper .wishlist-btn:hover {
opacity: 0.6;
}
.catalog.product .picture-wrapper .wishlist-btn-wrapper .wishlist-btn:focus, .catalog.product .picture-wrapper .wishlist-btn-wrapper .wishlist-btn:active {
outline: none;
box-shadow: none;
}
.catalog.product .picture-wrapper .wishlist-btn-wrapper .wishlist-btn .sprite-star-grey-feed {
display: none;
}
.catalog.product .picture-wrapper:hover .wishlist-btn-wrapper .wishlist-btn .sprite-star-grey-feed {
display: block;
}
.catalog.product .brand {
margin: 0 0 5px;
font-size: 13px;
font-weight: 600;
line-height: 1.2em;
text-transform: capitalize;
color: #333;
}
.catalog.product .brand:hover {
color: #999;
}
@media (max-width: 767px) {
.catalog.product .brand {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin-top: 10px;
}
}
.catalog.product .name {
margin: 0 0 14px 0;
font-size: 14px;
color: #999;
line-height: 1.2em;
font-weight: normal;
}
.catalog.product .name:hover {
color: #333;
}
.catalog.product .info {
width: 100%;
}
.store_product_show .woocommerce-breadcrumb {
width: 100% !important;
}
#menu-top-nav li ul.sub-menu ul {
padding-left: 0px;
margin-left: 0px;
}
#menu-top-nav li ul.sub-menu {
list-style: none;
display: none;
}
#menu-top-nav li ul.dropdown-menu ul {
display: table;
padding-left: 0px;
margin-left: 0px;
margin-top: 10px;
}
#menu-top-nav li.dropdown:hover ul.dropdown-menu {
display: flex;
}
#menu-top-nav li ul.dropdown-menu li {
width: 170px;
padding: 4px 7px;
}
#menu-top-nav li ul li ul li a {
border-bottom: 0px solid #000;
font-weight: normal;
}
#menu-top-nav li ul a {
border-bottom: solid 1px #F0F0F0;
padding: 5px 0 4px;
color: #000;
font-size: 13px;
font-weight: bold;
}
@media (max-width: 767px) {
.catalog.product .info {
border-bottom: none;
padding-bottom: 0;
font-weight: lighter;
position: static;
}
}
.catalog.product .info .on-sale.regular-price {
color: #7D7D7D;
text-decoration: line-through;
}
.catalog.product .info .sale-price {
color: #C5281C;
}
.catalog.product .info > span {
padding: 0 2px;
vertical-align: middle;
font-size: 14px;
}
.catalog.product .info .marketplace {
display: inline-block;
color: #7D7D7D;
font-size: 10.5px;
padding: 0 4px;
line-height: 1em;
text-transform: uppercase;
}
.catalog.product .info .marketplace .sprite {
margin-right: 1px;
position: relative;
top: -1px;
}
@media (max-width: 767px) {
.catalog.product .info .marketplace {
display: none;
}
}
.catalog.product .info .tooltip {
font-size: 12.5px;
}
.catalog.product .info .tooltip .tooltip-arrow {
border-bottom-color: #111;
}
.catalog.product .info .tooltip .tooltip-inner {
text-align: left;
background: #111;
border-radius: 3px;
max-width: 300px;
padding: 8px 12px;
}
.catalog.product .info .out-of-stock {
color: #C5281C;
}
.catalog.product .info .new {
color: #006FBB;
}
.catalog.product .info .back-in-stock {
color: #999;
}
@media (max-width: 767px) {
.catalog.product .picture-wrapper {
margin-bottom: 10px;
}
.catalog.product .brand {
font-size: 12.5px;
margin-bottom: 4px;
}
.catalog.product .name {
font-size: 14px;
margin-bottom: 8px;
}
.catalog.product .info span {
font-size: 11.5px;
}
}
body.store-landing-page #container {
min-height: 0;
padding-left: 0;
padding-right: 0;
}
body.store-landing-page #landing-page-content .image-wrapper {
position: relative;
}
body.store-landing-page #landing-page-content a {
color: #006FBB;
}
body.store-landing-page #landing-page-content a:hover {
color: #008dee;
}
body.store-landing-page #landing-page-content img {
display: block;
max-width: 100%;
height: auto;
}
body.store-landing-page #landing-page-content .juxtapose img {
max-width: none;
height: 100%;
}
body.store-landing-page #landing-page-content .annotation {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAQAAABKmM6bAAAAGUlEQVQI12NggIL//xnQAclC/zEAAxWNBwBQ9SHf5PiMxgAAAABJRU5ErkJggg==);
background-color: rgba(0, 0, 0, 0.4);
border-radius: 20px;
border: solid 1px #FFF;
background-position: center center;
background-repeat: no-repeat;
width: 15px;
height: 15px;
margin: 0px 0 0 -2px;
cursor: default;
}
body.store-landing-page #landing-page-content .annotation:hover {
background-color: rgba(0, 0, 0, 0.8);
}
body.store-landing-page #landing-page-content p {
margin: 0 0 30px;
line-height: 26px;
font-size: 16px;
color: #000;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.store-landing-page #landing-page-content p.text {
padding: 0 40px;
}
@media (max-width: 767px) {
body.store-landing-page #landing-page-content p.text {
padding: 0;
}
}
body.store-landing-page #landing-page-content .shop-now {
text-align: center;
margin: 35px 0 40px;
}
body.store-landing-page #landing-page-content .shop-now a {
font-size: 20px;
font-weight: bold;
background-color: #000;
color: #FFF;
padding: 20px 30px;
display: inline-block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.store-landing-page #landing-page-content .shop-now a:focus {
text-decoration: none;
}
body.store-landing-page #landing-page-content .flexslider {
margin: 0;
padding: 0;
overflow: hidden;
border: none;
}
body.store-landing-page #landing-page-content .flexslider.has-annotation {
border-bottom: 1px solid #F6F6F6;
}
body.store-landing-page #landing-page-content .flexslider.one-only .flex-direction-nav {
display: none;
}
body.store-landing-page #landing-page-content .flexslider .slides,
body.store-landing-page #landing-page-content .flexslider .flex-direction-nav,
body.store-landing-page #landing-page-content .flexslider .flex-control-nav,
body.store-landing-page #landing-page-content .flexslider .flex-control-paging {
margin: 0;
padding: 0;
list-style: none;
}
body.store-landing-page #landing-page-content .flexslider ul.slides > li {
position: relative;
padding: 0;
}
body.store-landing-page #landing-page-content .flexslider ul.slides > li img {
width: 100%;
display: block;
margin: 0;
}
body.store-landing-page #landing-page-content .flexslider .flex-control-nav {
position: absolute;
bottom: 10px;
left: 0;
}
body.store-landing-page #landing-page-content .flexslider ol.flex-control-paging {
display: none;
}
body.store-landing-page #landing-page-content .flexslider ul.flex-direction-nav {
display: none;
position: absolute;
top: 50%;
width: 100%;
left: 0;
z-index: 2;
margin-top: -60px;
height: 0;
}
body.store-landing-page #landing-page-content .flexslider ul.flex-direction-nav li > a {
margin: 0;
background-color: rgba(150, 150, 150, 0.8);
background-position: center center;
-webkit-transition: all 50ms ease-out;
transition: all 50ms ease-out;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
outline: 0;
display: block;
width: 50px;
height: 120px;
text-indent: -9999px;
background-position: center center;
background-repeat: no-repeat;
position: relative;
border-radius: 5px;
opacity: 0.7;
}
body.store-landing-page #landing-page-content .flexslider ul.flex-direction-nav li > a:after {
content: '';
background: url(//perou.store/bundles/hypebeasteditorial/images/icons/hb-sprite.png?1) no-repeat;
width: 16px;
height: 30px;
display: block;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
body.store-landing-page #landing-page-content .flexslider ul.flex-direction-nav li > a:before {
content: '';
}
body.store-landing-page #landing-page-content .flexslider ul.flex-direction-nav li > a:hover {
background-color: #969696;
}
body.store-landing-page #landing-page-content .flexslider ul.flex-direction-nav li > a.flex-disabled, body.store-landing-page #landing-page-content .flexslider ul.flex-direction-nav li > a.flex-disabled:hover {
opacity: 0.1;
cursor: default;
}
body.store-landing-page #landing-page-content .flexslider ul.flex-direction-nav li > a.flex-prev {
float: left;
left: 10px;
}
body.store-landing-page #landing-page-content .flexslider ul.flex-direction-nav li > a.flex-prev:after {
background-position: -221px 0;
}
body.store-landing-page #landing-page-content .flexslider ul.flex-direction-nav li > a.flex-next {
float: right;
text-align: left;
right: 10px;
}
body.store-landing-page #landing-page-content .flexslider ul.flex-direction-nav li > a.flex-next:after {
background-position: -239px 0;
}
@media (max-width: 767px) {
body.store-landing-page #landing-page-content .flexslider ul.flex-direction-nav {
display: block;
}
body.store-landing-page #landing-page-content .flexslider ul.flex-direction-nav li {
margin: 0 10px;
}
body.store-landing-page #landing-page-content .flexslider ul.flex-direction-nav li > a {
background-color: transparent;
box-shadow: none;
width: 40px;
}
body.store-landing-page #landing-page-content .flexslider ul.flex-direction-nav li > a:after {
width: 20px;
height: 36px;
}
body.store-landing-page #landing-page-content .flexslider ul.flex-direction-nav li > a.flex-prev:after {
background-position: -253px -37px;
}
body.store-landing-page #landing-page-content .flexslider ul.flex-direction-nav li > a.flex-next:after {
background-position: -275px -37px;
}
body.store-landing-page #landing-page-content .flexslider ul.flex-direction-nav li > a:hover {
background-color: transparent;
}
}
body.store-landing-page #landing-page-content .flexslider:hover ul.flex-direction-nav {
display: block;
}
body.store-landing-page #landing-page-content .social-shares {
text-align: center;
margin-bottom: 20px;
}
body.store-landing-page #landing-page-content .social-shares.light .share {
color: #EEE;
}
body.store-landing-page #landing-page-content .social-shares.light .share-btn {
color: #CCC;
}
body.store-landing-page #landing-page-content .social-shares.light .share-btn:hover {
color: #FFF;
}
body.store-landing-page #landing-page-content .social-shares .share {
margin: 0 5px 0 10px;
color: #999;
font-size: 12px;
}
body.store-landing-page #landing-page-content .social-shares .link-container {
position: relative;
display: inline-block;
}
body.store-landing-page #landing-page-content .social-shares .link {
position: absolute;
display: none;
line-height: 20px;
left: 50%;
background-color: #FFF;
margin-top: 12px;
padding: 15px;
color: #000;
z-index: 1;
width: 420px;
border: solid 1px #EEE;
}
@media (max-width: 767px) {
body.store-landing-page #landing-page-content .social-shares .link {
left: 0;
width: 100%;
max-width: 420px;
}
}
body.store-landing-page #landing-page-content .social-shares .link input {
border: solid 1px #AAA;
width: 100%;
padding: 5px;
}
body.store-landing-page #landing-page-content .social-shares .link .mobile-link a {
width: 100%;
display: block;
color: #333;
border: solid 1px #AAA;
background-color: #FFF;
overflow: hidden;
line-height: 24px;
height: 24px;
font-size: 14px;
text-align: left;
padding: 0 5px;
}
body.store-landing-page #landing-page-content .social-shares .share-btn {
color: #333;
font-size: 16px;
padding: 0 5px;
}
body.store-landing-page #landing-page-content .social-shares .share-btn.email {
font-size: 18px;
margin-top: -4px;
}
body.store-landing-page #landing-page-content .social-shares .share-btn.twitter {
font-size: 19px;
margin-top: -1px;
}
body.store-landing-page #landing-page-content .social-shares .share-btn.pinterest {
font-size: 18px;
margin-top: -1px;
}
body.store-landing-page #landing-page-content .social-shares .share-btn:focus, body.store-landing-page #landing-page-content .social-shares .share-btn:active {
box-shadow: none;
outline: none;
}
body.store-landing-page #landing-page-content .social-shares .share-btn:hover {
color: #000;
}
body.store-landing-page #landing-page-content .remaining {
font-size: 24px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
body.store-landing-page #landing-page-content .countdown {
text-align: center;
margin-bottom: 30px;
}
body.store-landing-page #landing-page-content .countdown .heading ul {
margin: 0 0 6px;
}
body.store-landing-page #landing-page-content .countdown .heading ul li {
font-size: 14px;
text-align: center;
margin: 0 2px;
padding: 0;
width: 100px;
}
body.store-landing-page #landing-page-content .countdown span {
position: relative;
background-color: #000;
font-size: 60px;
display: inline-block;
text-align: center;
line-height: 100px;
height: 100px;
width: 100px;
border-radius: 4px;
margin: 0 2px;
color: #FFF;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.store-landing-page #landing-page-content .countdown span:after {
content: "";
position: absolute;
top: 50%;
left: 0;
border-top: 1px solid #FFF;
width: 100%;
opacity: 0.3;
}
body.store-landing-page #landing-page-content .hidden-content {
display: none;
}
body.store-landing-page #landing-page-content .mktoForm {
background-color: #EBF4FD;
padding: 20px;
margin-bottom: 30px;
margin-left: 25%;
width: 50% !important;
}
body.store-landing-page #landing-page-content .mktoForm form {
width: 100% !important;
}
body.store-landing-page #landing-page-content .mktoForm label {
color: #026BE0;
width: 35% !important;
margin-bottom: 0 !important;
padding: 9px 10px 9px 0;
font-size: 14px;
}
body.store-landing-page #landing-page-content .mktoForm .mktoFormRow {
width: 100%;
margin-bottom: 15px;
clear: none !important;
}
body.store-landing-page #landing-page-content .mktoForm .mktoFormRow,
body.store-landing-page #landing-page-content .mktoForm .mktoFormCol,
body.store-landing-page #landing-page-content .mktoForm .mktoFieldWrap {
width: 100%;
}
body.store-landing-page #landing-page-content .mktoForm input,
body.store-landing-page #landing-page-content .mktoForm select,
body.store-landing-page #landing-page-content .mktoForm textarea {
display: block;
width: 65% !important;
height: 34px !important;
padding: 6px 12px !important;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 0px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
body.store-landing-page #landing-page-content .mktoForm textarea {
height: 100px !important;
}
body.store-landing-page #landing-page-content .mktoForm input[type=radio] {
width: auto !important;
border: none !important;
box-shadow: none;
}
body.store-landing-page #landing-page-content .mktoForm .mktoGutter,
body.store-landing-page #landing-page-content .mktoForm .mktoOffset {
max-width: 0;
}
body.store-landing-page #landing-page-content .mktoForm .mktoButtonRow {
width: 100%;
text-align: center;
margin-top: 40px;
}
body.store-landing-page #landing-page-content .mktoForm .mktoButtonWrap {
margin: 0 !important;
}
body.store-landing-page #landing-page-content .mktoForm .mktoButton {
width: 100%;
text-transform: uppercase;
text-align: center;
color: #FFF;
background-color: #006FBB;
display: inline-block;
margin-bottom: 0;
font-weight: normal;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 15px 12px !important;
max-width: 375px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 0px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (max-width: 768px) {
body.store-landing-page #landing-page-content .mktoForm {
width: 100% !important;
margin: 0 0 30px;
}
.woof_container_yith_product_brand {
border-top: 0px solid !important;
}
body.store-landing-page #landing-page-content .mktoForm input, body.store-landing-page #landing-page-content .mktoForm select, body.store-landing-page #landing-page-content .mktoForm label, body.store-landing-page #landing-page-content .mktoForm textarea {
width: 100% !important;
}
body.store-landing-page #landing-page-content .mktoForm .mktoButton {
width: 80%;
}
}
@media (max-width: 767px) {
body.store-landing-page #landing-page-content .remaining {
font-size: 18px;
margin-bottom: 3px;
}
body.store-landing-page #landing-page-content .countdown {
margin-bottom: 30px;
}
body.store-landing-page #landing-page-content .countdown .heading > ul {
margin-bottom: 5px;
}
body.store-landing-page #landing-page-content .countdown .heading > ul > li {
font-size: 10px;
width: 50px;
}
body.store-landing-page #landing-page-content .countdown span {
font-size: 30px;
line-height: 50px;
height: 50px;
width: 50px;
}
}
body.store-landing-page .tooltipster-default {
border: 1px solid #000 !important;
background: rgba(0, 0, 0, 0.9) !important;
font-size: 12px !important;
}
body.store_order_public .order-detail,
body.sylius_account_order_show .order-detail,
body.sylius_checkout_display .order-detail {
padding-top: 30px;
font-size: 13.5px;
}
body.store_order_public .order-detail > .header,
body.sylius_account_order_show .order-detail > .header,
body.sylius_checkout_display .order-detail > .header {
line-height: 1em;
}
body.store_order_public .order-detail > .header .number,
body.sylius_account_order_show .order-detail > .header .number,
body.sylius_checkout_display .order-detail > .header .number {
font-weight: normal;
margin: 0 0 10px 0;
font-size: 30px;
}
body.store_order_public .order-detail > .header .date,
body.sylius_account_order_show .order-detail > .header .date,
body.sylius_checkout_display .order-detail > .header .date {
margin-bottom: 28px;
}
body.store_order_public .order-detail > .header .contact,
body.sylius_account_order_show .order-detail > .header .contact,
body.sylius_checkout_display .order-detail > .header .contact {
margin-bottom: 28px;
}
body.store_order_public .order-detail > .status,
body.sylius_account_order_show .order-detail > .status,
body.sylius_checkout_display .order-detail > .status {
background: #F8F8F8;
border: solid 1px #E5E5E5;
padding: 20px 0 0;
margin-bottom: 28px;
}
@media (max-width: 767px) {
body.store_order_public .order-detail > .status,
body.sylius_account_order_show .order-detail > .status,
body.sylius_checkout_display .order-detail > .status {
padding: 15px;
}
}
body.store_order_public .order-detail > .status h4,
body.sylius_account_order_show .order-detail > .status h4,
body.sylius_checkout_display .order-detail > .status h4 {
margin: 0 0 20px 0;
font-weight: bold;
}
@media (min-width: 768px) {
body.store_order_public .order-detail > .status h4,
body.sylius_account_order_show .order-detail > .status h4,
body.sylius_checkout_display .order-detail > .status h4 {
padding-left: 20px;
}
}
body.store_order_public .order-detail > .status small,
body.sylius_account_order_show .order-detail > .status small,
body.sylius_checkout_display .order-detail > .status small {
font-size: 12px;
color: #999;
}
body.store_order_public .order-detail > .status svg,
body.sylius_account_order_show .order-detail > .status svg,
body.sylius_checkout_display .order-detail > .status svg {
vertical-align: middle;
margin-right: 5px;
}
body.store_order_public .order-detail > .status strong,
body.sylius_account_order_show .order-detail > .status strong,
body.sylius_checkout_display .order-detail > .status strong {
font-weight: normal;
}
body.store_order_public .order-detail > .status .status-shipping,
body.sylius_account_order_show .order-detail > .status .status-shipping,
body.sylius_checkout_display .order-detail > .status .status-shipping {
margin-bottom: 20px;
}
body.store_order_public .order-detail > .status .status-shipping .status-indicator,
body.sylius_account_order_show .order-detail > .status .status-shipping .status-indicator,
body.sylius_checkout_display .order-detail > .status .status-shipping .status-indicator {
padding-left: 20px;
}
@media (max-width: 767px) {
body.store_order_public .order-detail > .status .status-shipping,
body.sylius_account_order_show .order-detail > .status .status-shipping,
body.sylius_checkout_display .order-detail > .status .status-shipping {
margin-bottom: 0;
}
body.store_order_public .order-detail > .status .status-shipping .status-indicator,
body.sylius_account_order_show .order-detail > .status .status-shipping .status-indicator,
body.sylius_checkout_display .order-detail > .status .status-shipping .status-indicator {
padding: 0;
margin-bottom: 15px;
}
}
body.store_order_public .order-detail > .status .timeline,
body.sylius_account_order_show .order-detail > .status .timeline,
body.sylius_checkout_display .order-detail > .status .timeline {
border-top: solid 1px #E5E5E5;
margin: 0 -20px 0 -20px;
padding: 20px 0 10px 0;
position: relative;
}
@media (max-width: 767px) {
body.store_order_public .order-detail > .status .timeline,
body.sylius_account_order_show .order-detail > .status .timeline,
body.sylius_checkout_display .order-detail > .status .timeline {
margin-left: 0;
margin-right: 0;
}
}
body.store_order_public .order-detail > .status .timeline::before,
body.sylius_account_order_show .order-detail > .status .timeline::before,
body.sylius_checkout_display .order-detail > .status .timeline::before {
content: "";
background: #E5E5E5;
height: 100%;
width: 1px;
left: 200px;
top: 0;
position: absolute;
}
@media (min-width: 768px) and (max-width: 1199px) {
body.store_order_public .order-detail > .status .timeline::before,
body.sylius_account_order_show .order-detail > .status .timeline::before,
body.sylius_checkout_display .order-detail > .status .timeline::before {
left: 143px;
}
}
@media (max-width: 767px) {
body.store_order_public .order-detail > .status .timeline::before,
body.sylius_account_order_show .order-detail > .status .timeline::before,
body.sylius_checkout_display .order-detail > .status .timeline::before {
display: none;
}
}
body.store_order_public .order-detail > .status .timeline > .row,
body.sylius_account_order_show .order-detail > .status .timeline > .row,
body.sylius_checkout_display .order-detail > .status .timeline > .row {
margin-bottom: 10px;
}
body.store_order_public .order-detail > .status .timeline-toggle-btn,
body.sylius_account_order_show .order-detail > .status .timeline-toggle-btn,
body.sylius_checkout_display .order-detail > .status .timeline-toggle-btn {
width: auto;
margin: 0 -20px;
}
@media (max-width: 767px) {
body.store_order_public .order-detail > .status .timeline-toggle-btn,
body.sylius_account_order_show .order-detail > .status .timeline-toggle-btn,
body.sylius_checkout_display .order-detail > .status .timeline-toggle-btn {
margin-left: 0;
margin-right: 0;
}
}
body.store_order_public .order-detail > .order-info,
body.sylius_account_order_show .order-detail > .order-info,
body.sylius_checkout_display .order-detail > .order-info {
margin-bottom: 20px;
overflow: hidden;
}
body.store_order_public .order-detail > .order-info h5,
body.sylius_account_order_show .order-detail > .order-info h5,
body.sylius_checkout_display .order-detail > .order-info h5 {
line-height: 1em;
padding-bottom: 10px;
border-bottom: 1px solid #F0F0F0;
}
body.store_order_public .order-detail > .order-info address,
body.sylius_account_order_show .order-detail > .order-info address,
body.sylius_checkout_display .order-detail > .order-info address {
margin-bottom: 9px;
}
@media (max-width: 767px) {
body.store_order_public .order-detail > .order-info,
body.sylius_account_order_show .order-detail > .order-info,
body.sylius_checkout_display .order-detail > .order-info {
margin-bottom: 30px;
}
body.store_order_public .order-detail > .order-info address,
body.sylius_account_order_show .order-detail > .order-info address,
body.sylius_checkout_display .order-detail > .order-info address {
margin-bottom: 30px;
}
}
body.store_order_public .order-detail > .order-items,
body.sylius_account_order_show .order-detail > .order-items,
body.sylius_checkout_display .order-detail > .order-items {
margin-bottom: 50px;
}
body.store_order_public .order-detail > .order-items .order-items-table,
body.sylius_account_order_show .order-detail > .order-items .order-items-table,
body.sylius_checkout_display .order-detail > .order-items .order-items-table {
margin-bottom: 40px;
}
body.store_order_public .order-detail > .order-items .order-items-table td.unit-price,
body.sylius_account_order_show .order-detail > .order-items .order-items-table td.unit-price,
body.sylius_checkout_display .order-detail > .order-items .order-items-table td.unit-price {
color: #7D7D7D;
}
body.store_order_public .order-detail > .order-items .order-items-table th.unit-price, body.store_order_public .order-detail > .order-items .order-items-table td.unit-price,
body.sylius_account_order_show .order-detail > .order-items .order-items-table th.unit-price,
body.sylius_account_order_show .order-detail > .order-items .order-items-table td.unit-price,
body.sylius_checkout_display .order-detail > .order-items .order-items-table th.unit-price,
body.sylius_checkout_display .order-detail > .order-items .order-items-table td.unit-price {
width: 120px;
text-align: center;
vertical-align: middle;
}
body.store_order_public .order-detail > .order-items .order-items-table th.quantity, body.store_order_public .order-detail > .order-items .order-items-table td.quantity,
body.sylius_account_order_show .order-detail > .order-items .order-items-table th.quantity,
body.sylius_account_order_show .order-detail > .order-items .order-items-table td.quantity,
body.sylius_checkout_display .order-detail > .order-items .order-items-table th.quantity,
body.sylius_checkout_display .order-detail > .order-items .order-items-table td.quantity {
width: 120px;
text-align: center;
vertical-align: middle;
}
body.store_order_public .order-detail > .order-items .order-items-table th.quantity a.remove, body.store_order_public .order-detail > .order-items .order-items-table td.quantity a.remove,
body.sylius_account_order_show .order-detail > .order-items .order-items-table th.quantity a.remove,
body.sylius_account_order_show .order-detail > .order-items .order-items-table td.quantity a.remove,
body.sylius_checkout_display .order-detail > .order-items .order-items-table th.quantity a.remove,
body.sylius_checkout_display .order-detail > .order-items .order-items-table td.quantity a.remove {
font-size: 11px;
margin-top: 6px;
color: #999;
display: block;
}
body.store_order_public .order-detail > .order-items .order-items-table th.quantity .input-group-btn > .btn, body.store_order_public .order-detail > .order-items .order-items-table td.quantity .input-group-btn > .btn,
body.sylius_account_order_show .order-detail > .order-items .order-items-table th.quantity .input-group-btn > .btn,
body.sylius_account_order_show .order-detail > .order-items .order-items-table td.quantity .input-group-btn > .btn,
body.sylius_checkout_display .order-detail > .order-items .order-items-table th.quantity .input-group-btn > .btn,
body.sylius_checkout_display .order-detail > .order-items .order-items-table td.quantity .input-group-btn > .btn {
border-radius: 50%;
padding: 0;
width: 18px;
height: 18px;
margin: 0 5px;
font-size: 17px;
line-height: 0;
}
body.store_order_public .order-detail > .order-items .order-items-table th.quantity .input-group-btn > .btn:focus, body.store_order_public .order-detail > .order-items .order-items-table td.quantity .input-group-btn > .btn:focus,
body.sylius_account_order_show .order-detail > .order-items .order-items-table th.quantity .input-group-btn > .btn:focus,
body.sylius_account_order_show .order-detail > .order-items .order-items-table td.quantity .input-group-btn > .btn:focus,
body.sylius_checkout_display .order-detail > .order-items .order-items-table th.quantity .input-group-btn > .btn:focus,
body.sylius_checkout_display .order-detail > .order-items .order-items-table td.quantity .input-group-btn > .btn:focus {
outline: none;
}
body.store_order_public .order-detail > .order-items .order-items-table th.quantity input, body.store_order_public .order-detail > .order-items .order-items-table td.quantity input,
body.sylius_account_order_show .order-detail > .order-items .order-items-table th.quantity input,
body.sylius_account_order_show .order-detail > .order-items .order-items-table td.quantity input,
body.sylius_checkout_display .order-detail > .order-items .order-items-table th.quantity input,
body.sylius_checkout_display .order-detail > .order-items .order-items-table td.quantity input {
text-align: center;
box-shadow: none;
height: 40px;
}
body.store_order_public .order-detail > .order-items .order-items-table th.total, body.store_order_public .order-detail > .order-items .order-items-table td.total,
body.sylius_account_order_show .order-detail > .order-items .order-items-table th.total,
body.sylius_account_order_show .order-detail > .order-items .order-items-table td.total,
body.sylius_checkout_display .order-detail > .order-items .order-items-table th.total,
body.sylius_checkout_display .order-detail > .order-items .order-items-table td.total {
width: 120px;
vertical-align: middle;
font-weight: bold;
}
body.store_order_public .order-detail > .order-items .order-items-table th.total del, body.store_order_public .order-detail > .order-items .order-items-table td.total del,
body.sylius_account_order_show .order-detail > .order-items .order-items-table th.total del,
body.sylius_account_order_show .order-detail > .order-items .order-items-table td.total del,
body.sylius_checkout_display .order-detail > .order-items .order-items-table th.total del,
body.sylius_checkout_display .order-detail > .order-items .order-items-table td.total del {
font-weight: normal;
font-size: 11px;
}
body.store_order_public .order-detail > .order-items .order-items-table th.total ins, body.store_order_public .order-detail > .order-items .order-items-table td.total ins,
body.sylius_account_order_show .order-detail > .order-items .order-items-table th.total ins,
body.sylius_account_order_show .order-detail > .order-items .order-items-table td.total ins,
body.sylius_checkout_display .order-detail > .order-items .order-items-table th.total ins,
body.sylius_checkout_display .order-detail > .order-items .order-items-table td.total ins {
text-decoration: none;
}
@media (max-width: 767px) {
body.store_order_public .order-detail > .order-items .order-items-table,
body.sylius_account_order_show .order-detail > .order-items .order-items-table,
body.sylius_checkout_display .order-detail > .order-items .order-items-table {
margin-bottom: 30px;
}
body.store_order_public .order-detail > .order-items .order-items-table tr,
body.sylius_account_order_show .order-detail > .order-items .order-items-table tr,
body.sylius_checkout_display .order-detail > .order-items .order-items-table tr {
position: relative;
display: block;
}
body.store_order_public .order-detail > .order-items .order-items-table td.quantity,
body.sylius_account_order_show .order-detail > .order-items .order-items-table td.quantity,
body.sylius_checkout_display .order-detail > .order-items .order-items-table td.quantity {
padding: 0;
display: block;
border: none;
position: absolute;
left: 110px;
bottom: 10px;
width: 70px;
}
body.store_order_public .order-detail > .order-items .order-items-table td.quantity .select-wrapper,
body.sylius_account_order_show .order-detail > .order-items .order-items-table td.quantity .select-wrapper,
body.sylius_checkout_display .order-detail > .order-items .order-items-table td.quantity .select-wrapper {
margin: 0;
border-color: #999;
}
}
body.store_order_public .order-detail > .order-items .order-items-table > thead,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > thead,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > thead {
border-bottom: 1px solid #F0F0F0;
padding-top: 7px;
padding-bottom: 7px;
font-weight: bold;
font-size: 14px;
}
body.store_order_public .order-detail > .order-items .order-items-table > thead > tr > th,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > thead > tr > th,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > thead > tr > th {
font-weight: bold;
border: none;
padding: 0 0 12px;
}
body.store_order_public .order-detail > .order-items .order-items-table > tbody > tr > td,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > tbody > tr > td,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > tbody > tr > td {
border-top: none;
border-bottom: solid 1px #F0F0F0;
padding: 20px 0;
}
body.store_order_public .order-detail > .order-items .order-items-table > tbody > tr > td .media,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > tbody > tr > td .media,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > tbody > tr > td .media {
display: table;
margin: 0;
}
body.store_order_public .order-detail > .order-items .order-items-table > tbody > tr > td .media .product-image,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > tbody > tr > td .media .product-image,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > tbody > tr > td .media .product-image {
margin-right: 13px;
}
body.store_order_public .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-object,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-object,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-object {
width: 100px;
height: auto;
}
@media (max-width: 767px) {
body.store_order_public .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-object,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-object,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-object {
width: 80px;
}
}
body.store_order_public .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body {
display: table-cell;
}
body.store_order_public .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .brand, body.store_order_public .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .brand > a,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .brand,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .brand > a,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .brand,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .brand > a {
font-weight: 600;
white-space: nowrap;
line-height: 1em;
margin-top: 0;
margin-bottom: 5px;
font-size: 13.5px;
}
@media (max-width: 767px) {
body.store_order_public .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .brand, body.store_order_public .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .brand > a,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .brand,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .brand > a,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .brand,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .brand > a {
margin-top: 5px;
}
}
body.store_order_public .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .name, body.store_order_public .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .name > a,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .name,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .name > a,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .name,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .name > a {
font-weight: normal;
margin: 0 0 9px 0;
line-height: 1.2em;
font-size: 14.5px;
color: #7D7D7D;
}
body.store_order_public .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .options,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .options,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .options {
margin-bottom: 7px;
font-size: 12.5px;
}
body.store_order_public .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .mobile-qty,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .mobile-qty,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .mobile-qty {
margin: 25px 0 0;
font-size: 11px;
vertical-align: middle;
}
body.store_order_public .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .mobile-price,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .mobile-price,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .mobile-price {
float: right;
}
@media (max-width: 767px) {
body.store_order_public .order-detail > .order-items .order-items-table > tbody > tr > td,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > tbody > tr > td,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > tbody > tr > td {
padding: 15px 0;
}
body.store_order_public .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-object,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-object,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-object {
width: 65px;
}
body.store_order_public .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .options,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .options,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .options {
margin-bottom: 4px;
}
body.store_order_public .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .brand a,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .brand a,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .brand a {
font-size: 12.5px;
}
body.store_order_public .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .brand .remove-area,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .brand .remove-area,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .brand .remove-area {
float: right;
font-size: 11.5px;
text-transform: none;
color: #999;
}
body.store_order_public .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .name,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .name,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .name {
margin-bottom: 8px;
}
body.store_order_public .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .name a,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .name a,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .name a {
font-size: 13.5px;
}
body.store_order_public .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .options,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .options,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .options {
margin-bottom: 8px;
}
body.store_order_public .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .price,
body.sylius_account_order_show .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .price,
body.sylius_checkout_display .order-detail > .order-items .order-items-table > tbody > tr > td .media .media-body .price {
float: right;
font-size: 13.5px;
font-weight: bold;
}
}
body.store_order_public .order-detail > .order-items .summary,
body.sylius_account_order_show .order-detail > .order-items .summary,
body.sylius_checkout_display .order-detail > .order-items .summary {
font-size: 13.5px;
}
body.store_order_public .order-detail > .order-items .summary tr:first-child th,
body.sylius_account_order_show .order-detail > .order-items .summary tr:first-child th,
body.sylius_checkout_display .order-detail > .order-items .summary tr:first-child th {
border: none;
}
body.store_order_public .order-detail > .order-items .summary th, body.store_order_public .order-detail > .order-items .summary td,
body.sylius_account_order_show .order-detail > .order-items .summary th,
body.sylius_account_order_show .order-detail > .order-items .summary td,
body.sylius_checkout_display .order-detail > .order-items .summary th,
body.sylius_checkout_display .order-detail > .order-items .summary td {
border-top: 1px solid #F0F0F0;
padding: 12px;
}
body.store_order_public .order-detail > .order-items .summary th.header, body.store_order_public .order-detail > .order-items .summary td.header,
body.sylius_account_order_show .order-detail > .order-items .summary th.header,
body.sylius_account_order_show .order-detail > .order-items .summary td.header,
body.sylius_checkout_display .order-detail > .order-items .summary th.header,
body.sylius_checkout_display .order-detail > .order-items .summary td.header {
font-weight: bold;
}
body.store_order_public .order-detail > .order-items .summary th small, body.store_order_public .order-detail > .order-items .summary td small,
body.sylius_account_order_show .order-detail > .order-items .summary th small,
body.sylius_account_order_show .order-detail > .order-items .summary td small,
body.sylius_checkout_display .order-detail > .order-items .summary th small,
body.sylius_checkout_display .order-detail > .order-items .summary td small {
font-weight: normal;
}
body.store_order_public .order-detail > .order-items .summary tr.total th, body.store_order_public .order-detail > .order-items .summary tr.total td,
body.store_order_public .order-detail > .order-items .summary tr.total-in-usd th,
body.store_order_public .order-detail > .order-items .summary tr.total-in-usd td,
body.sylius_account_order_show .order-detail > .order-items .summary tr.total th,
body.sylius_account_order_show .order-detail > .order-items .summary tr.total td,
body.sylius_account_order_show .order-detail > .order-items .summary tr.total-in-usd th,
body.sylius_account_order_show .order-detail > .order-items .summary tr.total-in-usd td,
body.sylius_checkout_display .order-detail > .order-items .summary tr.total th,
body.sylius_checkout_display .order-detail > .order-items .summary tr.total td,
body.sylius_checkout_display .order-detail > .order-items .summary tr.total-in-usd th,
body.sylius_checkout_display .order-detail > .order-items .summary tr.total-in-usd td {
border-top: none;
background: #F0F0F0;
font-weight: bold;
}
body.store_order_public .order-detail > .order-items .summary tr > *:last-child,
body.sylius_account_order_show .order-detail > .order-items .summary tr > *:last-child,
body.sylius_checkout_display .order-detail > .order-items .summary tr > *:last-child {
min-width: 135px;
}
body.sylius_account_order_show .order-detail {
padding-top: 0;
}
.admin-bar #site-header-wrapper.sticky #site-header {
top: 32px;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
float: none !important;
padding-top: 0px;
display: table;
width: 100%;
}
.text-right {
float: right;
}
.woocommerce-message {
width: 100% !important;
}
.cart_list.product_list_widget {
list-style: none;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
width: 65px !important;
float: left !important;
margin-left: 0px !important;
margin-right: 10px;
}
.product_img_title a {
color: #000;
font-weight: bold;
margin-bottom: 5px;
font-size: 12.5px;
float: left;
width: 200px;
clear: both;
}
#header-mini-cart .order-total {
font-size: 15.5px;
margin: 20px 0 15px;
}
#header-mini-cart .order-total strong .woocommerce-Price-currencySymbol {
margin-right: 5px;
}
#header-mini-cart .order-total strong .woocommerce-Price-currencySymbol,
#header-mini-cart .order-total strong .woocommerce-Price-amount {
color: #000;
}
#header-mini-cart .order-total span {
color: #999;
margin-right: 10px;
}
#header-mini-cart .row .button.wc-forward {
margin-right: 0px;
display: table;
float: left;
background: #000;
border: solid 1px #000;
}
#header-mini-cart .row .button.wc-forward.checkout {
background: #006FBB;
margin-left: 0px;
margin-right: 0px;
float: right;
border: solid 1px #006FBB;
}
#header-mini-cart .row .button {
background: #006FBB;
border: solid 1px #006FBB;
color: #FFF;
text-transform: uppercase;
padding: 12px 12px;
font-size: 13px;
border-radius: 0;
font-weight: normal;
}
#header-mini-cart .row {
clear: both;
width: 100%;
margin: 0px;
}
#header-mini-cart-component {
display: none;
}
#yith-ajaxsearchform select, input[type="search"] {
margin-bottom: 0px !important;
}
#yith-ajaxsearchform input[type="search"] {
background: none !important;
background-repeat: no-repeat !important;
background-position: 76% center !important;
}
.autocomplete-suggestion .title {
font-size: 13px;
color: #000 !important;
line-height: 20px;
}
.autocomplete-suggestion {
padding: 8px 15px;
display: table;
width: 100%;
}
.product-box.catalog.product {
display: none;
}
.yith-wcbr-brands {
margin-top: 0px !important;
}
.woocommerce-LoopProduct-link.picture {
margin-bottom: 15px !important;
line-height: inherit !important;
}
html.swipebox-touch #swipebox-container:after, html.swipebox-touch #swipebox-container:before {
display: none !important;
}
.woocommerce div.product span.price {
font-size: 16px;
font-weight: bold;
color: #000 !important;
}
.wsmsb_title {
float: left;
margin: 0px;
font-size: 13px;
font-weight: normal;
padding-top: 2px;
padding-right: 10px;
}
.sku_wrapper, .posted_in {
clear: both;
display: table;
width: 100%;
font-size: 13px;
}
#product-summary-content .variations select:focus {
outline: none;
}
#product-summary-content .variations select {
padding: 10px;
font-size: 13px;
}
#product-summary-content .variations .label label {
color: #000;
padding: 0px 0 5px 0;
margin: 0;
}
#product-summary-content .variations .label {
display: block;
}
.woocommerce div.product form.cart .variations {
margin-bottom: 0 !important;
}
.woocommerce div.product form.cart .variations select {
min-width: 160px !important;
padding: 13px !important;
}
.woocommerce div.product form.cart .variations td {
display: table;
width: 100%;
text-align: left;
margin-bottom: 0;
}
.woocommerce span.onsale {
display: none;
}
.regular-price del {
font-weight: normal;
}
.regular-price ins {
text-decoration: none;
color: #C5281C;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background: #000 !important;
width: 10px !important;
height: 10px !important;
top: 0px !important;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background: #000 !important;
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
height: 4px !important;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background: #f0f0f0 !important;
}
.yith-wcbr-brand-filter.default h3,
.widgettitle {
text-align: left !important;
padding: 17px 0 13px !important;
font-size: 15px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.sidebar-primary .widget_price_filter {
border-top: solid 1px #F0F0F0;
border-bottom: solid 1px #F0F0F0;
padding-bottom: 20px;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
width: inherit !important;
float: inherit !important;
}
.woocommerce table.shop_table {
border: 0px solid !important;
}
.woocommerce-cart-form__cart-item .plusminus {
background: #fff;
border: 1px solid #ccc;
border-radius: 50%;
padding: 0;
width: 18px;
height: 18px;
margin: 0 5px;
font-size: 17px;
line-height: 0;
}
.woocommerce-cart-form__cart-item input.qty {
text-align: center;
box-shadow: none;
height: 40px;
border: 1px solid #E0E0E0;
margin: 0px 10px !important;
min-width: 84px;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
margin-bottom: 20px !important;
padding: 20px !important;
font-weight: normal !important;;
font-size: 14px !important;;
text-transform: uppercase !important;;
background: #006FBB !important;;
border: none !important;
border-radius: 0px !important;
}
.cart_totals {
background: #F0F0F0;
padding: 12px 15px 5px;
border: solid 1px #E0E0E0;
box-sizing: border-box;
width: 100%;
margin-bottom: 20px;
font-size: 13px;
}
.cart_totals h2 {
font-weight: bold;
margin-top: 3px;
margin-bottom: 15px;
font-size: 16px;
border-bottom: 1px solid #E0E0E0;
}
.woocommerce-cart table.cart img {
width: 100px !important;
}
#product-summary-content {
min-width: 450px;
}
.select2-container--default .select2-selection--single {
border: 0px solid !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 22px !important;
}
.select2-selection__rendered, .input-text {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
color: #000;
background-color: #fff;
background-image: none;
border: 1px solid #E0E0E0;
border-radius: 0;
}
.autocomplete-suggestion img {
height: inherit;
}
#products-container {
display: flex;
flex-wrap: wrap;
}
ul.product-categories {
list-style: none;
margin-left: 0;
padding-left: 0px;
}
.widget_yith_wcbr_brands_filter {
border-top: solid 1px #F0F0F0;
}
.sidebar-primary {
display: none;
}
.container-fluid.page-container .woocommerce {
display: table;
width: 100%;
clear: both;
}
.woocommerce-MyAccount-navigation {
margin-right: 10px;
}
.related.products #products-container .product-wrapper {
width: 25%;
}
.related.products #products-container {
width: 100%;
}
.woocommerce-cart .quantity.buttons_added .plusminus.minus {
float: left;
margin-top: 10px;
}
.woocommerce-cart .quantity.buttons_added .qty {
float: left;
}
.woocommerce-cart .quantity.buttons_added .plusminus.plus {
float: left;
margin-top: 10px;
}
.woocommerce-cart .quantity.buttons_added {
min-width: 140px;
}
.mobile-header .yith-ajaxsearchform-container .submit-btn:before {
content: 'ÃƒÂÃ…Â¸ÃƒÂÃ‚Â¾ÃƒÂÃ‚Â¸Ãƒâ€˜Ã‚ÂÃƒÂÃ‚Âº';
}
.header_info_menu {
display: flex;
align-items: center;
margin-left: auto;
margin-right: 24px; }
.header_info_menu ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: flex-start;
}
.mobile-languages-switcher {
margin-top: 20px;
}
.mobile-languages-switcher ul {
margin: 0 15px;
display: flex;
}
#slide-menu .mobile-languages-switcher ul > li > a {
padding: 0;
}
.header_info_menu ul.nav-list li a {
padding-left: 26px;
padding-right: 26px;
}
.header_info_menu .lang-item:not(:last-child),
.mobile-languages-switcher .lang-item:not(:last-child) {
padding-right: 10px;
border-right: 1px solid black;
}
.header_info_menu .lang-item:last-child,
.mobile-languages-switcher .lang-item:last-child {
padding-left: 10px;
}
.reset_button {
-webkit-appearance: none;
box-shadow: none;
-webkit-box-shadow: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-appearance: none;
outline: none;
border: none;
background: none;
margin: 0;
padding: 0;
text-decoration: none;
}
.open_search_button { margin-right: 25px;
}
.header__hidden_search {
position: absolute;
width: 100%;
background-color: #ffffff;
left: 0;
z-index: 1;
padding: 20px 40px 26px 40px;
box-shadow: -2px 0px 14px rgb(173 181 189 / 30%);
opacity: 0;
visibility: hidden;
z-index: -1;
}
.header__hidden_search.open {
opacity: 1;
visibility: visible;
z-index: 10;
}
.ani {
transition-duration: 0.5s;
transition-property: all;
transition-timing-function: linear;
}
.ani {
transition-duration: 0.5s;
transition-property: all;
transition-timing-function: linear;
}
#yith-ajaxsearchform {
position: relative;
}
#yith-ajaxsearchform input[type="search"] {
webkit-appearance: none;
box-shadow: none;
-webkit-box-shadow: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
border: none;
background: none;
margin: 0;
padding: 0;
}
#yith-ajaxsearchform input[type="search"] {
width: 100%;
padding: 0px 32px 20px 0px;
border-bottom: solid 1px #D8D8D8;
font-family: 'SFUIDisplay-Light'; font-size: 17px;
line-height: 20px;
color: #888888;
}
.header__hidden_search:before {
content: "";
position: absolute;
top: -9px;
right: 35px;
border-bottom: 14px solid #fff;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
#yith-ajaxsearchform button.submit-btn {
-webkit-appearance: none;
box-shadow: none;
-webkit-box-shadow: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-appearance: none;
outline: none;
border: none;
background: none;
margin: 0;
padding: 0;
text-decoration: none;
}
#yith-ajaxsearchform button.submit-btn {
position: absolute;
top: 0;
right: 0;
}
.mobile-header .yith-ajaxsearchform-container .sprite.sprite-search {
display: none;
}
.mobile-search-form.open .yith-s {
width: 80%;
float: left;
}
.woof_products_top_panel {
display: none !important;
}
.woof_search_is_going #catalog-header div {
display: none;
}
.woof_block_html_items ul li label {
font-weight: normal;
}
.woof_block_html_items ul li,
.woof_block_html_items ul {
margin-left: 0px !important;
padding: 0px;
font-weight: normal;
}
div.woof_info_popup {
display: none !important;
}
.ywcca_category_accordion_widget {
padding-left: 0px !important;
}
.widget_product_categories .children {
margin-left: 0;
padding-left: 0px;
}
.widget_product_categories ul li:before {
display: none;
}
.widget_product_categories {
border-bottom: solid 1px #F0F0F0;
padding-bottom: 20px;
}
.woof_container_yith_product_brand:before {
content: 'ÃƒÂÃ‚Â¤ÃƒÂÃ‚Â¸ÃƒÂÃ‚Â»Ãƒâ€˜Ã…â€™Ãƒâ€˜Ã¢â‚¬Å¡Ãƒâ€˜Ã¢â€šÂ¬ ÃƒÂÃ‚Â¿ÃƒÂÃ‚Â¾ ÃƒÂÃ‚Â±Ãƒâ€˜Ã¢â€šÂ¬ÃƒÂÃ‚ÂµÃƒÂÃ‚Â½ÃƒÂÃ‚Â´ÃƒÂÃ‚Â°ÃƒÂÃ‚Â¼';
font-weight: bold;
text-align: left !important;
padding: 17px 0 13px !important;
font-size: 15px !important;
display: table;
width: 100%;
}
.woof_container_product_cat:before {
content: 'ÃƒÂÃ‚Â¤ÃƒÂÃ‚Â¸ÃƒÂÃ‚Â»Ãƒâ€˜Ã…â€™Ãƒâ€˜Ã¢â‚¬Å¡Ãƒâ€˜Ã¢â€šÂ¬ ÃƒÂÃ‚Â¿ÃƒÂÃ‚Â¾ ÃƒÂÃ‚ÂºÃƒÂÃ‚Â°Ãƒâ€˜Ã¢â‚¬Å¡ÃƒÂÃ‚ÂµÃƒÂÃ‚Â³ÃƒÂÃ‚Â¾Ãƒâ€˜Ã¢â€šÂ¬ÃƒÂÃ‚Â¸Ãƒâ€˜Ã‚ÂÃƒÂÃ‚Â¼';
font-weight: bold;
text-align: left !important;
padding: 17px 0 13px !important;
font-size: 15px !important;
display: table;
width: 100%;
}
.woof_container_yith_product_brand {
border-top: solid 1px #F0F0F0;
padding-bottom: 20px;
}
.woof_submit_search_form_container {
display: none;
}
table.cart td.product-remove a.remove:hover {
background: none;
}
.checkout-right-section {
margin-bottom: 40px;
}
#toolbar .text-right {
position: relative;
z-index: 1;
}
.widget_product_categories li.current-cat.cat-parent > a,
.widget_product_categories li.current-cat > a {
font-weight: bold;
font-family: 'SFUIDisplay-Bold';
color: #000;
display: none !important;
}
.widget_product_categories li.current-cat ul li a {
font-weight: 100;
}
.woocommerce-message {
display: none !important;
}
.tinv-header {
display: none;
}
.woocommerce.tinv-wishlist button.button.alt {
padding: 13px !important;
margin-top: 0px;
margin-bottom: 0px !important;
}
.tinv-wishlist table th {
padding: 9px 12px !important;
}
.tinv-wishlist .product-thumbnail .wp-post-image {
max-width: 3.706325903em !important;
}
.tinv-wishlist table td {
padding: 6px 12px !important;
border-top: 1px solid rgba(0, 0, 0, .1);
}
.tinvwl-table-manage-list tfoot td {
padding-top: 20px !important;
}
.product-form .tinv-wishlist.woocommerce {
padding-bottom: 0px;
}
.tinv-wishlist.woocommerce {
padding-bottom: 40px;
}
.checkout.woocommerce-checkout {
margin-bottom: 30px;
}
.customer-care.list-inline {
margin-left: -10px !important;
padding-left: 0px !important;
margin-top: 15px !important;
}
.woocommerce div.product form.cart div.quantity {
display: flex;
} input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
.single-product div.product .product_meta {
border-top: 0px solid;
padding-top: 0;
}
.woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after {
content: '' !important;
}
.woo-social-buttons {
display: flex;
}
.smsb_vkontakte {
order: 1;
}
.smsb_facebook {
order: 2;
}
.smsb_twitter {
order: 3;
}
.smsb_googleplus {
order: 4;
}
.smsb_email {
order: 5;
}
.woocommerce table.shop_table td.actions {
padding-top: 10px !important;
}
.product-quantity a.remove:before {
content: '' !important;
display: none !important;
}
.woocommerce .product-quantity a.remove:hover {
background: none !important;
color: #999 !important;
}
.woocommerce .product-quantity a.remove {
width: 125px !important;
height: inherit !important;
font-size: 11px !important;
margin-top: 6px !important;
color: #999 !important;
display: block !important;
font-weight: normal !important;
text-indent: 1px !important;
}
table.cart .product-thumbnail img {
max-width: inherit !important;
}
.after_loop ul.page-numbers {
margin-bottom: 50px;
}
body {
display: flex !important;
flex-direction: column !important;
min-height: 100vh !important;
}
.container-fluid {
width: 100%;
flex: 1;
}
.after_loop {
display: table;
width: 100%;
}
#customer_details + #wc_checkout_add_ons, #order_review, #order_review_heading {
width: 100%;
}
#order_review_heading {
margin: 0 0 13px;
font-weight: bold;
font-size: 16px;
padding-bottom: 0;
}
.product-table.shop_table tfoot th {
border-top: solid 0px #F0F0F0 !important;
border-bottom: solid 1px #F0F0F0;
font-weight: normal !important;
}
.product-table.shop_table tfoot tr.order-total th {
font-weight: 700 !important;
font-size: 17px;
}
.product-table.shop_table tfoot td {
text-align: right;
font-weight: normal !important;
}
.product-table.shop_table tfoot .grand-total th {
border-bottom: 0px solid !important;
}
.product-table .product-total,
.product-table .product-name {
padding: 0px !important;
border-bottom: solid 1px #F0F0F0;
}
.product-table.shop_table tfoot .grand-total td {
border-bottom: 0px solid !important;
}
.woocommerce-checkout .container-fluid.page-container {
max-width: 1170px;
}
.common {
background-color: #222;
height: 40px;
color: white;
position: relative;
z-index: 990;
font-size: 13px;
}
.common .lang a {
display: flex;
align-items: center;
height: 40px;
width: 100%;
text-align: center;
}
.common .lang img {
width: 30px;
height: auto;
margin: auto;
}
.common > *.lang {
width: 90px;
border-right: 1px solid #5f5f5f;
}
.common > *.phone {
padding: 13px 3px 10px 35px;
line-height: 15px;
position: relative;
cursor: pointer;
background: url(//perou.store/wp-content/themes/perou/images/phone.png) no-repeat 10px center;
background-size: 18px 18px;
}
.common > * {
float: left;
height: 40px;
position: relative;
}
.common > * > span {
border-bottom: 1px dashed #929292;
line-height: 15px;
display: block;
}
.common > *.phone a,
.common > *.shop a {
color: #fff;
border-bottom: 1px dashed #929292;
font-size: 13px;
}
.common > *.whours {
padding: 13px 13px 10px 13px;
line-height: 15px;
}
table.shop_table_responsive.woocommerce-cart-form__contents tr th {
text-align: center;
}
table.shop_table_responsive tr.cart_item td {
text-align: center;
}
.common > *.whours:before {
width: 18px;
height: 18px;
background: white url(//perou.store/wp-content/themes/perou/images/clock.gif) no-repeat center center;
background-size: 18px 18px;
float: left;
display: block;
content: '';
margin: -2px 4px 0 0;
border-radius: 50%;
}
.common > *.shop {
padding: 13px 13px 10px 32px;
line-height: 15px;
cursor: pointer;
background: url(//perou.store/wp-content/themes/perou/images/location.png) no-repeat 10px center;
background-size: 20px 20px;
}
.woocommerce-billing-fields .chosen-container {
font-size: 9px;
}
.woocommerce-billing-fields .chosen-container-single .chosen-single {
padding: 1px 0 31px 8px;
}
.woocommerce-billing-fields .chosen-container .chosen-results li {
font-size: 13px;
}
.woocommerce-billing-fields .chosen-container-single .chosen-single div b {
background-position: 0 6px !important;
}
@media (max-width: 768px) and  (min-width: 768px) {
.select-wrapper {
width: 100%;
}
#site-header #site-header-desktop .user-section #header-mini-cart-component > a > span {
display: none;
}
#site-header #site-header-desktop .user-section #header-mini-cart-component > a > span.sprite {
display: inline-block;
}
#site-header #site-header-desktop .navigation-section .logo img {
width: 100px;
}
#site-header #site-header-desktop .navigation-section .logo {
min-width: 100px;
padding: 19px 5px 19px 0px;
}
#site-header #site-header-desktop > div.site-header-desktop-section > ul > li > a {
padding: 30px 10px 31px;
}
#site-header #site-header-desktop > div.site-header-desktop-section.search-section {
max-width: 150px;
}
}
@media (min-width: 1024px) {
#site-header {
padding-right: 30px;
}
#products-container {
padding-right: 0;
}
#toolbar .text-right {
padding-right: 30px;
}
}
@media (max-width: 1024px) and  (min-width: 1024px) {
#site-header #site-header-desktop > div.site-header-desktop-section.search-section {
max-width: 200px;
}
}
@media screen and (max-width: 767px) {
.woocommerce-billing-fields .chosen-container-single .chosen-single {
max-width: 320px;
}
#woocommerce_price_filter-2 {
margin-bottom: 20px;
}
#toolbar {
margin-left: 0px;
margin-right: 0px;
}
.mobile-menu-open {
width: 17%;
}
#toolbar .text-right {
padding: 0 5px 0 0;
}
#slide-menu #slide-menu-footer {
padding-top: 20px;
}
.flexslider ol + ol {
display: none !important;
}
body.product-template-default #gallery .holder .flexslider .flex-control-nav {
position: absolute;
bottom: -20px;
}
.related.products #products-container .product-wrapper {
width: 50%;
}
#product-summary-content {
min-width: 100%;
}
.related.products #products-container .product-wrapper:nth-child(4n+4),
.related.products #products-container .product-wrapper:nth-child(3n+3) {
display: none;
}
table.cart .product-quantity .quantity-wrapper {
float: right;
}
.woocommerce .product-quantity a.remove {
clear: both;
float: right;
width: 150px !important;
}
.woocommerce-cart-form__cart-item.cart_item .product-quantity a.remove {
max-width: 140px;
}
#customer_details {
width: 100% !important;
padding: 0 10px;
}
.woocommerce table.shop_table_responsive tr td.product-quantity {
display: table;
width: 100%;
}
.product .container {
padding: 0px;
}
body.product-template-default #gallery .holder {
padding: 0px;
}
.product #product-summary {
padding: 0px;
}
.container-fluid.page-container {
padding: 0px 5px;
}
table.cart .product-quantity .minus, table.cart .product-quantity .plus, table.cart .product-thumbnail:before {
display: block;
}
body.store_product_show .customer-care > li.first {
padding-bottom: 10px;
}
#product-summary {
width: 100% !important;
}
body.product-template-default #product-summary .offers {
text-align: center;
}
body.product-template-default #gallery .holder .flexslider {
margin-bottom: 30px;
}
.single-product div.product .product_meta {
text-align: center;
}
.woo-social-buttons {
display: table;
margin: 10px auto !important;
}
.product-form .quantity-wrapper {
display: table;
margin: 0 auto 20px;
}
.tinvwl_add_to_wishlist_button {
display: table !important;
margin: 15px auto 0;
}
#products-container {
padding: 0px;
}
.common > *.lang {
width: 40px;
}
.common > *.whours:before {
display: none;
}
.common > *.shop,
.common > *.phone {
padding: 13px 3px 10px 15px;
background: none;
}
.mobile-search-form.open .yith-s {
width: calc(100% - 70px);
border-radius: 0px !important;
border: 2px solid #000 !important;
}
}
@media screen and (max-width: 374px) {
.common > *.lang {
width: 40px;
}
.common > *.whours:before {
display: none;
}
.common > *.shop,
.common > *.phone {
padding: 13px 3px 10px 15px;
background: none;
}
}
.malinky-ajax-pagination-loading {
display: none !important;
}
ul.order_details li {
padding: 1em 1.618em !important;
}
.woocommerce ul.order_details {
display: table;
margin: 0 0 20px !important;
list-style: none;
padding-left: 0;
}
ul.order_details li:first-child {
padding-left: 0px !important;
}
@media screen and (max-width: 767px) {
ul.order_details li:first-child {
padding-left: 5px !important;
}
.woocommerce ul.order_details li {
margin-right: 0px !important;
}
#checkout-progressbar {
display: none;
}
.woocommerce-billing-fields h3 {
margin-top: 0px;
}
.home .row {
margin-left: -5px !important;
margin-right: -5px !important;
}
body.store_homepage #mobile-homepage-banner {
margin: 0px -5px;
}
}
.wishlist_item .product-name .variation {
display: none;
}
.tinv-modal-open {
display: none !important;
}
.woocommerce-cart-form__cart-item.cart_item .quantity-wrapper {
display: table;
margin: 0 auto;
}
.woocommerce-cart-form__cart-item.cart_item .product-quantity a.remove {
width: 100% !important;
text-align: center !important;
}
.woocommerce ul#shipping_method li input {
float: left;
}
#billing_email_field {
float: left;
}
#billing_phone_field {
float: right;
clear: inherit;
}
.woocommerce-shipping-fields h3 {
display: none;
}
.button.product_type_variable.add_to_cart_button {
display: none;
}
body.product-template-default .product-form .add-button.added,
.woocommerce .add_to_cart_button.added,
.woocommerce .ajax_add_to_cart.added {
background: #5cb85c !important;
}
body.product-template-default .product-form .add-button.loading:after {
font-family: WooCommerce;
content: '\e01c';
vertical-align: top;
-webkit-font-smoothing: antialiased;
font-weight: 400;
position: absolute;
top: .618em;
right: 1em;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
body.product-template-default .product-form .add-button.loading {
opacity: .25;
position: relative;
}
.woocommerce form .form-row.woocommerce-validated input#billing_phone {
border: 1px solid #E0E0E0 !important;
box-shadow: none !important;
}
body.product-template-default .product-form .add-button.added {
display: none !important;
}
.woocommerce a.added_to_cart {
background: #5cb85c !important;
padding: 18px 15px !important;
display: block !important;
width: 100% !important;
border: none !important;
line-height: 1em !important;
text-transform: uppercase !important;
border-radius: 0px !important;
color: #fff !important;
text-align: center !important;
font-weight: normal !important;
}
.woocommerce.widget_product_categories > ul.product-categories > li > ul.children > li.cat-parent > a.opened:after,
#slide-menu .top-level-menu > li.menu-item-has-children ul > li.menu-item-has-children > a.opened:after {
font-family: "FontAwesome";
content: "\f106";
float: right;
}
.woocommerce.widget_product_categories > ul.product-categories > li > ul.children > li.cat-parent > a:after,
#slide-menu .top-level-menu > li.menu-item-has-children ul > li.menu-item-has-children > a:after {
font-family: "FontAwesome";
content: "\f107";
float: right;
}
.woocommerce.widget_product_categories > ul.product-categories > li > ul.children > li.cat-parent > ul,
#slide-menu .top-level-menu > li.menu-item-has-children ul > li.menu-item-has-children ul {
display: none;
}
#slide-menu .top-level-menu > li > ul > li:last-child {
border-bottom: solid 0px #F0F0F0;
}
#slide-menu .top-level-menu > li > ul > li:first-child {
border-top: solid 1px #F0F0F0;
}
#slide-menu .top-level-menu > li > ul > li {
border-bottom: solid 1px #F0F0F0;
}
#woocommerce_product_categories-2 {
border-bottom: 0px solid;
}
.widget_product_categories ul.children li ul.children li {
border-top: 0px solid #e3e3e3;
}
.widget_product_categories ul.children > li {
border-top: 1px solid #e3e3e3;
}
.widget_product_categories ul li a {
padding: 15px 0;
display: table;
width: 100%;
font-family: 'SFUIDisplay-Medium';
font-size: 14px;
line-height: 22px;
color: #000;
}
.widget_product_categories ul li a:hover {
color: #999999 !important;
}
.widget_product_categories ul,
.widget_product_categories ul li {
margin: 0px !important;
}
.widget_product_categories .children {
margin-top: 0px !important;
}
.disabled-add-wishlist {
color: #000 !important;
}
#gender-menu .logo img {
max-width: 140px;
width: auto;
}
#gender-menu .logo {
max-width: 140px;
display: table;
margin: 0 0 0 8px;
padding: 25px 0 10px;
}
.video_wrapper {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
}
.video_wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (max-width: 768px) {
.woocommerce div.product form.cart .variations {
width: auto !important;
display: table;
margin: auto;
}
.woocommerce div.product form.cart .variations td.value {
position: relative;
}
.woocommerce div.product form.cart .reset_variations {
position: absolute;
right: -80px;
top: 10px;
}
.woocommerce div.product form.cart .variations select {
margin-right: 0.3em !important;
}
#slide-menu .contacts-link_footer .top-level-menu {
padding-top: 18px;
}
}
#yith-ajaxsearchform input[type="search"]:focus {
outline: none !important;
}
#yith-ajaxsearchform button.submit-btn {
-webkit-appearance: none;
box-shadow: none;
-webkit-box-shadow: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-appearance: none;
outline: none;
border: none;
background: none;
margin: 0;
padding: 0;
text-decoration: none;
}
#yith-ajaxsearchform button.submit-btn {
position: absolute;
top: 0;
right: 0;
}
.autocomplete-suggestions {
position: relative !important;
border: none !important;
}
.autocomplete-suggestions .autocomplete-suggestion .yith_wcas_result_content .title {
font-style: normal;
font-weight: 300;
font-size: 13px;
line-height: 18px;
color: #000000;
margin-bottom: 0px;
}
.autocomplete-suggestions .autocomplete-suggestion .yith_wcas_result_content .title strong {
font-weight: 400 !important;
}
.yith_wcas_result_content del {
font-family: 'SFUIDisplay-Semibold';
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 16px; text-align: center;
text-decoration-line: line-through;
color: #888888;
display: inline-block;
position: relative;
}
.yith_wcas_result_content ins {
text-decoration: none;
font-family: 'SFUIDisplay-Semibold';
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 16px;
text-align: center;
color: #1D1D1F;
display: inline-block;
position: relative;
padding-left: 15px;
margin-left: 11px;
}
.yith_wcas_result_content ins:after {
display: block;
content: "\e902";
font-family: 'icomoon';
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-weight: normal;
font-style: normal;
font-display: block;
position: absolute;
top: 3px;
left: 0;
color: #000000;
font-size: 8px;
}
.yith_wcas_result_content ins .woocommerce-Price-amount.amount {
text-decoration: none;
font-weight: 600;
font-size: 13px;
line-height: 16px;
text-align: center;
color: #1D1D1F;
}
.yith_wcas_result_content > .woocommerce-Price-amount.amount {
text-decoration: none;
font-family: 'SFUIDisplay-Semibold';
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 16px;
text-align: center;
color: #1D1D1F;
display: inline-block;
}
.autocomplete-suggestions .autocomplete-suggestion .yith_wcas_result_content .badges {
display: none !important
}
@media screen and (min-width: 768px) {
.sidebar-primary .widget_product_categories .widgettitle {
display: none;
}
.sidebar-primary .widget_product_categories .product-categories li {
display: none;
}
.sidebar-primary .widget_product_categories .product-categories li.current-cat.cat-parent,
.sidebar-primary .widget_product_categories .product-categories li.cat-parent.current-cat-parent {
display: block;
}
.sidebar-primary .widget_product_categories .product-categories li.current-cat-parent ul.children li {
display: block;
}
.sidebar-primary .widget_product_categories .product-categories li.current-cat > a {
display: block;
}
.sidebar-primary .widget_product_categories .product-categories li.current-cat ul.children li {
display: block
}
.sidebar-primary .widget_product_categories .product-categories li.current-cat ul.children li:first-child {
border-top: none;
}
} @media screen and (max-width: 1025px) {
.cart-wrapper .brand_info {
margin-left: 30px;
margin-top: 30px;
margin-bottom: 30px;
}
#footer-bottom-section .social {
padding-left: 30px;
padding-right: 30px;
} header#site-header {
height: 55px !important;
}
#site-header .mobile-header {
height: 55px !important;
}
#site-header .mobile-header .logo a {
padding: 0;
}
#site-header .mobile-header__right_col {
display: flex;
align-items: center;
justify-content: flex-end;
margin-left: auto;
}
.mobile-menu-open {
width: auto;
width: 22px;
height: 16px;
}
#site-header .mobile-header .mobile-menu-open > a {
width: 22px;
height: 16px;
padding: 0;
} #site-header .mobile-header__right_col .mobile-search {
margin-right: 20px;
width: 20px;
height: 20px;
}
#site-header .mobile-header__right_col .mobile-search a {
padding: 0;
width: 20px;
height: 20px;
}
#site-header .mobile-header__right_col .mobile-search a.active svg path {
fill: #DADADA !important;
}
#site-header .mobile-header .mobile-search-form.open {
padding: 20px 0px;
background-color: #ffffff;
box-shadow: -2px 0px 14px rgba(173, 181, 189, 0.3);
z-index: 10;
}
#site-header .mobile-header .mobile-search-form.open:before {
content: "";
position: absolute;
top: -9px;
right: 52px;
border-bottom: 14px solid #fff;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
#yith-ajaxsearchform {
min-height: 31px;
padding-left: 15px;
padding-right: 15px;
}
#site-header .mobile-header .mobile-search-form input {
padding: 0px 30px 10px 0px !important;
border: none !important;
height: auto !important;
border-bottom: solid 1px #D8D8D8 !important;
}
#site-header .mobile-header .mobile-search-form button.submit-btn {
background: none !important;
padding: 0 !important;
width: 20px !important;
height: 20px !important;
right: 15px;
}
.mobile-header .yith-ajaxsearchform-container .submit-btn:before {
display: none;
}
.mobile-header .yith-ajaxsearchform-container .submit-btn:after {
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
content: "\e900";
color: #000000;
font-size: 20px;
}
.mobile-header .yith-ajaxsearchform-container .clear-btn {
display: none !important;
}
.autocomplete-suggestions {
width: 100% !important;
} #site-header {
padding: 0;
}
#site-header .mobile-header {
padding: 0 15px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#site-header .mobile-header > div {
}
#site-header .mobile-header a {
padding: 15px 10px;
display: inline-block;
}
#site-header .mobile-header .logo {
text-align: center;
}
#site-header .mobile-header .logo img {
width: 140px;
}
#site-header .mobile-header .mobile-menu-open > a {
padding-left: 0;
}
#site-header .mobile-header .search-cart > ul {
float: right;
margin: 0;
}
#site-header .mobile-header .search-cart > ul > li {
padding: 0;
vertical-align: middle;
}
#site-header .mobile-header .search-cart > ul > li .fa {
font-size: 18px;
}
#site-header .mobile-header .search-cart > ul > li.cart a {
padding-right: 0;
position: relative;
}
#site-header .mobile-header .search-cart > ul > li.cart a > span {
line-height: 0;
}
#site-header .mobile-header .search-cart > ul > li.cart a > span:not(.sprite) {
position: absolute;
left: 17px;
color: #FFF;
top: 29px;
}
#site-header .mobile-header .search-cart > ul > li.cart a:hover {
opacity: 0.8;
}
#site-header .mobile-header .mobile-search-form {
display: none;
position: absolute;
top: 100%;
z-index: 1;
left: 0;
right: 0;
padding: 10px;
background: #FFF;
}
#site-header .mobile-header .mobile-search-form input {
padding-left: 10px;
height: 38px;
background: #FFF;
z-index: 1;
font-size: 13px;
border-color: #000;
}
#site-header .mobile-header .mobile-search-form button {
background: #000;
color: #FFF;
border: none;
outline: none;
font-size: 13px;
padding: 10px;
width: 70px;
}
#site-header .mobile-header .mobile-search-form.open {
display: block;
} #slide-menu {
left: auto;
right: -100%;
transform: translateX(0) !important;
transition-duration: 0.5s;
transition-property: all;
transition-timing-function: linear;
}
html.open-slide-menu body #slide-menu {
right: 0;
}
#slide-menu .icon-close {
display: block;
color: #000000;
font-size: 20px;
position: absolute;
top: 17px;
right: 18px;
} #slide-menu #gender-menu {
padding-bottom: 10px !important;
}
#gender-menu div.logo {
display: block;
padding: 17px 0 0 18px;
margin: 0;
}
#gender-menu div.logo a {
padding: 0;
margin: 0;
}
#menu-top-nav-1 {
margin-top: 15px !important;
}
#slide-menu-footer {
padding-top: 30px !important;
padding-left: 15px !important;
}
#slide-menu-footer .social-icons {
text-align: left;
margin-left: 0;
margin-bottom: 20px;
display: flex;
}
#slide-menu .top-level-menu > li:last-child {
border: none;
}
#slide-menu .social-icons > li {
margin-left: 20px;
}
#slide-menu .social-icons > li:first-child {
margin-left: 0;
}
#slide-menu .social-icons > li a {
padding: 0 !important;
}
#slide-menu .social-icons > li a .fa {
font-size: 16px;
}
#slide-menu #slide-menu-footer {
text-align: left;
}
#slide-menu #slide-menu-footer .copyright {
font-style: normal;
font-family: 'SFUIDisplay-Light';
font-size: 11px;
line-height: 13px;
color: #888888;
}
} @media screen and (min-width: 768px) and (max-width: 991px) {
.product-wrapper .shiping__wrapper {
grid-template-columns: repeat(3, 1fr) !important;
grid-column-gap: 30px !important;
}
.catalog.product .info > span.regular-price del:after {
font-size: 9px;
top: 4px
}
.catalog.product .info > span.regular-price ins {
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 13px;
text-align: center;
color: #1D1D1F;
}
} @media screen and (max-width: 767px) { #site-footer {
padding-top: 40px;
padding-bottom: 20px;
}
#site-footer > .container-fluid {
padding: 0 30px;
}
#site-footer > .container-fluid > .row {
margin-left: 0px !important;
margin-right: 0px !important;
}
#site-footer #footer-top-section {
margin-bottom: 30px;
}
#site-footer #footer-top-section .newsletter {
text-align: left;
}
#site-footer #footer-top-section .nav > li {
margin-top: 10px;
}
#site-footer #footer-top-section .nav > li:first-child span.title {
font-style: normal;
font-family: 'SFUIDisplay-Medium';
font-size: 13px;
line-height: 16px;
color: #000000;
margin: 0;
padding: 0;
}
#site-footer #footer-top-section .nav > li > span, #site-footer #footer-top-section .nav > li > a {
margin: 0;
padding: 0;
font-style: normal;
font-weight: 300;
font-size: 13px;
line-height: 16px;
color: #888888;
}
#footer-bottom-section {
margin-left: -15px !important;
margin-right: -15px !important;
border-top: solid 1px #E6E6E6;
padding-top: 20px;
margin-bottom: 0 !important;
}
#footer-bottom-section .social {
padding-left: 15px;
padding-right: 15px;
text-align: left;
}
#footer-bottom-section .social span {
margin: 0;
font-style: normal;
font-weight: 300;
font-size: 13px;
line-height: 16px;
color: #888888;
}
#site-footer #footer-bottom-section .social .copyright {
margin-left: 0;
} .category_page_container > .col-xs-12 {
padding-left: 0px;
padding-right: 0px;
}
.archive.woocommerce-page .category_page_container {
margin-top: 0;
text-align: center;
}
.cat_info_block {
height: 350px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-left: -15px;
margin-right: -15px;
}
.cat_info_block img {
display: none !important;
}
.archive.woocommerce-page #container {
padding: 0 0px;
}
.cat_info_block h1 {
top: 90px;
font-size: 28px;
line-height: 32px;
} .subcats-cats {
display: block !important;
background: #FFFFFF;
box-shadow: -2px 0px 8px rgba(173, 181, 189, 0.3);
padding: 5px 20px;
z-index: 4;
position: relative;
margin-right: 10px;
margin-left: 10px;
margin-top: 0 !important;
}
.subcats-cats li {
border-top: solid 1px #D8D8D8;
}
.subcats-cats li:first-child {
border-top: solid 1px #D8D8D8;
border-top: none;
}
.subcats-cats li a {
display: block;
font-style: normal;
font-family: 'SFUIDisplay-Medium';
font-size: 13px;
line-height: 21px;
color: #000;
padding: 15px 0px;
}
#products-container {
margin-top: 30px;
padding-left: 5px;
padding-right: 5px;
} .cart-wrapper .brand_info {
margin: 0px 15px 20px 15px;
display: block;
}
.cart-wrapper .brand_info .brand_thumb {
width: 100%;
text-align: center;
}
.cart-wrapper .brand_info .brand_thumb img {
max-width: 100%;
width: auto;
display: inline-block;
}
.cart-wrapper .brand_info .brand_desc {
margin-left: 0;
margin-top: 5px;
text-align: center;
} body.product-template .block_success h2 {
font-size: 36px;
line-height: 40px;
}
.success_details_block {
padding: 20px;
margin-bottom: 30px;
}
#footer-top-section .col-sm-3 {
text-align: left;
justify-content: flex-start !important;
}
.success_details_block h3 {
font-size: 18px;
line-height: 24px;
} .info_left_sidebar .textwidget {
padding: 20px;
background: #FFFFFF;
box-shadow: -2px 0px 8px rgba(173, 181, 189, 0.3);
}
.info_left_sidebar .textwidget ul li.first {
display: none;
}
.info_left_sidebar .nav > li.last {
border: none;
}
body .content_sidebar #catalog-header .info_title {
display: none
}
body .content_sidebar #catalog-header h1 {
font-style: normal;
font-family: 'SFUIDisplay-Bold';
font-size: 22px;
line-height: 26px;
color: #1D1D1F;
}
.infopage_row {
margin-left: 0;
margin-right: 0;
} .info_left_sidebar {
margin-bottom: 50px;
}
.info_left_sidebar .info_title {
display: block !important;
font-family: 'SFUIDisplay-Bold';
font-style: normal;
font-size: 28px;
line-height: 32px;
text-align: center;
color: #1D1D1F;
width: 100%;
text-align: center;
margin-bottom: 20px;
} .catalog.product .info > span.regular-price del {
font-size: 11px;
line-height: 13px;
position: relative;
padding-right: 15px;
margin-right: 11px;
}
.catalog.product .info > span.regular-price del:after {
font-size: 9px;
top: 2px
}
.catalog.product .info > span.regular-price ins {
font-style: normal;
font-weight: 600;
font-size: 11px;
line-height: 13px;
text-align: center;
color: #1D1D1F;
} } .icon-close:before {
content: "\e901";
}
.woo_orderby_container {
display: none !important;
}
.archive.woocommerce-page .category_page_container {
margin-top: 40px;     }
.cat_info_block {
display: flex;
margin-left: 15px;
margin-right: 15px;
position: relative;
background-size: cover;
background-repeat: no-repeat;
}
.cat_info_block:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
}
.cat_info_block h1 {
padding: 0 30px;
margin: 0;
padding: 0;
font-family: 'SFUIDisplay-Bold';
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 58px;
text-align: center;
color: #FFFFFF;
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.cat_info_block img {
width: 100%;
height: auto;
}
#products-container {
margin-top: 50px;
}
.catalog.product .info > span.regular-price {
position: relative;
}
.catalog.product .info > span.regular-price del {
font-style: normal;
font-weight: 600; font-size: 14px;
line-height: 20px;
text-align: center;
text-decoration-line: line-through;
color: #888888;
position: relative;
padding-right: 25px;
margin-right: 21px;
}
.catalog.product .info > span.regular-price del:after {
content: "\e902";
font-family: 'icomoon';
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-weight: normal;
font-style: normal;
font-display: block;
position: absolute;
top: 0px;
right: 0;
color: #000000;
font-size: 14px;
}
.catalog.product .info > span.regular-price ins {
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #1D1D1F;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.catalog.product .info > span.regular-price del {
font-size: 13px;
line-height: 13px;
position: relative;
padding-right: 15px;
margin-right: 11px;
}
}
@media screen and (max-width: 767px) {
.archive.woocommerce-page .category_page_container {
margin-top: 10px;
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.category_page_container > .col-xs-12 {
padding-left: 0px;
padding-right: 0px;
}
}
@media screen and (max-width: 767px) {
.cat_info_block {
height: 350px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-left: -15px;
margin-right: 0px;
}
}
@media screen and (max-width: 767px) {
.cat_info_block h1 {
top: 90px;
font-size: 28px;
line-height: 32px;
}
}
@media screen and (max-width: 767px) {
#products-container {
margin-top: 30px;
padding-left: 5px;
padding-right: 5px;
}
}
@media (max-width: 767px) {
.catalog.product .info span {
font-size: 11.5px;
}
}
@media screen and (max-width: 767px) {
.catalog.product .info > span.regular-price del:after {
font-size: 9px;
top: 2px;
}
}
@media (max-width: 767px) {
.catalog.product .info {
border-bottom: none;
padding-bottom: 0;
font-weight: lighter;
position: static;
}
}
@media screen and (max-width: 767px) {
.catalog.product .info > span.regular-price del {
font-size: 13px;
line-height: 13px;
position: relative;
padding-right: 15px;
margin-right: 11px;
}
}
.infopage_row {
margin-top: 40px;
margin-bottom: 40px;
}
.info_left_sidebar .nav > li {
border-bottom: solid 1px #D8D8D8;
}
.info_left_sidebar .nav > li > span, .info_left_sidebar .nav > li > a {
display: block;
margin: 0;
padding: 15px 0px;
font-style: normal;
font-family: 'SFUIDisplay-Medium';
font-size: 14px;
line-height: 22px;
color: #888888;
}
body .content_sidebar .right_col_content {
max-width: 760px;
margin-left: auto;
margin-right: auto;
}
body .content_sidebar #catalog-header {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin: 0px 0px 40px 0px;
}
body .content_sidebar #catalog-header .info_title {
font-style: normal;
font-family: 'SFUIDisplay-Semibold';
font-size: 21px;
line-height: 28px;
text-align: center;
color: #1D1D1F;
margin-bottom: 20px;
}
body .content_sidebar #catalog-header h1 {
font-style: normal;
font-family: 'SFUIDisplay-Bold';
font-size: 48px;
line-height: 48px;
text-align: center;
color: #1D1D1F;
}
body .content_sidebar .right_col_content .page_content {
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 25px;
color: #1D1D1F;
}
.info_left_sidebar .nav > li:first-child > span {
font-style: normal;
font-family: 'SFUIDisplay-Bold';
font-size: 15px;
line-height: 24px;
color: #000000;
}
@media screen and (max-width: 767px) {
.infopage_row {
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.info_left_sidebar {
margin-bottom: 50px;
}
}
@media screen and (max-width: 767px) {
body .content_sidebar #catalog-header .info_title {
display: none;
}
}
@media screen and (max-width: 767px) {
body .content_sidebar #catalog-header h1 {
font-style: normal;
font-family: 'SFUIDisplay-Bold';
font-size: 22px;
line-height: 26px;
color: #1D1D1F;
}
}
body.product-template #container {
display: flex;
}
body.product-template .block_success {
margin: 30px auto !important;
padding: 0 30px !important;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
max-width: 960px;
}
body.product-template .block_success h2 {
font-family: 'SFUIDisplay-Bold';
font-style: normal;
font-size: 48px;
line-height: 48px;
text-align: center;
color: #1D1D1F;
text-transform: none;
margin-bottom: 20px;
}
body.product-template .block_success .info_success {
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 25px;
text-align: center;
color: #1D1D1F;
}
.success_details_block {
width: 100%;
padding: 40px;
border: 1px solid #D8D8D8;
margin-top: 55px;
}
.success_details_block h3 {
font-family: 'SFUIDisplay-Semibold';
font-style: normal;
font-size: 21px;
line-height: 28px;
color: #1D1D1F;
margin: 0px 0px 20px 0px;
}
.success_details_block ul {
margin: 0;
padding: 0;
list-style: none;
}
.success_details_block ul li:first-child {
margin-top: 0;
}
.success_details_block ul li {
display: block;
margin-top: 20px;
}
.success_details_block ul li span:first-child {
font-family: 'SFUIDisplay-Semibold';
font-style: normal;
font-size: 15px;
line-height: 18px;
color: #888888;
min-width: 93px;
}
.success_details_block ul li span {
display: inline-block;
}
.success_details_block ul li span:last-child {
font-family: 'SFUIDisplay-Semibold';
font-style: normal;
font-size: 15px;
line-height: 18px;
color: #1D1D1F;
}
.success_details_block ul li {
display: block;
margin-top: 20px;
}
.success_details_block .fail {
margin-top: 30px;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 25px;
color: #1D1D1F;
}
.success_details_block .fail .info {
display: inline-block;
width: 13px;
height: 13px;
line-height: 13px;
text-align: center;
border: solid 1px #007AFF;
border-radius: 50%;
font-size: 11px;
color: #007AFF;
margin-right: 10px;
}
.success_details_block .fail a {
color: #007AFF;
text-decoration: none;
}
body.single-product #site-footer > .container-fluid {
padding-left: 30px;
padding-right: 30px;
}
body.single-product #footer-top-section > .col-sm-3 {
display: block;
}
@media screen and (max-width: 767px) {
body.product-template .block_success h2 {
font-size: 36px;
line-height: 40px;
}
.success_details_block {
padding: 20px;
margin-bottom: 30px;
}
.success_details_block h3 {
font-size: 18px;
line-height: 24px;
}
}
body.single-product .product-cart h1 {
margin: 0;
}
.product-wrapper .product-cart__text .sale-remain__clock__item.dots p::after {
content: ":";
position: absolute;
top: 20px;
transform: translate(25px, -10px);
color: #000000;
font-size: 25px;
font-weight: 700;
}
.product-wrapper .product-cart__text .sale-remain__clock {
position: relative;
}
.cart-wrapper .brand_info .brand_desc {
margin-left: 20px;
font-style: normal;
font-family: 'SFUIDisplay-Light';
font-size: 13px;
line-height: 16px;
text-align: center;
color: #888888;
}
.cart-wrapper .brand_info {
margin-left: 140px;
margin-top: 45px;
display: flex;
align-items: center;
justify-content: flex-start;
}
@media screen and (max-width: 1025px) {
.cart-wrapper .brand_info {
margin-left: 30px;
margin-top: 30px;
margin-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
.cart-wrapper .brand_info {
margin: 0px 15px 20px 15px;
display: block;
}
.cart-wrapper .brand_info .brand_thumb {
width: 100%;
text-align: center;
}
.cart-wrapper .brand_info .brand_thumb img {
max-width: 100%;
width: auto;
display: inline-block;
}
.cart-wrapper .brand_info .brand_desc {
margin-left: 0;
margin-top: 5px;
text-align: center;
}
}
@media (min-width: 1024px) {
#site-header {
padding-right: 30px !important;
}
} .search .info_title {
display: none !important;
}
.search .cat_info_block {
margin-top: 40px;
}
.search .cat_info_block h1 {
font-style: normal;
font-family: 'SFUIDisplay-Semibold';
font-size: 21px;
line-height: 28px;
text-align: center;
color: #1D1D1F;
margin-bottom: 20px;
}
.tax-product_cat .sidebar-primary {
margin-right: 27px;
}
.messenger-link {
display: flex;
align-items: center;
}
.messenger-link span {
margin-right: 5px;
}
.messenger-link a {
padding: 0 5px !important;
}
.messenger-link a.viber {
}
.messenger-link a.telegram {
}
.messenger-link a.ico:before {
width: 18px;
height: 18px;
content: '';
display: -webkit-inline-box;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
top: 2px;
position: relative;
}
.messenger-link a.ico.viber:before {
background-image: url(//perou.store/wp-content/themes/perou/images/img-social-viber.svg);
}
.messenger-link a.ico.telegram:before {
background-image: url(//perou.store/wp-content/themes/perou/images/img-social-telegram.svg);
}
.messenger-link a.ico:hover {
opacity: 0.5;
}
.contacts-link_footer {
margin-top: 30px;
}
.contacts-link_footer a {
padding: 7px 0 !important;
}
.contacts-link_footer span {
font-weight: 900;
}
.contacts-link_footer .viber span {
color: #624479;
}
.contacts-link_footer .telegram span {
color: #33a1d9;
}
#products-container .row {
display: flex;
flex-wrap: wrap;
}
.fourth-wrapper {
display: block;
}
.fourth-wrapper.mob {
display: none;
} @media screen and (max-width: 768px) {
.product-wrapper {
padding: 0 !important;
}
#slide-menu div.logo {
margin-bottom: 15px;
}
#slide-menu .contacts-link_footer {
margin-top: 0;
} .fourth-wrapper {
display: none;
}
.fourth-wrapper.mob {
display: block;
}
.tax-yith_product_brand .product-wrapper,
.tax-product_cat .product-wrapper,
.search .product-wrapper {
padding-right: 5px !important;
padding-left: 5px !important;
}
.search .cat_info_block {
margin-top: 0 !important;
height: 180px;
}
.search .subcats-cats {
display: none !important;
} }
.autocomplete-suggestion .yith_wcas_result_image img {
width: auto !important;
max-width: 50px !important;
}
#site-header-wrapper.sticky #site-header #site-header-desktop {
height: 75px;
}
#site-header-wrapper.sticky #site-header #site-header-desktop > div.site-header-desktop-section > ul > li > a {
padding: 30px 14px 31px;
}
.success_details_block .fail {
margin-top: 0px !important;
}
.product-wrapper .product-cart__text .sale-remain__clock {
-ms-grid-columns: (min-content) [ 3 ];
grid-template-columns: repeat(3, min-content) !important;
}
.blog__body {
max-width: 1080px;
padding: 80px 20px;
width: 100%;
margin: 0 auto;
flex: 1 1 auto;
font-size: 20px;
line-height: 1.5;
color: #000;
}
.blog__wrapper {
display: flex;
flex-wrap: wrap;
padding: 0 20px;
margin: 0 auto;
}
.blog__title {
margin: 0 auto 30px;
font-weight: 700;
font-size: 36px;
}
.blog__item {
width: 33.3%;
display: flex;
padding: 0 10px;
flex-direction: column;
align-items: center;
margin-bottom: 30px;
}
.blog__item div {
width: 100%;
border-radius: 8px;
position: relative;
padding-bottom: 64%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.blog__item img {
max-width: 100%;
border-radius: 8px;
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
top: 0;
left: 0;
}
.blog__item h3 {
font-size: 22px;
margin: 0;
padding: 24px;
color: #000;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.blog__item:hover div  {
transform: scale(1.02);
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 15%);
}
.blog__item:hover h3  {
color: #2ea9fd;
}
.post__wrapper {
max-width: 960px;
margin: 0 auto;
padding: 0 20px;
}
.post__title {
color: #000;
text-align: left;
font-size: 46px;
line-height: 1.2;
font-weight: 700;
max-width: 700px;
margin: 0 auto 36px;
}
.post__content p {
max-width: 700px;
margin: 0 auto 24px;
}
.post__content h2,
.post__content h3 {
max-width: 700px;
text-align: left;
margin: 16px auto 32px;
font-size: 28px;
font-weight: 700;
}
.post__content h3 {
font-size: 24px;
}
.post__content ul,
.post__content ol {
max-width: 700px;
margin: 0 auto 24px;
}
.post__content li {
width: 100%;
margin-bottom: 16px;
}
.post__content li:last-child {
margin: 0;
}
.post__content a {
color: #0095ff;
text-decoration: none;
display: inline;
}
.post__content img,
.post__content iframe {
width: 100%;
border-radius: 10px;
margin-bottom: 24px;
}
.post__content iframe {
height: 500px;
}
@media screen and (max-width: 768px) {
.blog__body {
padding: 50px 20px;
font-size: 16px;
}
.blog__title {
margin-bottom: 24px;
font-size: 24px;
}
.blog__wrapper {
padding: 0;
}
.blog__item h3 {
font-size: 18px;
}
.post__title {
font-size: 28px;
}
.post__content h2 {
font-size: 22px;
}
.post__content h2 {
font-size: 20px;
}
.post__content iframe {
height: 300px;
}
}
@media screen and (max-width: 576px) {
.blog__item {
width: 50%;
}
}
@media screen and (max-width: 425px) {
.blog__item {
width: 100%;
padding: 0;
}
}  .slider-wrapper{
position: relative;
}
.badges_wr{
position: absolute;
left: 0;
top: 0;
z-index: 10;
display: flex;
flex-wrap: wrap;
}
.product-box .badges_wr,
.single-product .badges_wr{
left: 5px;
top: 5px;
}
@media(min-width: 1201px){
.single-product .badges_wr{
left: 160px;
top: 19px;
}
.product-box .badges_wr{
left: 15px;
top: 15px;
}
}
.badge_item{
margin-right: 5px;
margin-bottom: 5px;
padding: 3px;
color: #fff;
border-radius: 2px;
line-height: 1;
font-size: 10px;
font-weight: 500;
}
@media(min-width: 1400px){
.badge_item{
margin-right: 8px;
margin-bottom: 8px;
font-size: 13px;
padding: 6px;
}
}
.badge_item.discount,
.badge_item.sale{
background: #F44336;
}
.badge_item.featured,
.badge_item.new{
background: #007AFF;
}
.badge_item.hit{
background: #F4A836;
} @media screen and (max-width: 767px) {
.product-wrapper .slick-dots li {
width: 28px;
}
.product-wrapper .slick-dots li button:after {
left: 50%;
}
#footer-top-section>div:not(:last-child) {
margin-bottom: 20px;
}
.product-box .badges_wr {
left: 10px !important;
top: 10px !important;
}
.single-product .badges_wr {
left: 15px !important;
top: 15px !important;
}
.single-product .badges_wr .badge_item {
padding: 4px 8px;
font-size: 12px;
}
}