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
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 */
|
|
|