You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

2653 lines
56 KiB

@import url("https://fonts.googleapis.com/css?family=Play:400,700&subset=cyrillic,cyrillic-ext,latin-ext");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, input, textarea, button, header {
margin: 0;
padding: 0;
border: 0;
outline: none !important;
vertical-align: top;
background: transparent;
font-weight: normal;
line-height: 1.5em; }
ol, ul {
list-style: none; }
a, span {
vertical-align: baseline; }
b, strong {
font-weight: bold; }
i, dfn {
font-style: italic; }
img {
max-width: 100%; }
body {
height: 100%;
font-family: "Play", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #888888; }
h1, h2, h3, h4, h5, h6 {
margin: 15px 0;
font: normal 15px "Play", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #292d39; }
p {
margin: 15px 0;
padding: 0; }
.page_heading {
margin: 0;
padding: 14px 20px;
background: #ffffff;
font-size: 15px; }
.page_heading a {
font-weight: inherit;
line-height: inherit; }
.template-index .page_heading,
.template-list-collections .page_heading {
margin: 30px 0 0 0; }
a {
color: #0AA1F1;
-webkit-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out, box-shadow .3s ease-in-out;
transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out, box-shadow .3s ease-in-out; }
a:hover {
color: #023F60; }
#wrapper {
position: relative;
z-index: 1;
background: #f4f4f4; }
#wrapper2 {
overflow: hidden; }
header {
display: block;
background-color: #ffffff; }
.container {
padding: 0; }
.container-small, .container-large {
max-width: 100%; }
/* TOP NAVIGATION */
.main-nav {
border-bottom: 2px solid #0AA1F1;
background: #fff; }
.main-nav:after {
clear: both;
content: "\00a0";
display: block;
height: 0;
font: 0px/0 serif;
overflow: hidden; }
@media (min-width: 768px) {
#main-menu > li:first-child > a.has-submenu {
padding-right: 17px; } }
#main-menu > li:first-child > a:before {
color: #ffffff !important;
content: '\f0c9';
font-family: FontAwesome;
margin-right: 5px; }
#main-menu > li:first-child > a > span {
display: none; }
#main-menu > li:first-child > a {
width: 250px !important;
background-color: #0AA1F1 !important;
color: #ffffff; }
#main-menu > li:first-child a:hover {
background-color: #023F60 !important; }
#main-menu {
clear: both;
border-bottom: 0; }
@media (min-width: 768px) {
#main-menu {
float: left;
clear: none; } }
/* Mobile menu toggle button */
.main-menu-btn {
float: right;
margin: 5px 10px;
position: relative;
display: inline-block;
width: 29px;
height: 29px;
text-indent: 29px;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
-webkit-tap-highlight-color: transparent; }
/* hamburger icon */
.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
position: absolute;
top: 50%;
left: 2px;
height: 2px;
width: 24px;
background: #333;
-webkit-transition: all 0.25s;
transition: all 0.25s; }
.main-menu-btn-icon:before {
content: '';
top: -7px;
left: 0; }
.main-menu-btn-icon:after {
content: '';
top: 7px;
left: 0; }
/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
height: 0;
background: transparent; }
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
top: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px); }
/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu {
display: none; }
#main-menu-state:checked ~ #main-menu {
display: block; }
@media (min-width: 768px) {
/* hide the button in desktop view */
.main-menu-btn {
position: absolute;
top: -99999px; }
/* always show the menu in desktop view */
#main-menu-state:not(:checked) ~ #main-menu {
display: block; } }
#main-menu {
position: relative;
z-index: 9999;
width: 100%; }
#main-menu > .has-mega-menu {
position: static !important; }
#main-menu .mega-menu {
margin-left: 0 !important;
right: 0 !important;
width: auto !important;
max-width: none !important; }
#main-menu > .has-mega-menu .scroll-up,
#main-menu > .has-mega-menu .scroll-down {
margin-left: 0 !important; }
/* clear any floats inside the mega menus */
#main-menu .mega-menu > li {
overflow: auto; }
/* reset mega menu list/link styles (which are inherited from the SmartMenus core/theme styles) */
#main-menu .mega-menu {
color: #353451; }
#main-menu .mega-menu ul {
position: static;
display: block;
margin: 0.83em 0;
border: 0;
padding: 0 0 0 20px;
width: auto;
background: transparent;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none; }
#main-menu .mega-menu ul li {
display: list-item;
list-style-type: disc;
border: 0; }
#main-menu .mega-menu a {
display: inline;
border: 0;
padding: 0;
background: transparent;
color: inherit;
text-decoration: underline; }
/* simple columns inside the mega menus */
#main-menu .mega-menu .column-1-3 {
padding: 0 20px; }
.mega-menu {
padding: 20px; }
.mega-menu .blog_date {
margin: 0;
font-size: 13px;
color: #26a0d7; }
.mega-menu .blog_img {
margin: 15px 0 0 0; }
.mega-menu .blog_title a {
font-size: 18px !important;
color: #ffffff; }
.mega-menu .blog_title a:hover {
font-size: 18px !important;
color: #26a0d7; }
@media (min-width: 768px) {
#main-menu .mega-menu .column-1-3 {
float: left;
width: 33.33%; } }
/* MEDIA */
/*========== Mobile First Method ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
/* Extra Large Devices, Wide Screens */
/*========== Non-Mobile First Method ==========*/
/* Large Devices, Wide Screens */
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
/* Small Devices, Tablets */
/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */
/* PROMOBANNER */
/* PROMOBANNER */
#promobanner {
height: 160px;
background: url(../img/promobanner-bg.png) 50% 0% no-repeat;
background-color: #26a0d7;
background-size: 1500px !important;
background-position: right top !important;
position: relative; }
#promobanner_close {
display: block;
vertical-align: top;
color: #ffffff;
position: absolute;
right: 30px;
top: 25px;
z-index: 1000; }
#promobanner_close:before {
content: '\f00d';
font: 20px/1em 'FontAwesome'; }
#promobanner_close:hover {
color: #292d39; }
.promobanner_container {
width: 1600px;
margin: 0 auto; }
.promobanner_error {
height: 120px;
font-size: 20px;
line-height: 120px;
color: #d10300;
text-align: center;
text-transform: uppercase;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7); }
.promobanner_content {
width: 1100px;
float: left; }
.promobanner_content img {
float: left;
height: 160px; }
.promobanner_text {
min-width: 700px;
float: left;
text-align: center;
text-transform: uppercase; }
.promobanner_text h2 {
margin: 18px 0 0 0;
font-weight: bold;
font-size: 26px;
color: #ffffff; }
.promobanner_text h3 {
margin: 10px 0 0 0;
font-weight: bold;
font-size: 18px;
color: #ffffff; }
.promobanner_text .btn {
margin: 17px 0 0 0;
padding: 7px 24px;
background: #ffffff !important;
border-color: #ffffff !important;
font-weight: bold;
font-size: 16px;
color: #26a0d7 !important; }
.promobanner_text .btn:hover {
background: #292d39 !important;
border-color: #292d39 !important;
color: #ffffff !important; }
.promobanner_counter {
width: 500px;
float: right;
margin: 30px 0 0 0;
text-align: right; }
.promobanner_countdown_labels {
color: white;
display: block;
text-align: center;
margin-top: 10px;
text-transform: uppercase; }
/* < 1900px */
@media (min-width: 1900px) {
#promobanner {
-webkit-background-size: 100% auto;
background-size: 100% auto; } }
/* < 1700px */
@media (max-width: 1700px) {
.promobanner_container {
width: 1170px; }
.promobanner_content img {
display: none; }
.promobanner_content {
width: 50%; }
.promobanner_counter {
width: 50%; } }
/* < 1200px */
@media (max-width: 1199px) {
#promobanner {
display: none !important; } }
/* NIVOSLIDER */
.nivoSlider {
width: 100%;
height: auto;
overflow: hidden;
position: relative; }
.nivoSlider img {
max-width: none;
position: absolute;
top: 0;
left: 0; }
.nivoSlider a.nivo-imageLink {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
z-index: 6;
position: absolute;
left: 0;
top: 0;
display: none;
filter: alpha(opacity=0);
opacity: 0; }
.nivo-main-image {
width: 100% !important;
display: block !important;
position: relative !important; }
.nivo-slice {
height: 100%;
display: block;
position: absolute;
top: 0;
z-index: 5; }
.nivo-box {
display: block;
overflow: hidden;
position: absolute;
z-index: 5; }
.nivo-box img {
display: block; }
.nivoSlider > a,
.nivoSlider > img,
.caption_hidden {
display: none; }
.slider_wrap {
height: 100%;
margin: 30px 0 0 0;
position: relative;
z-index: 1; }
.nivo-caption {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 8;
display: none;
background: none; }
.nivo-caption a {
width: 100%;
height: 100%;
display: block;
text-decoration: none; }
.nivo-caption .wrap_1 {
width: 100%;
height: 100%;
display: table; }
.nivo-caption .wrap_2 {
width: 100%;
height: 100%;
display: table-cell;
vertical-align: middle;
padding: 30px 30px 30px 485px; }
.nivo-caption h3 {
margin: 0;
font-size: 19px;
color: #26a0d7; }
.nivo-caption p {
margin: 8px 0 0 0;
color: #888888; }
.nivo-caption .btn {
margin: 15px 0 0 0;
padding: 9px 25px;
font-size: 14px; }
.slider_controls {
width: 100%;
font-size: 0;
text-align: center;
position: absolute;
left: 0;
bottom: 20px;
z-index: 10; }
.slider_controls a {
display: inline-block;
vertical-align: top;
color: #ffffff;
cursor: pointer; }
.slider_controls a ~ a {
margin: 0 0 0 10px; }
.slider_controls a span {
display: none; }
.slider_controls a:before {
content: '\f111';
display: block;
font: 20px 'FontAwesome'; }
.slider_controls a:hover {
color: #292d39; }
.slider_controls a.active {
color: #292d39;
cursor: default; }
.nivo-directionNav {
position: absolute;
right: 20px;
bottom: 20px;
z-index: 9; }
.nivo-directionNav .container {
width: auto; }
.nivo-directionNav a {
width: 22px;
height: 22px;
display: inline-block;
vertical-align: top;
background: #0AA1F1;
font-size: 0;
cursor: pointer;
text-decoration: none;
-webkit-border-radius: 50%;
border-radius: 50%; }
.nivo-directionNav a:before {
display: block;
font: 15px/22px 'FontAwesome';
color: #ffffff;
text-align: center; }
.nivo-directionNav a:hover {
background: #023F60; }
.nivo-directionNav .nivo-prevNav {
position: relative;
margin: 0 4px 0 0;
padding: 0 1px 0 0; }
.nivo-directionNav .nivo-prevNav:before {
content: '\f104'; }
.nivo-directionNav .nivo-nextNav {
position: relative;
padding: 0 0 0 1px; }
.nivo-directionNav .nivo-nextNav:before {
content: '\f105'; }
/* < 1200px */
@media only screen and (max-width: 1200px) {
.nivo-caption .wrap_2 {
padding: 30px 30px 30px 380px !important; }
.nivo-caption .nivo-caption .btn {
padding: 7px 15px; } }
/* < 992px */
@media only screen and (max-width: 992px) {
.nivo-caption .wrap_2 {
padding: 30px 30px 30px 300px !important; }
.homepage_carousel .product {
width: 292px !important; } }
/* < 768px */
@media only screen and (max-width: 768px) {
.nivo-caption .wrap_2 {
padding: 30px 30px 30px 52% !important; } }
/* < 480px */
@media only screen and (max-width: 480px) {
.nivo-caption {
display: none !important; } }
/* BXSLIDER */
.bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
*zoom: 1; }
.bx-wrapper img {
max-width: 100%;
display: block;
margin: 0 auto; }
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%; }
/* PAGER */
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: "Play", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
color: #666;
padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000; }
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-controls-direction a.disabled {
display: none; }
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px; }
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666 \9;
background: rgba(80, 80, 80, 0.75);
width: 100%; }
.bx-wrapper .bx-caption span {
color: #fff;
font-family: "Play", "Helvetica Neue", Helvetica, Arial, sans-serif;
display: block;
font-size: .85em;
padding: 10px; }
/* FEATURED BXSLIDER */
/* SIDEBAR */
/* SIDEBAR */
.sidebar_widget {
margin: 30px 0 0 0;
background-color: #ffffff; }
.sidebar_widget .widget_header {
margin: 0;
padding: 14px 20px;
background: #ffffff;
font-size: 15px; }
.sidebar_widget .widget_content {
padding: 5px; }
.list_links {
margin: 30px 0 0 0; }
.list_links li a {
display: block;
padding: 12px 20px;
background: #ffffff;
font-weight: 300;
font-size: 14px;
line-height: 1.2em;
color: #292d39; }
.list_links li ~ li a {
border-top: 1px solid rgba(0, 0, 0, 0.1); }
.list_links li a:after {
content: '\f105';
vertical-align: middle;
float: right;
margin: 0 0 0 7px;
font: 14px/1.2em 'FontAwesome';
opacity: .3; }
.list_links li.active a {
font-weight: bold;
color: #26a0d7; }
.list_links li a:hover {
color: #26a0d7;
text-decoration: none; }
.sidebar_widget__collections {
margin: -60px 0 0 0; }
.sidebar_widget__collections .widget_header {
height: 60px;
padding: 0 20px;
background: #26a0d7;
font-size: 19px;
line-height: 60px;
color: #ffffff;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0; }
.sidebar_widget__collections .list_links {
margin: 0; }
.sidebar_widget__collections .widget_header:before {
content: '\f0c9';
margin: 0 10px 0 0;
font: 21px 'FontAwesome'; }
/* SIDEBAR PRODUCT LISTING */
.list_products .product {
overflow: hidden;
margin: 30px 0 0 0;
padding: 20px;
background: #ffffff; }
.list_products .product_img {
width: 80px;
float: left; }
.list_products .product_info {
margin: 0 0 0 95px; }
.list_products .product_price {
font-size: 19px;
color: #26a0d7; }
.list_products .product_price .compare-at-price {
font-weight: 300;
font-size: 14px;
color: #888888; }
.list_products .product_name {
padding: 3px 0 0 0; }
.list_products .product_links {
padding: 10px 0 0 0; }
.list_products .product_links .btn {
width: 38px;
height: 38px;
margin: 0 6px 0 0;
padding: 0;
-webkit-border-radius: 50%;
border-radius: 50%; }
.list_products .product_links .btn i {
display: block;
font-size: 18px;
line-height: 35px; }
/* 9.3 SIDEBAR BLOG WIDGETS */
.list_articles li {
margin: 30px 0 0 0; }
.list_articles .item_title {
margin: 0;
font-size: 14px; }
.list_articles .item_content {
margin: 10px 0 0 0; }
.list_articles .article_comments__link {
margin: 10px 0 0 0; }
.list_comments li {
margin: 30px 0 0 0; }
.list_comments a {
display: block;
overflow: hidden;
padding: 15px 15px 15px 0;
background: #f2f2f2; }
.list_comments .item_quot {
width: 50px;
vertical-align: top;
float: left;
font-size: 60px;
line-height: 1em;
color: #26a0d7;
text-align: center; }
.list_comments .item_content {
display: block;
margin: 0 0 0 50px;
color: #888888;
-webkit-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
-moz-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
-ms-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
-o-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out; }
.list_comments a:hover .item_content {
color: #26a0d7; }
.list_comments .item_author {
display: block;
overflow: hidden;
padding: 7px 0 0 0;
color: #888888; }
.list_comments .item_author:before {
content: '\f007';
margin: 0 5px 0 0;
font: 13px 'FontAwesome';
color: #26a0d7; }
.list_comments .item_author span {
float: right;
margin: 0 0 0 15px; }
.list_comments .item_author span:before {
content: '\f017';
margin: 0 5px 0 0;
font: 13px 'FontAwesome';
color: #26a0d7; }
.filter-checkboxlist {
margin: 0;
padding: 0;
list-style-type: none;
columns: 2;
-webkit-columns: 2; }
.filter-checkboxlist label {
margin: 0;
padding: 0;
line-height: normal; }
.filter-checkboxlist label input {
margin: 0;
margin-right: 3px; }
.filter-checkboxlist label .filter_doc_count {
font-size: 8px;
margin-left: 2px; }
.menu-title button {
display: block;
float: right; }
.menu-title button:before {
font-family: fontAwesome;
content: "\f002"; }
/* < 1200px */
@media (max-width: 1199px) {
/* SIDEBAR PRODUCT LISTING */
.list_products .product_img {
width: 100%;
float: none;
text-align: center; }
.list_products .product_info {
margin: 10px 0 0 0; }
/* SIDEBAR BLOG WIDGETS */
/*.list_comments .item_author span {display: block;float: none;margin: 5px 0 0 0;}*/
.list_comments .item_author {
margin: 0 0 0 50px; }
.list_comments .item_author span {
display: block;
float: none;
margin: 0;
padding: 7px 0 0 0; } }
/* < 767px */
@media (max-width: 767px) {
/* LINKS LIST */
.sidebar_widget__collections {
margin: 30px 0 0 0; }
/* SIDEBAR PRODUCT LISTING */
.list_products .product_img {
width: 100px;
float: left; }
.list_products .product_info {
margin: 0 0 0 115px; } }
/* PRODUCT */
.link-red {
color: red; }
.link-red:hover {
color: #8F0808; }
.product_manage {
margin-top: 10px;
text-align: center; }
.product_listing_main .product_wrapper {
margin: 30px 0 0 0;
padding: 20px;
background: #ffffff;
border: 1px solid #e7e7e7; }
.product_listing_main .product_img a {
display: block;
position: relative; }
.product_listing_main .product_img img {
background-color: #ffffff;
position: relative;
z-index: 1; }
.product_listing_main .product_img .img__2 {
position: absolute;
left: 0;
top: 0;
z-index: 10;
opacity: 0; }
.product_listing_main .product_img span.product_badge {
height: 20px;
display: inline-block;
vertical-align: top;
padding: 0 5px;
background: #292d39;
font-size: 12px;
line-height: 19px;
color: #ffffff;
text-transform: capitalize;
position: absolute;
top: -34px;
z-index: 10; }
.product_listing_main .product_img span.product_badge:after {
content: '';
width: 8px;
height: 8px;
display: block;
margin: 0 0 0 -4px;
border: 4px solid transparent;
border-top-color: #292d39;
position: absolute;
left: 50%;
bottom: -8px; }
.product_listing_main .product_img span.new {
left: 0; }
.product_listing_main .product_img span.sale {
background: #26a0d7;
right: 0; }
.product_listing_main .product_img span.sale:after {
border-top-color: #26a0d7; }
.product_listing_main .product_price {
padding: 15px 0 0 0;
font-size: 19px;
color: #26a0d7; }
.product_listing_main .product_price .money {
margin: 0 3px 0 0; }
.product_listing_main .product_price .money_sale {
font-size: 15px;
color: #888888; }
.product_listing_main .product_desc {
padding: 3px 0 0 0; }
.product_listing_main .product_desc_long {
display: none; }
.product_listing_main .product_links {
padding: 10px 0 0 0;
font-size: 0; }
.product_listing_main .product_links form {
display: inline-block; }
.product_listing_main .product_links .btn {
width: 38px;
height: 38px;
margin: 0 6px 0 0;
padding: 0;
-webkit-border-radius: 50%;
border-radius: 50%; }
.product_listing_main .product_links .btn i {
display: block;
font-size: 18px;
line-height: 35px; }
/* HOMEPAGE PRODUCT LISTING (CAROUSEL) */
.featured_products .bx-wrapper {
max-width: 100% !important; }
.featured_products .bx-controls {
position: absolute;
right: 15px;
top: -32.5px;
z-index: 99; }
.featured_products .bx-controls a {
text-decoration: none;
width: 20px;
height: 20px;
display: inline-block;
font-size: 0;
color: #292d39;
text-align: center; }
.featured_products .bx-controls a:hover {
color: #26a0d7; }
.featured_products .bx-controls a:before {
display: block;
font: 17px/18px 'FontAwesome'; }
.featured_products .bx-prev:before {
content: '\f104';
padding: 0 1px 0 0; }
.featured_products .bx-next:before {
content: '\f105';
padding: 0 0 0 1px; }
.product_homepage {
width: 300px !important;
margin: 0; }
/* COLLECTION PRODUCT LISTING (GRID/LIST) */
.product_collection.item3_1 {
clear: left; }
.view_list .product {
width: 100%;
float: none;
overflow: hidden; }
.view_list .product_img {
width: 200px;
float: left; }
.view_list .product_info {
margin: 0 0 0 215px; }
.view_list .product_price {
padding: 0; }
.view_list .product_name {
padding: 5px 0 0 0; }
.view_list .product_desc {
display: none; }
.view_list .product_desc_long {
display: block;
padding: 5px 0 0 0; }
.money_sale, .compare-at-price {
color: #888888;
text-decoration: line-through; }
/* PRODUCTS SORTING */
.product_listing_controls {
overflow: hidden;
margin: 30px 0 0 0;
padding: 0 10px 10px 10px;
background: #ffffff;
border: 1px solid #f2f2f2; }
.product_listing_controls select {
padding: 2px !important; }
.product_listing_toggle {
float: left;
font-size: 0; }
.product_listing_toggle li {
width: 30px;
height: 30px;
display: inline-block;
margin: 10px 10px 0 0;
border: 1px solid transparent;
color: #888888;
text-align: center;
cursor: pointer;
-webkit-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
-moz-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
-ms-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
-o-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out; }
.product_listing_toggle li.active {
background: #26a0d7;
border-color: #26a0d7;
color: #ffffff;
cursor: default; }
.product_listing_toggle li i {
font-size: 18px;
line-height: 29px; }
.sort_by {
float: right;
margin: 10px 0 0 10px; }
.sort_by label {
margin: 0 4px 0 0;
line-height: 30px; }
.sort_by select {
width: auto !important;
height: 30px;
display: inline-block;
padding: 5px 4px;
cursor: pointer;
-webkit-border-radius: 0;
border-radius: 0; }
.show_products {
float: right;
margin: 10px 0 0 10px; }
.show_products label {
margin: 0 4px 0 0;
line-height: 30px; }
.show_products select {
width: auto !important;
height: 30px;
display: inline-block;
padding: 5px 4px;
cursor: pointer;
-webkit-border-radius: 0;
border-radius: 0; }
#product_listing_preloader {
position: relative; }
#product_listing_preloader p {
width: 100%;
height: 32px;
background: url(//cdn.shopify.com/s/files/1/0980/5368/t/2/assets/bx_loader.gif?6616382186379510295) 50% 0 no-repeat;
position: absolute;
left: 0;
top: 0; }
.quantity_box {
display: inline-block;
margin: 10px 10px 0 0; }
.quantity_box input {
width: 54px;
height: 24px;
display: block;
padding: 0;
background: #ffffff;
border: 2px solid #e7e7e7 !important;
font-size: 15px;
text-align: center;
-webkit-box-shadow: none !important;
box-shadow: none !important;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0; }
.quantity_box .quantity_modifier {
width: 26px;
height: 24px;
display: block;
float: left;
background: #ffffff;
border: 2px solid #e7e7e7;
text-align: center;
cursor: pointer; }
.quantity_box .quantity_modifier:active {
color: #26a0d7; }
.quantity_box .quantity_modifier i {
font-size: 14px;
line-height: 22px; }
.quantity_box .quantity_down {
margin: 2px 0 0 0;
-webkit-border-radius: 0 0 0 5px;
border-radius: 0 0 0 5px; }
.quantity_box .quantity_up {
margin: 2px 0 0 2px;
-webkit-border-radius: 0 0 5px 0;
border-radius: 0 0 5px 0; }
#purchase #add-to-cart {
height: 50px;
margin: 10px 10px 0 0;
padding: 0 20px;
font-size: 18px; }
/* < 1200px */
@media (max-width: 1199px) {
product_listing_main .product_wrapper {
padding: 15px; }
.product_listing_main .product_img span.product_badge {
top: -29px; }
/* HOMEPAGE PRODUCT LISTING (CAROUSEL) */
.product_homepage {
width: 250px !important; } }
/* < 991px */
@media (max-width: 991px) {
/* HOMEPAGE PRODUCT LISTING (CAROUSEL) */
.homepage_carousel .product {
width: 292px !important; } }
/* < 767px */
@media (max-width: 767px) {
.product_listing_main .product_img {
width: 120px;
float: left; }
.product_listing_main .product_info {
margin: 0 0 0 135px; }
.product_listing_main .product_price {
padding: 0; }
.product_listing_main .quick_view_btn {
display: none !important; }
/* HOMEPAGE PRODUCT LISTING (CAROUSEL) */
.featured_products .bx-wrapper {
max-width: 767px !important; }
.featured_products .bx-viewport {
height: auto !important; }
.featured_products .bx-controls {
display: none !important; }
.homepage_carousel {
width: 100% !important;
max-width: 767px !important;
margin: 0; }
.homepage_carousel .product {
width: 100% !important;
float: none;
padding: 0; }
.homepage_carousel .product.bx-clone {
display: none; }
/* COLLECTION PRODUCT LISTING (GRID/LIST) */
.product_listing_toggle {
display: none !important; }
.show_products {
float: left;
margin: 10px 10px 0 0; } }
/* < 480px */
@media (max-width: 480px) {
.product_listing_main .product_desc {
display: none !important; }
.product_listing_controls {
text-align: center; }
.products_count {
float: none;
margin: 10px 0 0 0; }
#pagination {
float: none;
margin: 10px 0 0 0; } }
/* FOOTER */
footer {
margin: 30px 0 0 0;
background: #292d39; }
footer h3 {
margin: 0;
font-weight: 300;
font-size: 13px;
color: #ffffff; }
.footer_row__1 h3 {
padding: 40px 0 0 0; }
.footer_block__1 p {
margin: 15px 0 0 0;
font-size: 12px;
line-height: 1.6em; }
.footer_block__2 ul li {
margin: 15px 0 0 0; }
.footer_block__2 ul li a {
color: #888888; }
.footer_block__2 ul li i {
vertical-align: middle;
margin: 0 5px 0 0;
font-size: 14px;
color: #26a0d7;
-webkit-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
-moz-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
-ms-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
-o-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out; }
.footer_block__2 ul li span {
color: #26a0d7;
-webkit-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
-moz-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
-ms-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
-o-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out; }
.footer_block__2 ul li a:hover,
.footer_block__2 ul li a:hover i,
.footer_block__2 ul li a:hover span {
color: #ffffff; }
.footer_row__2 {
margin: 35px 0 0 0;
border-top: 1px solid rgba(255, 255, 255, 0.1); }
.footer_row__2 h3 {
padding: 30px 0 0 0; }
.footer_row__2 ul {
padding: 5px 0 0 0; }
.footer_row__2 ul li {
padding: 9px 0 0 0; }
.footer_row__2 ul li a {
color: #26a0d7; }
.footer_row__2 ul li a:hover {
color: #ffffff; }
.footer_block__6 a {
color: #888888; }
.footer_block__6 a i {
width: 15px;
display: inline-block;
vertical-align: middle;
margin: 0 10px 0 0;
font-size: 14px;
color: #26a0d7;
text-align: center; }
.footer_block__6 a:hover {
color: #ffffff; }
footer .copyright {
margin: 30px 0 0 0;
padding: 20px 0 38px 0;
border-top: 1px solid rgba(255, 255, 255, 0.1); }
footer .copyright p {
margin: 0; }
footer .copyright a {
color: #888888; }
footer .copyright a:hover {
color: #ffffff; }
/* BACK TO TOP BUTTON */
#back_top {
text-decoration: none;
width: 38px;
height: 38px;
display: block;
margin: 0 0 0 615px;
background: #26a0d7;
color: #ffffff;
text-align: center;
position: fixed;
left: 50%;
bottom: 50px;
z-index: 999;
-webkit-border-radius: 50%;
border-radius: 50%; }
#back_top:before {
content: '\f106';
font: 18px/37px 'FontAwesome'; }
#back_top:hover {
background: #292d39;
-webkit-box-shadow: 0 0 7px 0 rgba(255, 255, 255, 0.25);
box-shadow: 0 0 7px 0 rgba(255, 255, 255, 0.25); }
/* < 1200px */
@media (max-width: 1199px) {
#back_top {
margin: 0 0 0 455px; } }
/* < 991px */
@media (max-width: 991px) {
#back_top {
margin: 0 0 0 345px; } }
/* < 767px */
@media (max-width: 767px) {
#back_top {
display: none !important; }
.footer_row__1 h3,
.footer_row__2 h3 {
padding: 30px 0 0 0; }
.footer_block__5 {
clear: left; }
footer .container {
padding-left: 10px;
padding-right: 10px; } }
/* < 480px */
@media (max-width: 480px) {
.footer_row__2 .footer_block {
width: 100%;
float: none;
clear: both; } }
/* BLOG */
.article_date {
width: 70px;
float: left;
cursor: default; }
.article_date .date_1 {
width: 70px;
height: 70px;
display: block;
background: #ffffff;
font-weight: bold;
font-size: 46px;
line-height: 69px;
color: #26a0d7;
text-align: center;
letter-spacing: -3px; }
.article_date .date_2 {
width: 70px;
height: 30px;
display: block;
background: #26a0d7;
font-size: 11px;
line-height: 29px;
color: #ffffff;
text-align: center;
text-transform: uppercase; }
.article_comments__link {
display: inline-block; }
.article_comments__link:before {
content: '\f086';
margin: 0 5px 0 0;
font: 13px 'FontAwesome';
color: #26a0d7; }
.article_body {
margin: 0 0 0 100px; }
.blog_tags {
margin: 20px 0 0 0;
font-size: 0; }
.blog_tags a {
text-decoration: none;
display: inline-block;
margin: 10px 10px 0 0;
padding: 5px 10px;
background: #ffffff;
font-size: 12px;
color: #888888; }
.blog_tags a:before {
content: '\f02b';
margin: 0 5px 0 0;
font: 13px 'FontAwesome';
color: #26a0d7; }
.blog_tags a:hover {
background: #26a0d7;
color: #ffffff; }
.blog_tags a:hover:before {
color: #ffffff; }
.blog_tags a.tag_active {
background: #26a0d7;
color: #ffffff !important;
cursor: default; }
.blog_tags a.tag_active:before {
color: #ffffff; }
/* POSTS LISTING */
.blog_listing__article {
margin: 30px 0 0 0; }
.blog_listing__article ~ .blog_listing__article {
margin: 50px 0 0 0; }
.article_header h3 {
margin: 0;
font-size: 16px; }
.article_header p {
margin: 10px 0 0 0; }
.article_header .article_header__author {
margin: 0 15px 0 0; }
.article_header .article_header__author:before {
content: '\f007';
margin: 0 5px 0 0;
font: 13px 'FontAwesome';
color: #26a0d7; }
.article_content {
margin: 30px 0 0 0; }
.article_footer .btn {
margin: 30px 0 0 0; }
.blog_listing .product_listing_controls {
margin: 40px 0 0 0; }
/* SINGLE POST */
.blog_article {
padding: 30px 0 0 0; }
.blog_article .article_footer .addthis_sharing_toolbox {
margin: 25px 0 0 0; }
.blog_article .article_footer .addthis_sharing_toolbox a {
vertical-align: top;
margin: 5px 5px 0 0; }
.blog_article .article_pagination {
overflow: hidden;
margin: 15px 0 0 0; }
.blog_article .article_pagination .article_prev {
float: left;
margin: 15px 15px 0 0; }
.blog_article .article_pagination .article_prev:before {
content: '\f060';
margin: 0 10px 0 0;
font: 14px 'FontAwesome'; }
.blog_article .article_pagination .article_next {
float: right;
margin: 15px 0 0 0; }
.blog_article .article_pagination .article_next:after {
content: '\f061';
margin: 0 0 0 10px;
font: 14px 'FontAwesome'; }
.blog_article .article_comments {
margin: 30px 0 0 0;
border-top: 1px solid #e7e7e7; }
.blog_article .article_comments h3 {
margin: 30px 0 0 0; }
.article_comments__list li {
margin: 30px 0 0 0;
padding: 20px;
background: #f2f2f2; }
.article_comments__list li ~ li {
margin: 20px 0 0 0; }
.article_comments__list .comment_author {
overflow: hidden;
margin: 0;
color: #26a0d7; }
.article_comments__list .comment_author:before {
content: '\f007';
margin: 0 5px 0 0;
font: 13px 'FontAwesome'; }
.article_comments__list .comment_author span {
float: right;
margin: 0 0 0 15px; }
.article_comments__list .comment_content {
margin: 10px 0 0 0; }
.article_comments__form {
margin: 30px 0 0 0;
border-top: 1px solid #e7e7e7; }
.article_comments__form h3 {
margin: 30px 0 0 0; }
.article_comments__form .btn {
margin: 15px 0 0 0; }
.blog-posts-item {
margin: 20px 0;
padding: 20px 0;
border-top: 1px solid #eee; }
#comments .comment-item .comment-reply {
color: #337ab7;
text-decoration: none;
border-bottom: 1px dotted #337ab7;
cursor: pointer; }
#comments .margin {
margin-left: 40px; }
#comments .comment-item .comment-item .comment-item .comment-item .comment-item .margin {
margin-left: 0; }
.comment-user {
/*font-weight: bold;*/ }
.comment-user:before {
content: '\f007';
margin: 0 5px 0 0;
font: 13px 'FontAwesome';
color: #26a0d7; }
.comment-content {
font-size: 14px; }
.blog_menu_image {
margin-top: 10px;
height: 170px;
background-position: center center;
background-size: cover; }
/* < 768px */
@media (max-width: 767px) {
/* POSTS LISTING */
.article_header__title {
float: none;
margin: 0; }
.article_header__comments {
float: none; }
.article_footer__tags,
.article_footer__right {
float: none;
margin: 15px 0 0 0; }
/* SINGLE POST */
.article_comments__list .comment_author span {
display: block;
float: none;
margin: 5px 0 0 0; } }
/* < 480px */
@media (max-width: 480px) {
/* POSTS LISTING */
.blog_listing__article .article_body {
margin: 0; }
.blog_listing__article .article_header {
margin: 0 0 0 100px; }
.blog_listing__article .article_content {
clear: both;
padding: 15px 0 0 0; } }
/* RIBBON */
/* PRODUCT LABELS */
.ribbon {
position: absolute;
left: 10px;
top: 25px;
z-index: 20;
overflow: hidden;
width: 75px;
height: 75px;
text-align: right; }
@media (max-width: 767px) {
.ribbon {
left: 10px;
top: -5px; }
.view_list .ribbon {
left: 10px;
top: 25px; } }
.ribbon span {
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
line-height: 20px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
width: 100px;
display: block;
position: absolute;
top: 19px;
left: -21px; }
/* Discount Sale */
.ribbon_3 span, .ribbon_2 span {
color: #FFF;
background: #79A70A;
background: linear-gradient(#F70505 0%, #8F0808 100%);
box-shadow: 0 3px 10px -5px black; }
.ribbon_3 span::before, .ribbon_2 span::before {
content: "";
position: absolute;
left: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid #8F0808;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #8F0808; }
.ribbon_3 span::after, .ribbon_2 span::after {
content: "";
position: absolute;
right: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #8F0808;
border-bottom: 3px solid transparent;
border-top: 3px solid #8F0808; }
/* New */
.ribbon_1 span {
color: #FFF;
background: #79A70A;
background: linear-gradient(#9BC90D 0%, #79A70A 100%);
box-shadow: 0 3px 10px -5px black; }
.ribbon_1 span::before {
content: "";
position: absolute;
left: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid #79A70A;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #79A70A; }
.ribbon_1 span::after {
content: "";
position: absolute;
right: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #79A70A;
border-bottom: 3px solid transparent;
border-top: 3px solid #79A70A; }
/* Bestseller Best price */
.ribbon_4 span, .ribbon_5 span {
color: #FFF;
background: #79A70A;
background: linear-gradient(#F79E05 0%, #8F5408 100%);
box-shadow: 0 3px 10px -5px black; }
.ribbon_4 span::before, .ribbon_5 span::before {
content: "";
position: absolute;
left: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid #8F5408;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #8F5408; }
.ribbon_4 span::after, .ribbon_5 span::after {
content: "";
position: absolute;
right: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #8F5408;
border-bottom: 3px solid transparent;
border-top: 3px solid #8F5408; }
/* Product day, Popular */
.ribbon_7 span, .ribbon_8 span {
color: #FFF;
background: #79A70A;
background: linear-gradient(#2989d8 0%, #1e5799 100%);
box-shadow: 0 3px 10px -5px black; }
.ribbon_7 span::before, .ribbon_8 span::before {
content: "";
position: absolute;
left: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid #1e5799;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #1e5799; }
.ribbon_7 span::after, .ribbon_8 span::after {
content: "";
position: absolute;
right: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #1e5799;
border-bottom: 3px solid transparent;
border-top: 3px solid #1e5799; }
/* Hot deal, recommended */
.ribbon_6 span, .ribbon_10 span {
color: #FFF;
background: #79A70A;
background: linear-gradient(#F7E64A 0%, #A7820A 100%);
box-shadow: 0 3px 10px -5px black; }
.ribbon_6 span::before, .ribbon_10 span::before {
content: "";
position: absolute;
left: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid #A7820A;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #A7820A; }
.ribbon_6 span::after, .ribbon_10 span::after {
content: "";
position: absolute;
right: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #A7820A;
border-bottom: 3px solid transparent;
border-top: 3px solid #A7820A; }
/* Promo */
.ribbon_9 span {
color: #FFF;
background: #79A70A;
background: linear-gradient(#F74ADA 0%, #9D0AA7 100%);
box-shadow: 0 3px 10px -5px black; }
.ribbon_9 span::before {
content: "";
position: absolute;
left: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid #9D0AA7;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #9D0AA7; }
.ribbon_9 span::after {
content: "";
position: absolute;
right: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #9D0AA7;
border-bottom: 3px solid transparent;
border-top: 3px solid #9D0AA7; }
/* TABLE TEMPLATE */
.cart_list {
width: 100%;
max-width: 100%;
margin: 30px 0 0 0;
background: #ffffff; }
.cart_list th {
padding: 10px 10px;
background: #007ab2;
border: 1px solid #e7e7e7;
font-size: 14px;
color: #ffffff;
text-transform: uppercase;
text-align: center; }
.cart_list td {
padding: 20px;
border: 1px solid #e7e7e7; }
/* CART */
.cart_page .page_heading #cart_loader {
width: 44px;
height: 44px;
display: block;
margin: 0 0 0 -22px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMhJREFUeNrs2TEKwkAUhOEXBSurQM5jo2AbyG2EgIfyCkKqXEDiGYI2QkBn5aXYYBqb7MAM/Ft/LNutWbwtqtEVDei9UIMbajf93A51CyLn6twWrUwQOq0csTl6EICDMV/jOKG9pb+Nv21rCW53rM1wvFzPsD5zOc1WRjaBBRZYYIEFFlhggQUWWGCBBRZYYIEFFvh/cE/kfQbwnQh8C+ALEfhrLYznU6YY5RUBuJpe98HS/Vg8zr2R8E16Rk0C0MYt0dftR4ABAFfva4h/thfHAAAAAElFTkSuQmCC") 0 0 no-repeat;
position: fixed;
left: 50%;
top: 0;
z-index: 1000;
opacity: 0;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out; }
.cart_page .page_heading #cart_loader:after {
content: '';
width: 44px;
height: 44px;
display: block;
background: url("fancybox_loading.gif") 50% 50% no-repeat; }
.cart_page .page_heading #cart_loader.loading {
top: 60px;
opacity: 1; }
.cart_list .cart_price {
font-size: 16px;
text-align: right; }
.cart_item__img {
width: 140px;
float: left; }
.cart_item__info {
margin: 0 0 0 160px; }
.cart_item__name {
margin: 0; }
.cart_item__variant {
margin: 15px 0 0 0;
font-size: 12px;
color: #26a0d7; }
.cart_item__details {
margin: 10px 0 0 0; }
.cart_item__details p {
margin: 5px 0 0 0;
color: #26a0d7; }
.cart_item__details p span {
color: #292d39; }
.cart_item .quantity_box {
width: 88px;
height: 24px;
margin: 0;
position: relative; }
.cart_item .quantity_box input {
width: 40px;
position: absolute;
left: 24px;
top: 0; }
.cart_item .quantity_box .quantity_down {
margin: 0;
position: absolute;
left: 0;
top: 0;
-webkit-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px; }
.cart_item .quantity_box .quantity_up {
margin: 0;
position: absolute;
right: 0;
top: 0;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0; }
.cart_item .cart_update {
width: 88px;
display: block;
margin: 5px 0 0 0; }
.cart_item__remove {
font-size: 14px; }
.cart_item__remove i {
vertical-align: baseline; }
.cart_list .cart_buttons .btn {
float: right;
margin: 0 0 0 20px; }
.cart_list .cart_buttons .btn-alt {
float: none;
margin: 0; }
.cart_list .cart_buttons .btn:before {
margin: 0 7px 0 0;
font: 14px 'FontAwesome'; }
.cart_list .cart_buttons .cart_continue:before {
content: '\f060'; }
.cart_list .cart_buttons .cart_update:before {
content: '\f021'; }
.cart_list .cart_buttons #cart_clear:before {
content: '\f1f8'; }
.cart_list .cart_summary .cart_summary__row {
margin: 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #e7e7e7;
font-size: 18px;
color: #292d39; }
.cart_list .cart_summary .cart_summary__row ~ .cart_summary__row {
padding: 10px 0; }
.cart_list .cart_summary .cart_summary__row span {
float: right; }
.cart_list .cart_summary .cart_summary__notification {
margin: 20px 0 0 0; }
.cart_list .cart_summary .cart_summary__instructions {
margin: 15px 0 0 0; }
.cart_list .cart_summary .cart_summary__instructions label {
display: block;
padding: 0 0 3px 0;
font-weight: normal;
color: #292d39; }
.cart_list .cart_summary .cart_summary__instructions textarea {
width: auto !important;
height: 100px !important;
max-width: 100% !important;
resize: none; }
.cart_list .cart_summary .cart_summary__checkout button {
float: right;
margin: 20px 0 0 10px;
padding: 10px 20px;
font-size: 16px; }
.cart_list .cart_summary .cart_summary__checkout a.checkout_button {
float: right;
margin: 20px 0 0 10px;
padding: 10px 20px;
font-size: 16px; }
.order_button {
float: right;
margin: 20px 0 0 10px;
padding: 10px 20px;
font-size: 16px; }
.cart_list .cart_summary .cart_summary__methods {
float: left; }
.cart_list .cart_summary .cart_summary__methods li {
float: left;
margin: 20px 10px 0 0; }
/* EMPTY CART NOTIFICATION */
.cart_empty h3 a {
font-weight: inherit;
text-decoration: underline; }
.cart_empty h3 a:hover {
text-decoration: none; }
/* < 767px */
@media (max-width: 767px) {
.cart_list {
border: 1px solid #e7e7e7;
border-width: 0 1px 1px 1px; }
.cart_list th {
display: none; }
.cart_list tbody td {
display: block;
overflow: hidden;
padding: 0;
border-width: 0;
text-align: left !important; }
.cart_list tbody td.cell_1 {
border-width: 1px 0; }
.cart_list tbody td.cell_2 {
width: 140px;
float: left;
padding: 10px; }
.cart_list tbody td.cell_3 {
width: 98px;
float: left;
padding: 10px 10px 10px 0; }
.cart_list tbody td.cell_4 {
float: left;
padding: 10px 10px 10px 0; }
.cart_list tbody td.cell_5 {
float: right;
padding: 10px 10px 10px 0; }
.cart_item__img {
width: 140px;
padding: 10px; }
.cart_item__info {
margin: 0 0 0 140px;
padding: 10px 10px 10px 0; }
.cart_list .cart_buttons td {
padding: 0 20px 20px 20px; }
.cart_list .cart_buttons .btn {
margin-top: 20px; }
.cart_list .cart_summary .cart_summary__checkout {
text-align: center; }
.cart_list .cart_summary .cart_summary__checkout button {
float: none;
margin: 20px 0 0 0; }
.cart_list .cart_summary .cart_summary__methods {
float: none;
font-size: 0; }
.cart_list .cart_summary .cart_summary__methods li {
display: inline-block;
float: none;
margin: 20px 10px 0 10px; } }
/* < 480px */
@media (max-width: 480px) {
.cart_list tbody td.cell_2 {
width: 120px; }
.cart_item__img {
width: 120px; }
.cart_item__info {
margin: 0 0 0 120px; }
.cart_list .cart_buttons td {
text-align: center; }
.cart_list .cart_buttons .btn {
width: 100%;
display: block;
float: none;
margin: 20px 0 0 0; } }
/* ACCOUNT */
.account_wrapper {
width: 100%;
height: 100%;
display: table;
margin: 30px 0 0 0; }
.account_wrapper .account_left {
width: 50%;
height: 100%;
display: table-cell;
padding: 0 15px 0 0; }
.account_wrapper .account_right {
width: 50%;
height: 100%;
display: table-cell;
padding: 0 0 0 15px; }
.account_wrapper .account_section {
width: 100%;
height: 100%;
margin: 0; }
#account_login .account_left ul {
margin: 10px 0 0 0; }
#account_login .account_left .signup_feature ul li {
margin: 5px 0 0 0;
color: #292d39;
text-transform: uppercase; }
#account_login .account_left .signup_feature ul li:before {
content: '\f00c';
margin: 0 7px 0 0;
font: 14px 'FontAwesome';
color: #26a0d7; }
#account_login .account_left .btn {
margin-top: 15px; }
#account_login .account_left .social_login {
margin-top: 10px; }
#account_guest {
margin: 30px 0 0 0; }
#account_guest .btn {
margin-top: 15px; }
/* < 767px */
@media (max-width: 767px) {
.account_wrapper {
display: block;
margin: 0; }
.account_wrapper .account_left {
width: 100%;
height: auto;
display: block;
padding: 0; }
.account_wrapper .account_right {
width: 100%;
height: auto;
display: block;
padding: 0; }
.account_wrapper .account_section {
margin: 30px 0 0 0; } }
/* < 640px */
@media (max-width: 640px) {
.account_wrapper .account_section {
margin: 15px 0 0 0; } }
/* CONTACTS */
.contact-scope #google_map {
margin: 15px 0; }
#contact_page #google_map {
width: 100%;
margin: 15px 0;
border: 1px solid #e7e7e7; }
.contact-form textarea {
width: 100%; }
/* COMPONENTS */
label {
font-size: 13px;
color: #292d39; }
select,
select.form-control,
textarea,
textarea.form-control,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="telephone"] {
padding: 6px;
border: 1px solid #e7e7e7;
font-size: 13px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 5px;
border-radius: 5px;
box-shadow: none; }
select,
select.form-control {
padding: 8px 3px; }
textarea,
textarea.form-control {
min-width: 100%;
max-width: 100%; }
select:focus,
select.form-control:focus,
textarea:focus,
textarea.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="telephone"]:focus {
border-color: #aaa;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ddd;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ddd; }
input[type="radio"],
input[type="checkbox"],
.form-group {
vertical-align: top !important;
margin-top: 15px;
margin-bottom: 0; }
.form-horizontal label {
padding-top: 0 !important;
text-align: right;
line-height: 34px; }
.form-horizontal select {
width: 100%; }
.action_bottom span.note {
margin-left: 5px; }
.action_bottom span.note a {
margin-left: 5px; }
/* 5.2 ALERTS & NOTIFICATIONS */
.alert {
margin: 15px 0;
padding: 12px;
font-weight: normal;
font-size: 14px;
-webkit-border-radius: 0;
border-radius: 0; }
.alert p {
margin: 0; }
.alert a {
font-weight: bold;
text-decoration: underline; }
.alert a:hover {
text-decoration: none; }
.alert ul {
list-style-type: disc;
list-style-position: inside;
margin: 0; }
.alert ol {
list-style-type: decimal;
list-style-position: inside;
margin: 0; }
.alert > p + p,
.alert > ul + ul {
margin: 10px 0 0 0; }
.alert-success {
background-color: #dff0d8;
color: #1e892a; }
.alert-success a {
color: #1e892a; }
.alert-info {
background-color: #cfedfc;
color: #267abe; }
.alert-info a {
color: #267abe; }
.alert-warning {
background-color: #fff5c7;
color: #c87100; }
.alert-warning a {
color: #c87100; }
.alert-danger,
.alert-error {
background-color: #ffcccc;
color: #d10300; }
.alert-danger a,
.alert-error a {
color: #d10300; }
.alert-form {
border-color: #d10300 !important; }
.alert-form-info {
display: none;
margin: 5px 0 0 0;
font-size: 12px;
color: #d10300; }
.notify_success {
color: #1e892a; }
.notify_info {
color: #267abe; }
.notify_warning {
color: #c87100; }
.notify_danger {
color: #d10300; }
/* HEADER TABLE */
.header-table {
display: table;
width: 100%;
height: 90px;
margin: 0;
padding: 0; }
.header-table .column {
display: table-cell;
vertical-align: top;
padding: 20px; }
.header-table .left-box {
width: 270px;
text-align: left;
padding: 0;
vertical-align: middle; }
.header-table .center-box {
width: auto;
padding: 0 10px;
vertical-align: middle; }
.header-table .right-box {
width: 250px;
text-align: right;
padding: 0;
vertical-align: middle; }
.header-table .right-box .phone-number {
color: #0AA1F1; }
.header-table .right-box .phone-number span {
font-size: 20px;
color: #555555; }
/* SOCIAL*/
.social-channels {
margin: 12px 0;
padding-right: 10px;
text-align: right;
font-size: 12px;
float: right;
border-right: solid 1px #cccccc; }
.social-channels a {
display: inline-block;
margin-right: 3px;
text-decoration: none; }
/* PRIVATE */
.private-links {
margin: 10px 0;
text-align: right;
font-size: 12px;
float: right; }
.private-links a {
display: inline-block;
margin-left: 10px;
text-decoration: none; }
.private-links a i {
margin: 3px 5px;
color: #0AA1F1; }
/* BUTTONS */
.btn-blue {
background: #0AA1F1;
color: #FFFFFF;
border: none;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
/* !important tags aren't necessarily always bad */ }
.btn-blue:hover, .btn-blue:focus, .btn-blue:active {
background: #023F60;
color: #FFFFFF; }
.btn-red {
background: red;
color: #FFFFFF;
border: none;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
/* !important tags aren't necessarily always bad */ }
.btn-red:hover, .btn-red:focus, .btn-red:active {
background: #8F0808;
color: #FFFFFF; }
/* LEFT MENU */
.menu-title {
background-color: #0AA1F1;
color: #ffffff;
padding: 10px 15px;
margin-top: 10px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
.left-box {
width: 250px; }
.left-box li {
list-style: none;
padding: 0;
margin: 0;
background: #ffffff; }
.left-box li a {
text-decoration: none;
display: block;
line-height: 1.2em; }
.left-box li a span {
font-size: 8px;
color: #aaa;
font-family: "Play", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.left-box li a:hover {
color: #023F60; }
.left-box li.active a {
font-weight: bold;
color: #333333 !important; }
.left-box li.active a:hover {
color: #0AA1F1 !important;
text-decoration: none; }
.category_links li ~ li a, .types_links li ~ li a {
border-top: 1px solid rgba(0, 0, 0, 0.1); }
.category_links li a, .types_links li a {
padding: 12px 20px; }
.category_links li a:after, .types_links li a:after {
content: '\f105';
vertical-align: middle;
float: right;
margin: 0 0 0 7px;
font: 14px/1.2em 'FontAwesome';
opacity: .3; }
/* BREADCRUMBS */
.breadcrumb_wrap {
margin: 0 0 30px 0; }
.breadcrumb {
margin: 0;
padding: 7px 15px;
background: #ffffff;
-webkit-border-radius: 0;
border-radius: 0;
font-size: 11px; }
.sub-category_list {
margin-top: 15px !important;
border: 0 !important; }
/* > 768px */
@media only screen and (min-width: 768px) {
.container-small {
width: 300px; }
.container-large {
width: 970px; } }
/* > 992px */
@media only screen and (min-width: 992px) {
.container-small {
width: 500px; }
.container-large {
width: 1170px; } }
/* > 1200px */
@media only screen and (min-width: 1200px) {
.container-small {
width: 700px; }
.container-large {
width: 1500px; } }
/* < 1200px */
@media only screen and (max-width: 1200px) {
.left-box, #main-menu > li:first-child > a {
width: 220px !important; } }
/* < 992px */
@media only screen and (max-width: 992px) {
.left-box, #main-menu > li:first-child > a {
width: 160px !important; }
.main-content {
padding-right: 25px;
padding-left: 25px; } }
/* < 768px */
@media only screen and (max-width: 768px) {
.left-box {
display: none; }
#main-menu > li:first-child > a {
width: 100% !important; }
.header-table {
display: block !important; }
.header-table .column {
display: block !important;
text-align: center !important; }
.header-bottom {
margin-top: 40px !important; }
.phone-number {
margin-top: 20px; }
.left-box {
width: 100% !important; }
.money_sale {
display: block; }
.private-links {
width: 100%;
margin-bottom: 0;
text-align: center; }
.social-channels {
width: 100%;
border-right: 0;
border-top: solid 1px #cccccc;
text-align: center;
padding-top: 10px; } }
/*# sourceMappingURL=main.css.map */