/**
Table of Contents:
1. GLOBAL STYLING
2. DEFAULT CLASSES
3. HEADER
4. BASIC ELEMENTS
4.1. HEADING
4.2. BOX LAYOUT
4.3. IMAGE GRID
4.4. INSTAGRAM
4.5. SERVICES
4.6. PRODUCT MENU
4.7. CLIENTS
4.8. COUNTDOWN
4.9. ABOUT US
4.10. SIMPLE PRODUCT SLIDER
4.11. IMAGE SLIDER
4.12. INFO
4.13. OUR STORY
4.14. BLOG LIST
4.15. TESTIMONIAL
4.16. PRODUCT LIST
4.17. REPRESENT
4.18. FARMER
4.19. ATTRIBUTES
4.20. BOXES
4.21. PRODUCT GRID - TAB GRID
4.22. PRODUCT MASONRY
4.23. WISHLIST
4.24. QUICKVIEW
4.25. FORM
4.26. GOOGLE MAP
4.27. NEWSLETTER
5. FOOTER
6. RESPONSIVE
7. COMMERCE
7.1. GENERAL
7.2. SHOP PAGE
7.3. SINGLE PRODUCT
7.4. CART
7.5. MY ACCOUNT
*
* -----------------------------------------------------------------------------
*/
/* --------------------------------------------------------------------- */
/* 1. GLOBAL STYLING
/* --------------------------------------------------------------------- */
@font-face {
font-family: brandon-grotesque;
src: url("../fonts/Brandon_med.otf") format("opentype");
}
@font-face {
font-family: Segoe_UI_Symbol_Regular;
src: url("../fonts/Segoe_UI_Symbol_Regular.ttf");
}
@font-face {
font-family: Segoe_UI_Symbol_bold;
src: url("../fonts/segoeuib.ttf");
}
@font-face {
font-family: Segoe_UI;
src: url("../fonts/segoeui.ttf");
}
segoeuib.ttf
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
color: #79cba8;
}
a:focus, a {
outline: none !important;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: 'Lato', sans-serif;
font-size: 14px;
line-height: 1.428571429;
color: #696969;
background-color: #ffffff;
font-weight: 400;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #212121;
text-decoration: none;
}
a:hover,
a:focus {
color: #79cba8;
text-decoration: none;
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.428571429;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #ffffff;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: 'Pacifico', cursive;
font-weight: 400;
line-height: 1.2;
color: #212121;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: #989898;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 20px;
margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 10px;
margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
font-size: 75%;
}
h1,
.h1 {
font-size: 36px;
}
h2,
.h2 {
font-size: 30px;
}
h3,
.h3 {
font-size: 24px;
}
h4,
.h4 {
font-size: 18px;
}
h5,
.h5 {
font-size: 14px;
}
h6,
.h6 {
font-size: 12px;
}
p {
margin: 0 0 10px;
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
}
@media (min-width: 768px) {
.lead {
font-size: 21px;
}
}
small,
.small {
font-size: 85%;
}
mark,
.mark {
background-color: #fcf8e3;
padding: .2em;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: #989898;
}
.text-primary {
color: #79cba8;
}
a.text-primary:hover,
a.text-primary:focus {
color: #54bd90;
}
.text-success {
color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
color: #843534;
}
.bg-primary {
color: #fff;
background-color: #79cba8;
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #54bd90;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #ffffff;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px;
}
.list-inline>li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dt,
dd {
line-height: 1.428571429;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #989898;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #ffffff;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.428571429;
color: #989898;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #ffffff;
border-left: 0;
text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014';
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.428571429;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #ffffff;
background-color: #333333;
border-radius: 3px;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
box-shadow: none;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.428571429;
word-break: break-all;
word-wrap: break-word;
color: #545454;
background-color: #f5f5f5;
border: 1px solid #cccccc;
border-radius: 4px;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #545454;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.428571429;
color: #767676;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #767676;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
color: #999999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999999;
}
.form-control::-webkit-input-placeholder {
color: #999999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #ffffff;
opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 34px;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm,
.input-group-sm input[type="date"],
.input-group-sm input[type="time"],
.input-group-sm input[type="datetime-local"],
.input-group-sm input[type="month"] {
line-height: 30px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg,
.input-group-lg input[type="date"],
.input-group-lg input[type="time"],
.input-group-lg input[type="datetime-local"],
.input-group-lg input[type="month"] {
line-height: 46px;
}
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label,
.checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9;
}
.radio+.radio,
.checkbox+.checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer;
}
.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-left: 0;
padding-right: 0;
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm {
height: 30px;
line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.form-group-sm select.form-control {
height: 30px;
line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.5;
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-lg {
height: 46px;
line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.form-group-lg select.form-control {
height: 46px;
line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 11px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
}
.input-lg+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.form-group-lg .form-control+.form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px;
}
.input-sm+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.form-group-sm .form-control+.form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #f2dede;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-feedback label~.form-control-feedback {
top: 25px;
}
.has-feedback label.sr-only~.form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #a9a9a9;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group>.form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px;
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px;
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 14.333333px;
font-size: 18px;
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px;
}
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #333333;
text-decoration: none;
}
.btn:active,
.btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
color: #333333;
background-color: #ffffff;
border-color: #cccccc;
}
.btn-default:focus,
.btn-default.focus {
color: #333333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.btn-default:hover {
color: #333333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
color: #333333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open>.dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open>.dropdown-toggle.btn-default.focus {
color: #333333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
background-color: #ffffff;
border-color: #cccccc;
}
.btn-default .badge {
color: #ffffff;
background-color: #333333;
}
.btn-primary {
color: #ffffff;
background-color: #79cba8;
border-color: #67c49c;
}
.btn-primary:focus,
.btn-primary.focus {
color: #ffffff;
background-color: #54bd90;
border-color: #307b5b;
}
.btn-primary:hover {
color: #ffffff;
background-color: #54bd90;
border-color: #42ab7e;
}
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
color: #ffffff;
background-color: #54bd90;
border-color: #42ab7e;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
color: #ffffff;
background-color: #42ab7e;
border-color: #307b5b;
}
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color: #79cba8;
border-color: #67c49c;
}
.btn-primary .badge {
color: #79cba8;
background-color: #ffffff;
}
.btn-success {
color: #ffffff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
color: #ffffff;
background-color: #449d44;
border-color: #255625;
}
.btn-success:hover {
color: #ffffff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
color: #ffffff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open>.dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open>.dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open>.dropdown-toggle.btn-success.focus {
color: #ffffff;
background-color: #398439;
border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #ffffff;
}
.btn-info {
color: #ffffff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
color: #ffffff;
background-color: #31b0d5;
border-color: #1b6d85;
}
.btn-info:hover {
color: #ffffff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
color: #ffffff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open>.dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open>.dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open>.dropdown-toggle.btn-info.focus {
color: #ffffff;
background-color: #269abc;
border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #ffffff;
}
.btn-warning {
color: #ffffff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
color: #ffffff;
background-color: #ec971f;
border-color: #985f0d;
}
.btn-warning:hover {
color: #ffffff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
color: #ffffff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open>.dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open>.dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open>.dropdown-toggle.btn-warning.focus {
color: #ffffff;
background-color: #d58512;
border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #ffffff;
}
.btn-danger {
color: #ffffff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
color: #ffffff;
background-color: #c9302c;
border-color: #761c19;
}
.btn-danger:hover {
color: #ffffff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
color: #ffffff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open>.dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open>.dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open>.dropdown-toggle.btn-danger.focus {
color: #ffffff;
background-color: #ac2925;
border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #ffffff;
}
.btn-link {
color: #212121;
font-weight: normal;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #79cba8;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #989898;
text-decoration: none;
}
.btn-lg,
.btn-group-lg>.btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-sm,
.btn-group-sm>.btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs,
.btn-group-xs>.btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block+.btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group>.btn,
.btn-group-vertical>.btn {
position: relative;
float: left;
}
.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover,
.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus,
.btn-group>.btn:active,
.btn-group-vertical>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn.active {
z-index: 2;
}
.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
margin-left: -1px;
}
.btn-toolbar {
margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left;
}
.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
margin-left: 5px;
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group>.btn:first-child {
margin-left: 0;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group>.btn-group {
float: left;
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0;
}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group>.btn+.dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
}
.btn-group>.btn-lg+.dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px;
}
.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical>.btn-group>.btn {
float: none;
}
.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical>.btn:first-child:not(:last-child) {
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical>.btn:last-child:not(:first-child) {
border-bottom-left-radius: 4px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0;
}
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
float: none;
display: table-cell;
width: 1%;
}
.btn-group-justified>.btn-group .btn {
width: 100%;
}
.btn-group-justified>.btn-group .dropdown-menu {
left: auto;
}
[data-toggle="buttons"]>.btn input[type="radio"],
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
[data-toggle="buttons"]>.btn input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.noo-container:before,
.noo-container:after,
.noo-container-fluid:before,
.noo-container-fluid:after,
.noo-row:before,
.noo-row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after {
content: " ";
display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.noo-container:after,
.noo-container-fluid:after,
.noo-row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right!important;
}
.pull-left {
float: left!important;
}
.hide {
display: none!important;
}
.show {
display: block!important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none!important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
.pagination {
display: block;
overflow: hidden;
text-align: center;
padding-left: 0;
margin: 60px auto 0;
line-height: 2.2;
}
.pagination .page-numbers {
color: #696969;
font-size: 14px;
font-family: 'Lato', sans-serif;
display: inline-block;
margin: 0px 3px;
background: transparent;
text-align: center;
width: 40px;
height: 40px;
line-height: 40px;
border: 1px solid #f4eede;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.pagination .page-numbers.current {
color: #ffffff;
background: #79cba8;
border-color: #79cba8;
}
.pagination .prev,
.pagination .next {
padding: 0 12px;
width: auto;
}
.pagination a.page-numbers {
text-decoration: none;
}
.pagination a.page-numbers:hover {
color: #ffffff;
background: #79cba8;
border-color: #79cba8;
}
#pagination {
display: block;
text-align: center;
}
#pagination .prev,
#pagination .next {
display: inline-block;
margin: 15px;
}
.loadmore-action,
.loadmore-loading {
display: block;
width: 100%;
text-align: center;
margin: 20px auto;
line-height: 3;
font-size: 14px;
}
.loadmore-loading {
position: relative;
height: 25px;
width: 50px;
margin-left: auto;
margin-right: auto;
}
/* --------------------------------------------------------------------- */
/* 2. DEFAULT CLASSES
/* --------------------------------------------------------------------- */
.noo-slider {
position: relative;
}
.noo-slider .caroufredsel_wrapper {
position: relative;
}
.noo-slider .caroufredsel_wrapper .sliders {
list-style: none;
margin: 0;
padding: 0;
}
.noo-slider .caroufredsel_wrapper .sliders .slide-item {
float: left;
position: relative;
height: auto;
width: 100%;
}
.noo-slider .caroufredsel_wrapper .sliders .slide-item img {
display: block;
max-width: 100%;
width: 100%;
}
.noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed {
position: relative;
display: block;
}
.noo-slider .slider-timer {
background: none repeat scroll 0 0 #EFEDED;
height: 2px;
left: 0;
position: absolute;
top: 0;
}
.noo-slider .slider-indicators {
position: absolute;
bottom: 24px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.noo-slider .slider-indicators a {
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
display: inline-block;
height: 10px;
width: 10px;
text-indent: -999em;
-webkit-border-radius: 50%;
border-radius: 50%;
float: left;
margin: 0 10px;
}
.noo-slider .slider-indicators a.selected,
.noo-slider .slider-indicators a:hover {
background-color: #79cba8;
-webkit-box-shadow: 0 0px 3px 1px rgba(0, 0, 0, 0.24);
box-shadow: 0 0px 3px 1px rgba(0, 0, 0, 0.24);
-webkit-transform: scale(1.6);
-ms-transform: scale(1.6);
-o-transform: scale(1.6);
transform: scale(1.6);
}
.noo-slider.bottom-indicators {
padding-bottom: 15px;
}
.noo-slider.bottom-indicators .slider-indicators {
right: auto;
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.noo-slider .slider-control {
display: none !important;
font-size: 30px;
color: #ffffff;
opacity: 0.7;
filter: alpha(opacity=70);
position: absolute;
left: 0;
background: #79cba8;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0 17px;
-webkit-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
z-index: 1000;
}
.noo-slider .slider-control.prev-btn .slider-icon-prev:before {
content: "\f104";
position: relative;
display: inline-block;
font-family: "fontawesome";
font-style: normal;
font-weight: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.noo-slider .slider-control.next-btn {
right: 0;
left: auto;
}
.noo-slider .slider-control.next-btn .slider-icon-next:before {
content: "\f105";
position: relative;
display: inline-block;
font-family: "fontawesome";
font-style: normal;
font-weight: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.noo-slider .slider-control:hover {
opacity: 0.9;
filter: alpha(opacity=90);
}
.noo-image {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 840px;
width: 100%;
}
.noo-image .noo-line .line-one {
border-width: 0 2px;
border-color: rgba(255, 255, 255, 0.5);
}
.noo-image .noo-line .line-one span:first-child {
top: -19px;
}
.noo-image .noo-line .line-one span:last-child {
bottom: -19px;
}
.noo-image .noo-line .line-one span:first-child:before,
.noo-image .noo-line .line-one span:last-child:before {
border-width: 2px;
border-color: rgba(255, 255, 255, 0.5);
}
.noo-image .noo-line .line-two {
border-width: 2px 0;
border-color: rgba(255, 255, 255, 0.5);
}
.noo-image .noo-line .line-two span:first-child:before,
.noo-image .noo-line .line-two span:last-child:before {
border-width: 2px;
border-color: rgba(255, 255, 255, 0.5);
}
.noo-image .noo-line .line-two span:first-child {
right: -19px;
}
.noo-image .noo-line .line-two span:last-child {
right: -19px;
}
.text-center {
text-align: center;
}
.noo_image_hover .single_image-wrapper {
overflow: hidden;
}
.noo_image_hover .single_image-wrapper img {
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.noo_image_hover .single_image-wrapper:hover img {
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
transform: scale(1.02);
}
.noo-container-fluid .wpb_row {
margin-bottom: 0;
}
.noo_parallax {
background-attachment: fixed !important;
background-position: 50% 0;
background-repeat: no-repeat !important;
background-size: cover !important;
position: relative;
}
div.wpb_content_element {
margin-bottom: 0;
}
.noo-container-fluid > .row-fluid > div.col-sm-12 > .column-inner {
padding: 0;
}
.noo-container-fluid > .row-fluid > div.col-sm-12 .wpb_button,
.noo-container-fluid > .row-fluid > div.col-sm-12 .wpb_content_element,
.noo-container-fluid > .row-fluid > div.col-sm-12 ul.wpb_thumbnails-fluid > li {
margin-bottom: 0;
}
#main {
margin-top: 100px;
margin-bottom: 100px;
}
.main-wrap {
margin-top: 100px;
margin-bottom: 100px;
}
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
.hentry {
padding: 0;
margin-top: 50px;
background: #ffffff;
}
.hentry:first-child {
margin-top: 0;
}
.hentry .entry-header {
padding: 30px 30px 0;
}
.hentry .entry-footer {
padding: 30px 0 40px;
margin: 0 30px;
border-top: 1px solid #ffffff;
}
.hentry .entry-footer span {
margin-right: 15px;
display: inline-block;
color: #989898;
font-size: 14px;
font-style: italic;
}
.hentry .entry-footer span i {
padding-right: 7px;
}
.hentry.sticky {
border-color: #79cba8;
border-bottom-width: 4px;
position: relative;
overflow: hidden;
}
.hentry.sticky:after {
width: 150px;
height: 50px;
font-family: 'FontAwesome';
content: "\f08d";
background: #79cba8;
position: absolute;
right: -57px;
top: -7px;
color: #ffffff;
-webkit-transform: rotate(40deg);
-ms-transform: rotate(40deg);
-o-transform: rotate(40deg);
transform: rotate(40deg);
text-align: center;
line-height: 56px;
font-size: 18px;
}
.meta-author {
padding: 30px;
margin-top: 30px;
background: #ffffff;
border: 1px solid #ffffff;
}
#comments {
margin-top: 40px;
background: #ffffff;
border: 1px solid #ffffff;
}
#comments .comments-title {
font-size: 24px;
margin-bottom: 30px;
}
#comments .comments-list {
padding-bottom: 38px;
}
#comments ol,
#comments ul {
list-style: none;
padding: 0;
margin: 0;
}
#comments ol li,
#comments ul li {
padding: 0 0 30px 0;
}
#comments ol li:last-child,
#comments ul li:last-child {
padding-bottom: 0;
}
#comments ol li .comment-wrap:after,
#comments ul li .comment-wrap:after {
clear: both;
content: '';
display: table;
}
#comments ol li .comment-wrap .comment-img,
#comments ul li .comment-wrap .comment-img {
float: left;
max-width: 80px;
}
#comments ol li .comment-wrap .comment-img .img-thumbnail,
#comments ul li .comment-wrap .comment-img .img-thumbnail {
border: none;
padding: 0;
}
#comments ol li .comment-wrap .comment-img .img-thumbnail img,
#comments ul li .comment-wrap .comment-img .img-thumbnail img {
-webkit-border-radius: 50%;
border-radius: 50%;
}
#comments ol li .comment-wrap .comment-img .ispostauthor,
#comments ul li .comment-wrap .comment-img .ispostauthor {
display: none;
}
#comments ol li .comment-wrap .comment-block,
#comments ul li .comment-wrap .comment-block {
padding-left: 100px;
position: relative;
}
#comments ol li .comment-wrap .comment-block .comment-header,
#comments ul li .comment-wrap .comment-block .comment-header {
padding-top: 20px;
}
#comments ol li .comment-wrap .comment-block .comment-header .comment-author,
#comments ul li .comment-wrap .comment-block .comment-header .comment-author {
color: #212121;
text-transform: uppercase;
font-style: normal;
font-weight: 600;
}
#comments ol li .comment-wrap .comment-block .comment-header time,
#comments ul li .comment-wrap .comment-block .comment-header time {
color: #ababab;
font-style: italic;
display: block;
margin-bottom: 16px;
margin-top: 6px;
font-weight: 300;
}
#comments ol li .comment-wrap .comment-block .comment-header a.comment-edit-link,
#comments ul li .comment-wrap .comment-block .comment-header a.comment-edit-link {
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
#comments ol li .comment-wrap .comment-block span.pull-left,
#comments ul li .comment-wrap .comment-block span.pull-left {
margin-top: 5px;
float: none !important;
display: inline-block;
cursor: pointer;
background: #f5a64a;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
#comments ol li .comment-wrap .comment-block span.pull-left a,
#comments ul li .comment-wrap .comment-block span.pull-left a {
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
padding: 0 6px;
color: #696969;
font-weight: 300;
color: #ffffff;
}
#comments ol li .comment-wrap .comment-block span.pull-left a .comment-reply-link-after,
#comments ul li .comment-wrap .comment-block span.pull-left a .comment-reply-link-after {
display: none;
}
#comments ol li .comment-wrap .comment-block span.pull-left:hover,
#comments ul li .comment-wrap .comment-block span.pull-left:hover {
background: #79cba8;
}
#comments ol li .children,
#comments ul li .children {
margin-left: 100px;
margin-top: 35px;
}
#comments #respond .comment-reply-title {
font-size: 24px;
margin-bottom: 42px;
}
#comments #respond .comment-reply-title small {
font-family: 'Lato', sans-serif;
padding-left: 14px;
font-size: 14px;
}
#comments #respond .comment-reply-title small a {
color: #f5a64a;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
#comments #respond .comment-reply-title small a:hover {
color: #e6820d;
}
#comments #respond .comment-form textarea,
#comments #respond .comment-form input[type='text'],
#comments #respond .comment-form input[type='email'] {
border: 1px solid #f4eede;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
font-weight: 300;
font-style: italic;
}
#comments #respond .comment-form textarea::-moz-placeholder,
#comments #respond .comment-form input[type='text']::-moz-placeholder,
#comments #respond .comment-form input[type='email']::-moz-placeholder {
color: #ababab;
opacity: 1;
}
#comments #respond .comment-form textarea:-ms-input-placeholder,
#comments #respond .comment-form input[type='text']:-ms-input-placeholder,
#comments #respond .comment-form input[type='email']:-ms-input-placeholder {
color: #ababab;
}
#comments #respond .comment-form textarea::-webkit-input-placeholder,
#comments #respond .comment-form input[type='text']::-webkit-input-placeholder,
#comments #respond .comment-form input[type='email']::-webkit-input-placeholder {
color: #ababab;
}
#comments #respond .comment-form input[type='text'],
#comments #respond .comment-form input[type='email'] {
height: 40px;
margin-bottom: 20px;
padding: 10px 20px;
}
#comments #respond .comment-form textarea {
max-width: 100%;
margin-bottom: 30px;
padding: 10px 20px;
min-height: 160px;
}
#comments #respond .form-submit {
margin-top: 10px;
}
#comments #respond .form-submit input {
padding: 10px 20px;
background: #545454;
border: 0;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
text-transform: uppercase;
color: #ffffff;
background-color: #79cba8;
border-color: #67c49c;
}
#comments #respond .form-submit input:hover {
background: #79cba8;
}
#comments #respond .form-submit input:focus {
outline-color: transparent;
outline: none;
}
#comments #respond .form-submit input:focus,
#comments #respond .form-submit input.focus {
color: #ffffff;
background-color: #54bd90;
border-color: #307b5b;
}
#comments #respond .form-submit input:hover {
color: #ffffff;
background-color: #54bd90;
border-color: #42ab7e;
}
#comments #respond .form-submit input:active,
#comments #respond .form-submit input.active,
.open > .dropdown-toggle#comments #respond .form-submit input {
color: #ffffff;
background-color: #54bd90;
border-color: #42ab7e;
}
#comments #respond .form-submit input:active:hover,
#comments #respond .form-submit input.active:hover,
.open > .dropdown-toggle#comments #respond .form-submit input:hover,
#comments #respond .form-submit input:active:focus,
#comments #respond .form-submit input.active:focus,
.open > .dropdown-toggle#comments #respond .form-submit input:focus,
#comments #respond .form-submit input:active.focus,
#comments #respond .form-submit input.active.focus,
.open > .dropdown-toggle#comments #respond .form-submit input.focus {
color: #ffffff;
background-color: #42ab7e;
border-color: #307b5b;
}
#comments #respond .form-submit input:active,
#comments #respond .form-submit input.active,
.open > .dropdown-toggle#comments #respond .form-submit input {
background-image: none;
}
#comments #respond .form-submit input.disabled,
#comments #respond .form-submit input[disabled],
fieldset[disabled] #comments #respond .form-submit input,
#comments #respond .form-submit input.disabled:hover,
#comments #respond .form-submit input[disabled]:hover,
fieldset[disabled] #comments #respond .form-submit input:hover,
#comments #respond .form-submit input.disabled:focus,
#comments #respond .form-submit input[disabled]:focus,
fieldset[disabled] #comments #respond .form-submit input:focus,
#comments #respond .form-submit input.disabled.focus,
#comments #respond .form-submit input[disabled].focus,
fieldset[disabled] #comments #respond .form-submit input.focus,
#comments #respond .form-submit input.disabled:active,
#comments #respond .form-submit input[disabled]:active,
fieldset[disabled] #comments #respond .form-submit input:active,
#comments #respond .form-submit input.disabled.active,
#comments #respond .form-submit input[disabled].active,
fieldset[disabled] #comments #respond .form-submit input.active {
background-color: #79cba8;
border-color: #67c49c;
}
#comments #respond .form-submit input .badge {
color: #79cba8;
background-color: #ffffff;
}
/* Images */
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
figure.wp-caption.alignleft,
img.alignleft {
margin: 5px 20px 5px 0;
}
.wp-caption.alignleft {
margin: 5px 10px 5px 0;
}
figure.wp-caption.alignright,
img.alignright {
margin: 5px 0 5px 20px;
}
.wp-caption.alignright {
margin: 5px 0 5px 10px;
}
img.aligncenter {
margin: 5px auto;
}
img.alignnone {
margin: 5px 0;
}
body .alignright {
clear: right;
}
body .alignleft {
clear: left;
}
.entry-caption,
.gallery-caption {
color: #220e10;
font-size: 18px;
font-style: italic;
font-weight: 300;
margin: 0 0 24px;
}
.entry-content img {
margin: 0 0 1.5em 0;
}
.alignleft,
img.alignleft {
margin-right: 1.5em;
display: inline;
float: left;
}
.alignright,
img.alignright {
margin-left: 1.5em;
display: inline;
float: right;
}
.aligncenter,
img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
}
.clear:after,
.site:after,
.entry-content:after,
.comment-content:after,
.site-content:after,
.nav-links:after,
.comment-navigation:after,
.social-navigation ul:after,
.textwidget:after {
clear: both;
display: table;
content: '';
}
blockquote.left {
margin-right: 20px;
text-align: right;
margin-left: 0;
width: 33%;
float: left;
}
table {
border-collapse: separate;
border-spacing: 0;
border: 1px solid rgba(51, 51, 51, 0.1);
margin: 0 0 1.6em;
table-layout: fixed;
width: 100%;
}
table td,
table th {
border: 1px solid rgba(51, 51, 51, 0.1);
padding: 0.4em;
}
blockquote.right {
margin-left: 20px;
text-align: left;
margin-right: 0;
width: 33%;
float: right;
}
#off-canvas-nav {
display: none;
}
.noo-spinner {
position: fixed;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.985);
z-index: 999999;
-webkit-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
}
.spinner {
width: 40px;
height: 40px;
position: absolute;
left: 50%;
top: 50%;
margin: -20px 0 -20px;
}
.cube1,
.cube2 {
background-color: url('../images/form_load.gif');
width: 150px;
height: 150px;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
animation: sk-cubemove 1.8s infinite ease-in-out;
}
.cube2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
@-webkit-keyframes sk-cubemove {
25% {
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes sk-cubemove {
25% {
transform: translateX(42px) rotate(-90deg) scale(0.5);
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
transform: translateX(42px) translateY(42px) rotate(-179deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
}
50.1% {
transform: translateX(42px) translateY(42px) rotate(-180deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
.widget-title {
margin-bottom: 15px;
margin-top: 0;
color: #212121;
}
.noo-sidebar .widget-title {
margin-bottom: 30px;
}
.noo-sidebar .widget {
margin-top: 54px;
}
.widget {
margin-top: 54px;
}
.widget:first-child {
margin-top: 0;
}
.widget .textwidget h5 {
font-family: 'Lato', sans-serif;
font-size: 14px;
font-weight: 600;
padding-top: 10px;
margin-bottom: 5px;
}
.widget .textwidget h5:first-child {
padding-top: 8px;
}
.widget .textwidget p {
line-height: 23px;
}
.widget ul {
list-style: none;
padding: 0;
margin: 0;
}
.widget ul li {
position: relative;
-webkit-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.widget ul li span.count {
position: absolute;
top: 6px;
right: 0;
font-weight: 300;
}
.widget ul li a {
font-size: 14px;
line-height: 34px;
color: #696969;
display: inline-block;
-webkit-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.widget ul li a:hover {
color: #79cba8;
}
.widget ul li ul {
margin: 0 0 0 10px;
padding-top: 0;
}
.widget ul li.current-cat {
color: #79cba8;
}
.widget ul li.current-cat a {
color: #79cba8;
}
.widget select,
.widget input,
.widget textarea {
width: 100%;
height: 40px;
}
.widget .zframe-flickr-wrap-ltr,
.widget .zframe-flickr-wrap-rtl {
padding-top: 12px;
margin-right: -15px;
}
.widget .zframe-flickr-wrap-ltr .flickr_badge_image,
.widget .zframe-flickr-wrap-rtl .flickr_badge_image {
width: auto;
height: auto;
}
.widget .zframe-flickr-wrap-ltr .flickr_badge_image a img,
.widget .zframe-flickr-wrap-rtl .flickr_badge_image a img {
width: 46px;
height: 46px;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.widget .zframe-flickr-wrap-ltr .flickr_badge_image a img:hover,
.widget .zframe-flickr-wrap-rtl .flickr_badge_image a img:hover {
-webkit-filter: grayscale(100%);
}
.textwidget img {
margin-bottom: 10px;
}
.textwidget .wp-caption .wp-caption-text,
.textwidget .entry-caption,
.textwidget .gallery-caption {
color: #ffffff;
margin-top: 10px;
}
.widget_recent_comments ul li .comment-author-link {
color: #f5a64a;
}
.widget_recent_comments ul li a {
color: #000000;
}
.widget_calendar table {
border-width: 1px 0 0 1px;
border-style: solid;
border-color: #f4eede;
}
.widget_calendar table caption {
margin-bottom: 15px;
}
.widget_calendar table td,
.widget_calendar table th {
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #f4eede;
text-align: center;
}
.widget_calendar table td#today,
.widget_calendar table th#today {
background-color: #79cba8;
color: #ffffff;
display: block;
}
.widget_calendar table td#today a,
.widget_calendar table th#today a {
color: #ffffff;
}
.widget_calendar a {
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
ul.post_list_widget li {
padding: 20px 0;
border-bottom: 1px dashed #f4eede;
}
ul.post_list_widget li:before {
content: '';
display: table;
}
ul.post_list_widget li:after {
content: '';
display: table;
clear: both;
}
ul.post_list_widget li:first-child {
padding-top: 10px;
}
ul.post_list_widget li:last-child {
border-bottom: 0;
}
ul.post_list_widget li a {
line-height: 24px;
font-weight: 600;
color: #000000;
}
ul.post_list_widget li a img {
float: left;
margin-left: 0;
width: 70px;
margin-right: 25px;
}
ul.post_list_widget li a:hover {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
ul.post_list_widget li a .post-thumb {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width: 70px;
height: 82px;
margin-left: 0;
margin-right: 25px;
float: left;
}
ul.post_list_widget li a .post-date {
font-weight: 300;
color: #ababab;
font-style: italic;
display: block;
}
.widget_rss .rsswidget {
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.widget_rss li {
margin-bottom: 30px;
}
.widget_rss li .rsswidget {
font-weight: 500;
color: #f5a64a;
}
.widget_rss li .rss-date {
display: block;
font-weight: 600;
}
.widget_search form,
.widget_product_search form {
position: relative;
}
.widget_search form label,
.widget_product_search form label,
.widget_search form input[type='submit'],
.widget_product_search form input[type='submit'] {
display: none;
}
.widget_search form input[type='search'],
.widget_product_search form input[type='search'] {
height: 40px;
background: #ffffff;
border: 1px solid #f4eede;
color: #ababab;
padding: 10px 20px;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
font-style: italic;
}
.widget_search form input[type='search']::-moz-placeholder,
.widget_product_search form input[type='search']::-moz-placeholder {
color: #ababab;
opacity: 1;
}
.widget_search form input[type='search']:-ms-input-placeholder,
.widget_product_search form input[type='search']:-ms-input-placeholder {
color: #ababab;
}
.widget_search form input[type='search']::-webkit-input-placeholder,
.widget_product_search form input[type='search']::-webkit-input-placeholder {
color: #ababab;
}
.widget_search form:before,
.widget_product_search form:before {
content: "\f002";
font-family: 'FontAwesome';
color: #ababab;
position: absolute;
top: 8px;
right: 20px;
}
.noo-organici-searchform {
position: relative;
}
.noo-organici-searchform label,
.noo-organici-searchform input[type='submit'] {
display: none;
}
.noo-organici-searchform input[type='search'] {
height: 40px;
background: #ffffff;
border: 1px solid #f4eede;
color: #ababab;
padding: 10px 20px;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
font-style: italic;
}
.noo-organici-searchform input[type='search']::-moz-placeholder {
color: #ababab;
opacity: 1;
}
.noo-organici-searchform input[type='search']:-ms-input-placeholder {
color: #ababab;
}
.noo-organici-searchform input[type='search']::-webkit-input-placeholder {
color: #ababab;
}
.noo-organici-searchform:before {
content: "\f002";
font-family: 'FontAwesome';
color: #ababab;
position: absolute;
top: 8px;
right: 20px;
}
.commerce ul.product_list_widget li {
padding: 20px 0;
border-bottom: 1px dashed #f4eede;
}
.commerce ul.product_list_widget li:first-child {
padding-top: 10px;
}
.commerce ul.product_list_widget li a {
font-weight: 500;
text-transform: uppercase;
}
.commerce ul.product_list_widget li a img {
float: left;
margin-left: 0;
width: 70px;
margin-right: 25px;
}
.commerce ul.product_list_widget li .amount {
font-weight: 500;
color: #79cba8;
}
.widget_product_tag_cloud .tagcloud a {
border: 2px solid #f4eede;
padding: 3px 15px;
display: inline-block;
font-size: 14px !important;
margin: 4px 3px;
color: #696969;
height: 32px;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.widget_product_tag_cloud .tagcloud a:first-letter {
text-transform: uppercase;
}
.widget_product_tag_cloud .tagcloud a:hover {
background: #79cba8;
color: #ffffff;
border-color: #79cba8;
}
/* --------------------------------------------------------------------- */
/* 1. GLOBAL STYLING
/* --------------------------------------------------------------------- */
.res-bar {
height: 80px;
}
@media (max-width: 767px) {
.res-bar {
height: 60px;
}
}
.res-bar.head5 {
height: 275px;
}
@media (max-width: 991px) {
.res-bar.head5 {
height: 80px;
}
}
@media (max-width: 767px) {
.res-bar.head5 {
height: 60px;
}
}
.noo-header {
position: absolute;
width: 100%;
z-index: 99999;
}
.noo-header.header-static {
position: relative;
}
.noo-header .navbar-wrapper {
background: transparent;
}
.noo-header.fixed_top_eff {
position: fixed;
left: 0;
top: 0;
width: 100%;
}
.noo-header.header_transparent .navbar-wrapper {
background: rgba(33, 33, 33, 0.8);
}
.noo_menu_canvas {
display: none;
}
.navbar-default {
min-height: 80px;
}
.header-1 .navbar-default,
.header-3 .navbar-default {
min-height: 80px;
}
.noo-main-menu .navbar-nav {
list-style: none;
padding: 0;
margin: 0;
float: right;
}
.noo-header.header-5 .noo-main-menu > ul.navbar-nav {
width: 100%;
text-align: center;
}
.noo-header.header-5 .menu-position .navbar-nav > li.noo_megamenu > .sub-menu > li,
.noo-header.header-5 .noo-main-menu .navbar-nav li > .sub-menu {
text-align: left;
}
.noo-main-menu .navbar-nav:after {
clear: both;
content: '';
display: table;
}
.noo-main-menu .navbar-nav li {
float: left;
position: relative;
}
.noo-header.header-5 .noo-main-menu .navbar-nav > li {
float: none;
display: inline-block;
}
.noo-main-menu .navbar-nav li > a {
text-transform: capitalize;
line-height: 80px;
font-size: 16px;
padding: 0 20px;
font-weight: 600;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.noo-main-menu .navbar-nav li > .sub-menu {
position: absolute;
left: 0;
top: 140%;
list-style: none;
padding: 0;
margin: 0;
background: #ffffff;
border: 1px solid #eee;
min-width: 220px;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
z-index: 1;
}
.noo-main-menu .navbar-nav li > .sub-menu li {
float: none;
position: relative;
padding: 3px 20px;
border-bottom: 1px solid #eee;
}
.noo-main-menu .navbar-nav li > .sub-menu li:last-child {
border: none;
}
.noo-main-menu .navbar-nav li > .sub-menu li a {
background: none;
color: #767676;
text-transform: none;
font-weight: 400;
line-height: 24px;
display: block;
position: relative;
padding: 7px 0;
-webkit-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
text-decoration: none;
}
.noo-main-menu .navbar-nav li > .sub-menu li a:hover {
-webkit-transform: translate(10px, 0);
-ms-transform: translate(10px, 0);
-o-transform: translate(10px, 0);
transform: translate(10px, 0);
color: #79cba8;
}
.noo-main-menu .navbar-nav li > .sub-menu li a:hover .icon-submenu-down {
color: #767676;
}
.noo-main-menu .navbar-nav li > .sub-menu li .sub-menu {
list-style: none;
padding: 10px 0;
margin: 0;
position: absolute;
left: 70%;
top: 0;
z-index: 1;
min-width: 220px;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
background: #ffffff;
}
.noo-main-menu .navbar-nav li > .sub-menu li .sub-menu li {
background: #ffffff;
}
.noo-main-menu .navbar-nav li > .sub-menu li:hover .sub-menu {
left: 100%;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.noo-main-menu .navbar-nav li:hover .sub-menu {
top: 100%;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.noo-menu-option ul {
padding: 0;
margin-bottom: 0;
}
.noo-menu-option ul li {
float: left;
position: relative;
list-style: none;
}
.noo-menu-option ul li:last-child a {
padding-right: 0;
}
.noo-menu-option ul li:first-child a:before {
display: none;
}
.noo-menu-option ul li a {
padding: 2px 20px;
line-height: 80px;
color: #ababab;
-webkit-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
position: relative;
}
.noo-menu-option ul li a:hover,
.noo-menu-option ul li a:focus {
color: #79cba8;
}
.noo-menu-option ul li a:before {
position: absolute;
top: 50%;
left: 0;
content: '';
display: block;
background-color: #d4d4d4;
height: 4px;
width: 4px;
border-radius: 50%;
}
.noo-menu-option ul li a.search-button:before {
position: absolute;
top: 0;
left: 0;
content: '';
display: block;
width: 1px;
height: 100%;
background-color: #d4d4d4;
}
.noo-menu-option ul li a.search-button span {
display: none;
}
.noo-menu-option ul li a i {
margin-right: 5px;
}
.noo-menu-option ul:after {
content: '';
clear: both;
display: table;
}
@media (max-width: 991px) {
.noo-menu-option {
display: none;
}
}
.noo-menu-option .button-expand-option {
display: none;
}
.noo-menu-option.collapse .button-expand-option {
display: block;
line-height: 80px;
padding: 0 20px;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
float: left;
}
.noo-menu-option.collapse ul {
display: none;
position: absolute;
width: auto;
top: 100%;
right: 0;
background: #ffffff;
border-bottom: 1px solid #eee;
}
.noo-menu-option.collapse ul:before {
position: absolute;
display: block;
content: "";
top: -8px;
right: 14%;
width: 14px;
height: 14px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
border-top: 1px solid #eee;
border-left: 1px solid #eee;
background: #ffffff;
z-index: 9;
}
.noo-menu-option.collapse ul li {
float: none;
border: 1px solid #eee;
border-bottom: 0;
}
.noo-menu-option.collapse ul li.noo-menu-item-cart .noo-minicart {
display: none !important;
}
.noo-menu-option.collapse ul li:last-child a {
padding-right: 20px;
}
.noo-menu-option.collapse ul li a {
line-height: 40px;
}
.noo-menu-option.collapse ul li a:before {
display: none;
}
.noo-menu-option.collapse ul li a span {
display: inline;
}
.noo-menu-option.collapse:hover ul {
display: block;
}
@media (max-width: 767px) {
header .navbar {
min-height: 50px !important;
}
}
.navbar-brand {
line-height: 80px;
display: block;
}
@media (max-width: 991px) {
.navbar-brand .noo-logo-img {
max-height: 40px;
}
}
@media (max-width: 767px) {
.navbar-brand {
line-height: 50px !important;
}
.navbar-brand .noo-logo-img {
max-height: 30px;
}
}
.noo-header.header-1 .navbar {
padding: 0 20px;
}
@media (min-width: 1500px) {
.noo-header.header-1 .navbar {
padding: 0 50px;
}
}
@media (min-width: 1200px) {
}
.noo-header.header-2 {
position: absolute;
width: 100%;
}
.noo-header.header-2 .navbar-wrapper {
background: transparent;
}
.noo-header.header-2 .menu-position {
background: #ffffff;
padding-left: 30px;
padding-right: 15px;
}
@media (max-width: 767px) {
.noo-header.header-2 {
position: fixed !important;
margin-top: 0 !important;
}
.noo-header.header-2 .navbar-wrapper {
background: #ffffff;
position: fixed !important;
width: 100%;
}
.noo-header.header-2 .menu-position {
padding-left: 15px;
}
}
.noo-header.header-3 .container {
max-width: 100%;
padding: 0 35px;
}
@media (min-width: 1200px) {
.noo-header.header-3 .container {
width: 100%;
}
}
@media (min-width: 1300px) {
.noo-header.header-3 .noo-menu-option ul {
display: inline-block;
}
}
.noo-header.header-3 .noo-menu-option ul li:first-child a:before {
display: none;
}
.noo-header.header-3 .noo-menu-option ul li a {
color: #696969;
}
.noo-header.header-3 .noo-menu-option ul li a:hover {
color: #79cba8;
}
.noo-header.header-3 .noo-menu-option ul li a:before {
background-color: rgba(214, 214, 214, 0.63);
position: absolute;
content: '';
display: block;
width: 1px;
height: 90%;
top: 2px;
right: 0;
}
.noo-header.header-3 .noo-menu-option.collapse ul:before {
right: 45%;
}
.noo-header.header-3 .noo-menu-option .button-menu-extend {
display: inline-block;
float: right;
margin-left: 30px;
line-height: 100px;
font-size: 18px;
line-height: 80px;
}
.noo-header.header-3 .noo-main-menu .navbar-nav li > .sub-menu li a {
line-height: 24px;
}
.noo-header.header-3 .noo-main-menu .navbar-nav li > .sub-menu li a:hover {
padding-left: 10px;
}
.noo-header.header-3 .noo-main-menu .navbar-nav li:first-child > a {
padding-left: 0;
}
@media (max-width: 991px) {
.noo-header.header-3 .navbar-header {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
left: auto;
width: 100%;
}
}
@media (min-width: 1550px) {
.noo-header.header-3 .noo-menu-option ul li a {
line-height: 100px;
}
.noo-header.header-3 .noo-menu-option .button-menu-extend {
line-height: 100px;
}
.noo-header.header-3 .navbar {
min-height: 100px;
}
.noo-header.header-3 .navbar-brand {
padding-top: 25px;
}
.noo-header.header-3 .navbar-header {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.noo-header.header-3 .noo-main-menu .navbar-nav li > a {
line-height: 100px;
}
.noo-header.header-3 .noo-main-menu {
float: left !important;
}
}
@media (max-width: 1549px) {
.noo-header.header-3 .menu-position .navbar-nav > li:nth-of-type(4) > ul.sub-menu,
.noo-header.header-3 .menu-position .navbar-nav > li:nth-of-type(5) > ul.sub-menu,
.noo-header.header-3 .menu-position .navbar-nav > li:nth-of-type(6) > ul.sub-menu {
left: auto;
right: 0;
}
.noo-header.header-3 .menu-position .navbar-nav > li:nth-of-type(4) > ul.sub-menu ul.sub-menu,
.noo-header.header-3 .menu-position .navbar-nav > li:nth-of-type(5) > ul.sub-menu ul.sub-menu,
.noo-header.header-3 .menu-position .navbar-nav > li:nth-of-type(6) > ul.sub-menu ul.sub-menu {
left: auto;
right: 100%;
}
.noo-header.header-3 .menu-position .navbar-nav > li.noo_megamenu > .sub-menu {
left: auto;
right: 0;
}
}
.noo-header.header-4 {
position: absolute;
width: 100%;
}
.noo-header.header-4 .noo-topbar,
.noo-header.header-4 .navbar {
padding: 0 35px;
}
.noo-header.header-4 .noo-topbar {
border-bottom: 1px solid rgba(214, 214, 214, 0.63);
}
.noo-header.header-4 .navbar-wrapper {
background: transparent;
}
.noo-header.header-4 .noo-container {
max-width: 100%;
}
.noo-header.header-4 .noo_menu_canvas .btn-navbar span {
background: #ffffff;
}
.noo-header.header-4 .noo-main-menu .navbar-nav li:last-child > a {
padding-right: 0;
}
.noo-header.header-4 .noo-main-menu .navbar-nav li > a {
color: #fff;
}
.noo-header.header-4 .noo-main-menu .navbar-nav li > a:hover,
.noo-header.header-4 .noo-main-menu .navbar-nav li > a:focus {
color: #79cba8;
}
.noo-header.header-4 .noo-main-menu .navbar-nav li > .sub-menu li a {
color: #767676;
}
.noo-header.header-4 .noo-main-menu .navbar-nav li > .sub-menu li a:hover {
color: #79cba8;
}
@media (max-width: 767px) {
.noo-header.header-4 {
position: fixed !important;
margin-top: 0 !important;
}
}
.noo-header.header-5 .navbar-wrapper {
padding-top: 55px;
}
@media (max-width: 991px) {
.noo-header.header-5 .navbar-wrapper {
padding-top: 0;
}
}
.noo-header.header-5 .noo-header-anchor {
position: absolute;
width: 100%;
}
.noo-header.header-5 .noo-header-anchor ul {
padding: 0;
margin: 0;
list-style: none;
}
.noo-header.header-5 .noo-header-anchor ul li div {
float: left;
margin-right: 18px;
text-align: right;
}
.noo-header.header-5 .noo-header-anchor ul li div a {
color: #696969;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.noo-header.header-5 .noo-header-anchor ul li div a:hover {
color: #79cba8;
}
.noo-header.header-5 .noo-header-anchor ul li div a:hover span {
color: #79cba8;
}
.noo-header.header-5 .noo-header-anchor ul li div span {
display: block;
font-size: 12px;
font-weight: 300;
color: #ababab;
font-weight: 400;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.noo-header.header-5 .noo-header-anchor ul li div span.amount {
color: #696969;
font-size: 14px;
}
.noo-header.header-5 .noo-header-anchor ul li div span.has-cart em {
width: 15px;
height: 15px;
right: -9px;
}
.noo-header.header-5 .noo-header-anchor ul li i {
font-size: 24px;
}
.noo-header.header-5 .noo-header-anchor ul li:last-child {
float: left;
}
.noo-header.header-5 .noo-header-anchor ul li:last-child div {
text-align: left;
margin-right: 30px;
}
.noo-header.header-5 .noo-header-anchor ul li:last-child {
float: right;
}
@media (max-width: 991px) {
.noo-header.header-5 .noo-header-anchor {
display: none;
}
}
@media (min-width: 992px) {
.noo-header.header-5 .navbar-header {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
z-index: 9999;
}
}
.noo-header.header-5 .navbar {
min-height: 220px;
}
@media (max-width: 991px) {
.noo-header.header-5 .navbar {
min-height: 80px;
}
}
.noo-header.header-5 .noo-main-menu {
display: box;
width: 100%;
margin-top: 96px;
float: none !important;
}
.noo-header.header-5 .noo-main-menu .navbar-nav li > .sub-menu li a {
line-height: 24px;
}
.noo-header.header-5 .noo-main-menu .navbar-nav li > a {
line-height: 80px;
}
@media (max-width: 991px) {
.noo-header.header-5 .noo-main-menu {
margin-top: 0px;
}
}
.noo-header.header-5 .menu-position {
position: relative;
height: 220px;
}
.noo-header.header-5 .menu-position .navbar-nav > li.noo_megamenu > .sub-menu {
-webkit-transform: translate(0, -11%);
-ms-transform: translate(0, -11%);
-o-transform: translate(0, -11%);
transform: translate(0, -11%);
}
@media (max-width: 991px) {
.noo-header.header-5 .menu-position {
height: 80px;
}
}
@media (max-width: 767px) {
.noo-header.header-5 .menu-position {
height: 60px;
}
}
.noo-header.header-6 {
position: absolute;
width: 100%;
margin-top: 25px;
}
.noo-header.header-6 .menu-position {
position: relative;
width: 100%;
}
@media (min-width: 992px) {
.noo-header.header-6 .navbar-header {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
z-index: 9999;
}
}
.noo-header.header-6 .navbar-wrapper {
background: transparent;
}
.noo-header.header-6 .noo_menu_canvas .btn-navbar span {
background: #ffffff;
}
.noo-header.header-6 .navbar-brand {
height: auto;
padding: 0;
}
.noo-header.header-6 .noo-main-menu.noo-left-menu {
position: absolute;
width: 50%;
top: 0;
left: 0;
}
.noo-header.header-6 .noo-main-menu.noo-left-menu > ul {
padding-right: 146px;
}
.noo-header.header-6 .noo-main-menu.noo-left-menu > ul > li {
float: right;
}
.noo-header.header-6 .noo-main-menu.noo-right-menu {
position: absolute;
width: 50%;
top: 0;
right: 0;
}
.noo-header.header-6 .noo-main-menu.noo-right-menu > ul {
padding-left: 146px;
}
.noo-header.header-6 .noo-main-menu.noo-right-menu .has-cart {
font-size: 14px;
}
.noo-header.header-6 .noo-main-menu.noo-right-menu .has-cart em {
right: -9px;
}
.noo-header.header-6 .noo-main-menu.noo-right-menu #noo-search {
font-size: 14px;
position: relative;
}
.noo-header.header-6 .noo-main-menu.noo-right-menu #noo-search:after {
position: absolute;
height: 24px;
background: #ababab;
width: 1px;
content: '';
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
opacity: 0.5;
}
.noo-header.header-6 .noo-main-menu .navbar-nav li.noo_megamenu > .sub-menu {
width: 200%;
}
.noo-header.header-6 .noo-main-menu .navbar-nav li > a {
color: #fff;
}
.noo-header.header-6 .noo-main-menu .navbar-nav li > a:hover,
.noo-header.header-6 .noo-main-menu .navbar-nav li > a:focus {
color: #79cba8;
}
.noo-header.header-6 .noo-main-menu .navbar-nav li > .sub-menu li a {
color: #767676;
}
.noo-header.header-6 .noo-main-menu .navbar-nav li > .sub-menu li a:hover {
color: #79cba8;
}
.noo-header.header-6 .noo-main-menu .navbar-nav li > .sub-menu li a {
line-height: 24px;
}
.noo-header.header-6 .noo-main-menu .navbar-nav li > a {
line-height: 80px;
}
@media (max-width: 1199px) {
.noo-header.header-6 .noo-main-menu.noo-right-menu > ul {
padding-left: 70px;
}
.noo-header.header-6 .noo-main-menu.noo-left-menu > ul {
padding-right: 70px;
}
.noo-header.header-6 .navbar-brand img {
max-height: 32px;
}
}
@media (max-width: 767px) {
.noo-header.header-6 {
margin-top: 0;
}
}
.noo-topbar ul {
list-style: none;
padding: 0;
margin: 0;
float: left;
}
.noo-topbar ul:before,
.noo-topbar ul:after {
content: " ";
display: table;
}
.noo-topbar ul:after {
clear: both;
}
.noo-topbar ul:before,
.noo-topbar ul:after {
content: " ";
display: table;
}
.noo-topbar ul:after {
clear: both;
}
.noo-topbar ul:last-child {
float: right;
}
.noo-topbar ul li {
float: left;
color: #ffffff;
padding: 10px 15px;
font-size: 14px;
font-weight: 300;
position: relative;
}
.noo-topbar ul li:first-child {
padding-left: 0;
}
.noo-topbar ul li:last-child {
padding-right: 0;
}
.noo-topbar ul li:last-child:after {
display: none;
}
.noo-topbar ul li:last-child a:first-child {
margin-left: 0;
}
.noo-topbar ul li:after {
background-color: rgba(214, 214, 214, 0.63);
position: absolute;
content: '';
display: block;
width: 1px;
height: 30%;
top: 34%;
right: 0;
}
.noo-topbar ul li span i {
margin-right: 8px;
}
.noo-topbar ul li a {
color: #ffffff;
position: relative;
}
.noo-topbar ul li a:after {
height: 1px;
background: #ffffff;
content: '';
width: 100%;
position: absolute;
bottom: -5px;
left: 0;
-webkit-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.noo-topbar ul li a:hover:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
@media (max-width: 767px) {
.noo-topbar {
display: none;
}
}
.has-cart {
position: relative;
}
.has-cart em {
position: absolute;
display: block;
width: 14px;
height: 14px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #f5a64a;
font-size: 10px;
line-height: 14px;
color: #ffffff;
text-align: center;
font-weight: 400;
top: -6px;
right: -3px;
font-style: normal;
}
.noo-header.header-1 .menu-position .navbar-nav > li:nth-of-type(4) > ul.sub-menu,
.noo-header.header-2 .menu-position .navbar-nav > li:nth-of-type(4) > ul.sub-menu,
.noo-header.header-4 .menu-position .navbar-nav > li:nth-of-type(4) > ul.sub-menu,
.noo-header.header-1 .menu-position .navbar-nav > li:nth-of-type(5) > ul.sub-menu,
.noo-header.header-2 .menu-position .navbar-nav > li:nth-of-type(5) > ul.sub-menu,
.noo-header.header-4 .menu-position .navbar-nav > li:nth-of-type(5) > ul.sub-menu,
.noo-header.header-1 .menu-position .navbar-nav > li:nth-of-type(6) > ul.sub-menu,
.noo-header.header-2 .menu-position .navbar-nav > li:nth-of-type(6) > ul.sub-menu,
.noo-header.header-4 .menu-position .navbar-nav > li:nth-of-type(6) > ul.sub-menu {
left: auto;
right: 0;
}
.noo-header.header-1 .menu-position .navbar-nav > li:nth-of-type(4) > ul.sub-menu ul.sub-menu,
.noo-header.header-2 .menu-position .navbar-nav > li:nth-of-type(4) > ul.sub-menu ul.sub-menu,
.noo-header.header-4 .menu-position .navbar-nav > li:nth-of-type(4) > ul.sub-menu ul.sub-menu,
.noo-header.header-1 .menu-position .navbar-nav > li:nth-of-type(5) > ul.sub-menu ul.sub-menu,
.noo-header.header-2 .menu-position .navbar-nav > li:nth-of-type(5) > ul.sub-menu ul.sub-menu,
.noo-header.header-4 .menu-position .navbar-nav > li:nth-of-type(5) > ul.sub-menu ul.sub-menu,
.noo-header.header-1 .menu-position .navbar-nav > li:nth-of-type(6) > ul.sub-menu ul.sub-menu,
.noo-header.header-2 .menu-position .navbar-nav > li:nth-of-type(6) > ul.sub-menu ul.sub-menu,
.noo-header.header-4 .menu-position .navbar-nav > li:nth-of-type(6) > ul.sub-menu ul.sub-menu {
left: auto;
right: 100%;
}
.noo-header.header-1 .menu-position .navbar-nav > li.noo_megamenu > .sub-menu,
.noo-header.header-2 .menu-position .navbar-nav > li.noo_megamenu > .sub-menu,
.noo-header.header-4 .menu-position .navbar-nav > li.noo_megamenu > .sub-menu {
left: auto;
right: 0;
}
.noo-header.header-1 .menu-position .navbar-nav > li.noo_megamenu > ul.sub-menu {
max-width: none;
width: 1170px;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
left: 50%;
right: auto;
}
@media (max-width: 1199px) {
.noo-header.header-1 .menu-position .navbar-nav > li.noo_megamenu > ul.sub-menu {
width: 100%;
}
}
.noo-header .menu-position {
position: relative;
}
.noo-header .menu-position:before,
.noo-header .menu-position:after {
content: " ";
display: table;
}
.noo-header .menu-position:after {
clear: both;
}
.noo-header .menu-position:before,
.noo-header .menu-position:after {
content: " ";
display: table;
}
.noo-header .menu-position:after {
clear: both;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu {
position: static;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu:hover .sub-menu li {
display: block;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu ul li a:hover {
background: none;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu > .sub-menu {
max-width: 1170px;
padding: 0;
width: 100%;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu > .sub-menu > li {
float: left;
border: 0;
padding: 10px 15px;
border-left: 1px solid #eee;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu > .sub-menu > li > a {
margin: 0 0 0;
font-size: 16px;
text-transform: uppercase;
font-weight: 400;
color: #212121;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu > .sub-menu > li:first-child {
border-left: 0;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu > .sub-menu > li > ul {
display: block !important;
-webkit-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
position: relative;
width: auto;
min-width: inherit;
left: auto !important;
top: auto !important;
right: auto !important;
visibility: visible;
border: 0;
opacity: 1;
filter: alpha(opacity=100);
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu > .sub-menu > li > ul li {
display: none;
padding-left: 0;
padding-right: 0;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu > .sub-menu > li > ul li:first-child {
border-top: 0;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu > .sub-menu > li .noo_megamenu_widget_area {
padding-bottom: 30px;
padding-top: 10px;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu > .sub-menu > li .noo_megamenu_widget_area .widget-title {
margin: 0 0 25px;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
font-family: 'Lato', sans-serif;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu > .sub-menu > li .noo_megamenu_widget_area li {
padding: 20px 0;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu > .sub-menu > li .noo_megamenu_widget_area li:before,
.noo-header .menu-position .navbar-nav > li.noo_megamenu > .sub-menu > li .noo_megamenu_widget_area li:after {
content: " ";
display: table;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu > .sub-menu > li .noo_megamenu_widget_area li:after {
clear: both;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu > .sub-menu > li .noo_megamenu_widget_area li:before,
.noo-header .menu-position .navbar-nav > li.noo_megamenu > .sub-menu > li .noo_megamenu_widget_area li:after {
content: " ";
display: table;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu > .sub-menu > li .noo_megamenu_widget_area li:after {
clear: both;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu > .sub-menu > li .noo_megamenu_widget_area li:first-child {
padding-top: 0;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu > .sub-menu > li .noo_megamenu_widget_area li a {
padding: 0;
text-transform: none;
line-height: 30px;
font-weight: 400;
font-size: 15px;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu > .sub-menu > li .noo_megamenu_widget_area li a:hover {
color: #79cba8;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu > .sub-menu > li .noo_megamenu_widget_area li a img {
width: 65px;
margin-left: 0;
float: left;
margin-right: 15px;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu > .sub-menu > li .noo_megamenu_widget_area li span.amount {
font-size: 14px;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu > .sub-menu > li .noo_megamenu_widget_area li del {
color: rgba(255, 255, 255, 0.8);
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu > .sub-menu > li .noo_megamenu_widget_area li del span.amount {
color: rgba(255, 255, 255, 0.8);
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu > .sub-menu > li .noo_megamenu_widget_area li ins span.amount {
padding-left: 3px;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu.mega-col-columns-2 {
position: relative;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu.mega-col-columns-2 ul.sub-menu {
width: 440px;
left: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu.mega-col-columns-2 ul.sub-menu li {
width: 50%;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu.mega-col-columns-2 ul.sub-menu li:nth-child(2n+1) {
clear: both;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu.mega-col-columns-3 ul.sub-menu li {
width: 33.33333333%;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu.mega-col-columns-3 ul.sub-menu li:nth-child(3n+1) {
clear: both;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu.mega-col-columns-4 ul.sub-menu li {
width: 25%;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu.mega-col-columns-4 ul.sub-menu li:nth-child(4n+1) {
clear: both;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu.mega-col-columns-5 ul.sub-menu li {
width: 20%;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu.mega-col-columns-5 ul.sub-menu li:nth-child(5n+1) {
clear: both;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu.mega-col-columns-6 ul.sub-menu li {
width: 16.66666667%;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu.mega-col-columns-6 ul.sub-menu li:nth-child(6n+1) {
clear: both;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu.noo_heading ul.sub-menu a.sf-with-ul {
height: 0;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu > ul.sub-menu li ul.product_list_widget li,
.noo-header .menu-position .navbar-nav > li.noo_megamenu > ul.sub-menu li ul.sub-menu {
width: auto;
}
.noo-header .menu-position .navbar-nav > li.noo_megamenu > ul.sub-menu li ul.product_list_widget li li,
.noo-header .menu-position .navbar-nav > li.noo_megamenu > ul.sub-menu li ul.sub-menu li {
width: auto;
}
.noo-header .menu-position .navbar-nav > li.mega-col-columns-5 > .sub-menu > li {
width: 20%;
}
.noo-header .menu-position .navbar-nav > li.mega-col-columns-4 > .sub-menu > li {
width: 25%;
}
.noo-header .menu-position .navbar-nav > li.noo_heading > .sub-menu > li > a {
display: none !important;
}
body.fixed_top .noo-header .navbar-brand .noo-logo-img {
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
body.fixed_top .noo-header .navbar-brand .noo-logo-img:last-child {
display: none;
}
body.fixed_top .noo-header.eff .noo_menu_canvas .btn-navbar span {
background: #212121;
}
body.fixed_top .noo-header.eff .navbar-wrapper {
position: fixed;
width: 100%;
background-color: #ffffff;
border-bottom: 1px solid #eee;
}
body.fixed_top .noo-header.eff .navbar-brand .noo-logo-img {
display: none;
}
body.fixed_top .noo-header.eff .navbar-brand .noo-logo-img:last-child {
display: inline;
}
body.fixed_top .noo-header.header-6.eff .noo-main-menu .navbar-nav li > a,
body.fixed_top .noo-header.header-4.eff .noo-main-menu .navbar-nav li > a {
color: #212121;
}
body.fixed_top .noo-header.header-6.eff .noo-main-menu .navbar-nav li > a:hover,
body.fixed_top .noo-header.header-4.eff .noo-main-menu .navbar-nav li > a:hover {
color: #79cba8;
}
body.fixed_top .noo-header.header-6.eff .noo-main-menu .navbar-nav li > .sub-menu li a,
body.fixed_top .noo-header.header-4.eff .noo-main-menu .navbar-nav li > .sub-menu li a {
color: #767676;
}
body.fixed_top .noo-header.header-6.eff .noo-main-menu .navbar-nav li > .sub-menu li a:hover,
body.fixed_top .noo-header.header-4.eff .noo-main-menu .navbar-nav li > .sub-menu li a:hover {
color: #79cba8;
}
body.fixed_top .noo-header.header-5.eff .noo-header-anchor {
bottom: 20px;
-webkit-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
body.fixed_top .noo-header.header-5.eff .navbar {
min-height: 170px;
}
@media (max-width: 991px) {
body.fixed_top .noo-header.header-5.eff .navbar {
min-height: 80px;
}
}
@media (max-width: 767px) {
body.fixed_top .noo-header.header-5.eff .navbar {
min-height: 50px;
}
}
body.fixed_top .noo-header.header-5.eff .menu-position {
height: 170px;
}
body.fixed_top .noo-header.header-5.eff .menu-position .navbar-nav > li.noo_megamenu > .sub-menu {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
@media (max-width: 991px) {
body.fixed_top .noo-header.header-5.eff .menu-position {
height: 80px;
}
}
@media (max-width: 767px) {
body.fixed_top .noo-header.header-5.eff .menu-position {
height: 50px;
}
}
body.fixed_top .noo-header.header-5.eff .noo-main-menu {
margin-top: 90px;
position: relative;
}
@media (max-width: 991px) {
body.fixed_top .noo-header.header-5.eff .noo-main-menu {
margin-top: 0;
}
}
body.fixed_top .noo-header.header-5.eff .navbar-wrapper {
position: fixed;
width: 100%;
background-color: #ffffff;
margin-top: -144px;
}
.search-header5 {
display: none;
}
.search-header5 .note-search {
font-size: 24px;
color: #000000;
text-transform: uppercase;
font-weight: 300;
}
@media (max-width: 767px) {
.search-header5 .note-search {
font-size: 16px;
}
}
.search-header5 .remove-form {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
background: rgba(255, 255, 255, 0.925);
}
.search-header5 form {
position: fixed;
top: 50%;
left: 50%;
text-align: center;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 99999;
}
.search-header5 form .sr-only {
display: none;
}
.search-header5 form .form-control {
display: block;
width: 100%;
height: 100%;
background: transparent;
border: 0;
color: #000000;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.8s ease 0.7s;
-o-transition: all 0.8s ease 0.7s;
transition: all 0.8s ease 0.7s;
font-size: 68px;
text-transform: uppercase;
text-align: center;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.search-header5 form .form-control::-moz-placeholder {
color: #000000;
opacity: 1;
}
.search-header5 form .form-control:-ms-input-placeholder {
color: #000000;
}
.search-header5 form .form-control::-webkit-input-placeholder {
color: #000000;
}
.search-header5 form .form-control:focus,
.search-header5 form .form-control:active {
outline-color: transparent;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
@media (max-width: 767px) {
.search-header5 form .form-control {
font-size: 38px;
}
}
.search-header5 form input[type='submit'] {
height: 50px;
background: #79cba8;
color: #ffffff;
padding: 0 50px;
border: 0;
-webkit-transition: all 0.8s ease 0.7s;
-o-transition: all 0.8s ease 0.7s;
transition: all 0.8s ease 0.7s;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transform: translate(-100px, 0);
-ms-transform: translate(-100px, 0);
-o-transform: translate(-100px, 0);
transform: translate(-100px, 0);
opacity: 0;
filter: alpha(opacity=0);
display: none;
}
.search-header5.search-header-eff {
display: block;
}
.noo-menu-item-cart {
position: relative;
}
@media (max-width: 991px) {
.noo-menu-item-cart {
display: none !important;
}
}
.noo-menu-item-cart .cart-item {
position: relative;
}
.noo-menu-item-cart .cart-item span {
color: #79cba8;
}
.noo-menu-item-cart .noo-minicart {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translate(0, 20px);
-ms-transform: translate(0, 20px);
-o-transform: translate(0, 20px);
transform: translate(0, 20px);
top: 100%;
border-style: solid;
border-width: 1px;
z-index: 9999;
position: absolute;
border-color: #eee;
width: 300px;
right: 0;
-webkit-box-shadow: 2px 2px 3px rgba(102, 102, 102, 0.1);
box-shadow: 2px 2px 3px rgba(102, 102, 102, 0.1);
background: #fff;
line-height: 1.428571429;
}
.noo-menu-item-cart .noo-minicart.show {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.noo-menu-item-cart .noo-minicart.show:before {
opacity: 1;
filter: alpha(opacity=100);
right: 20%;
-webkit-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.noo-menu-item-cart .noo-minicart a:before {
display: none !important;
}
.noo-menu-item-cart .noo-minicart:before {
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
display: block;
content: "";
top: -8px;
right: 90%;
width: 14px;
height: 14px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
border-top: 1px solid #eee;
border-left: 1px solid #eee;
background: #ffffff;
}
.noo-menu-item-cart .noo-minicart .minicart-header {
font-size: 12px;
text-transform: uppercase;
color: #696969;
padding: 10px 15px;
border-bottom: 1px solid #eee;
font-weight: normal;
}
.noo-menu-item-cart .noo-minicart .minicart-body {
padding: 5px 10px;
border-bottom: 1px solid #eee;
}
.noo-menu-item-cart .noo-minicart .minicart-body .cart-product {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #eee;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
overflow: hidden;
position: relative;
}
.noo-menu-item-cart .noo-minicart .minicart-body .cart-product.cart-product-remove {
height: 0;
padding: 0;
margin: 0;
border: none;
}
.noo-menu-item-cart .noo-minicart .minicart-body .cart-product:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.noo-menu-item-cart .noo-minicart .minicart-body .cart-product .cart-product-image {
float: left;
margin-right: 5px;
}
.noo-menu-item-cart .noo-minicart .minicart-body .cart-product .cart-product-image a.cart-product-img {
padding: 0;
padding-right: 5px;
line-height: 80px;
}
.noo-menu-item-cart .noo-minicart .minicart-body .cart-product .cart-product-image a.cart-product-img img {
max-width: 80px;
max-height: 80px;
}
.noo-menu-item-cart .noo-minicart .minicart-body .cart-product .cart-product-details {
float: left;
font-size: 14px;
}
.noo-menu-item-cart .noo-minicart .minicart-body .cart-product .cart-product-details .cart-product-title {
font-weight: bold;
}
.noo-menu-item-cart .noo-minicart .minicart-body .cart-product .cart-product-details .cart-product-title a {
color: #696969;
padding: 0;
line-height: 46px;
}
.noo-menu-item-cart .noo-minicart .minicart-body .cart-product .cart-product-details .cart-product-title a:hover {
color: #79cba8;
}
.noo-menu-item-cart .noo-minicart .minicart-body .cart-product .cart-product-details .cart-product-price {
display: inline-block;
padding-right: 14px;
}
.noo-menu-item-cart .noo-minicart .minicart-body .cart-product .cart-product-details .cart-product-price .amount {
color: #f5a64a;
}
.noo-menu-item-cart .noo-minicart .minicart-body .cart-product .cart-product-details .cart-product-quantity {
display: inline-block;
color: #79cba8;
font-weight: 300;
}
.noo-menu-item-cart .noo-minicart .minicart-body .cart-product .remove {
position: absolute;
top: 5px;
right: 0;
border: 1px solid #eee;
color: #696969;
width: 20px;
height: 20px;
line-height: 17px;
text-align: center;
padding: 0;
color: red;
-webkit-border-radius: 100%;
border-radius: 100%;
font-size: 14px;
}
.noo-menu-item-cart .noo-minicart .minicart-body .cart-product .remove:hover {
opacity: 0.9;
filter: alpha(opacity=90);
color: #ffffff;
background: red;
}
.noo-menu-item-cart .noo-minicart .minicart-footer {
padding: 10px;
}
.noo-menu-item-cart .noo-minicart .minicart-footer .minicart-total {
font-size: 14px;
text-transform: uppercase;
color: #696969;
font-weight: normal;
padding: 10px 2px;
text-align: left;
margin-bottom: 8px;
}
.noo-menu-item-cart .noo-minicart .minicart-footer .minicart-total .amount {
float: right;
font-size: 20px;
line-height: 18px;
}
.noo-menu-item-cart .noo-minicart .minicart-footer .minicart-actions {
text-align: left;
padding-bottom: 8px;
}
.noo-menu-item-cart .noo-minicart .minicart-footer .minicart-actions.empty {
text-align: left;
}
.noo-menu-item-cart .noo-minicart .minicart-footer .minicart-actions .button {
display: inline-block;
margin: 0;
padding: 10px 1em;
color: #ffffff;
line-height: 16px;
text-transform: uppercase;
width: 48.5%;
text-align: center;
}
.noo-menu-item-cart .noo-minicart .minicart-footer .minicart-actions .button:first-child {
margin-right: 8px;
}
.noo-menu-item-cart .noo-minicart .minicart-footer .minicart-actions .button.button-null {
margin-top: 8px;
width: auto;
}
@media (min-width: 1550px) {
.header-3 .noo-menu-item-cart .noo-minicart {
top: 100px;
}
}
.noo-menu-extend-overlay {
width: 100%;
height: 100%;
background: rgba(33, 33, 33, 0.5);
position: fixed;
top: 0;
right: 0;
opacity: 0;
filter: alpha(opacity=0);
z-index: 99999;
display: none;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.noo-menu-extend-overlay.show {
opacity: 1;
filter: alpha(opacity=100);
}
@media (max-width: 991px) {
.noo-menu-extend-overlay {
display: none;
}
}
.noo-menu-extend {
width: 300px;
right: -300px;
top: 0;
position: fixed;
background: #ffffff;
height: 100%;
z-index: 999999;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
overflow-x: hidden;
overflow-y: scroll;
}
.noo-menu-extend .menu-extend-wrap {
padding: 40px 20px;
}
.noo-menu-extend .menu-extend-wrap .menu-closed {
position: absolute;
top: 10px;
right: 10px;
width: 30px;
height: 30px;
display: block;
background-image: url("../images/quickview-close.png");
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
border: 1px solid white;
-webkit-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.noo-menu-extend .menu-extend-wrap .menu-closed:hover {
border-color: #212121;
}
.noo-menu-extend .menu-extend-wrap .widget {
margin-top: 34px;
}
.noo-menu-extend .menu-extend-wrap .widget .zframe-flickr-wrap-rtl .flickr_badge_image a img,
.noo-menu-extend .menu-extend-wrap .widget .zframe-flickr-wrap-ltr .flickr_badge_image a img {
width: 75px;
height: 75px;
}
@media (max-width: 991px) {
.noo-menu-extend .menu-extend-wrap {
display: none;
}
}
.noo-menu-extend ul.menu-extend-link {
list-style: none;
padding: 0;
padding-left: 20px;
padding-top: 30px;
}
.noo-menu-extend ul.menu-extend-link li a {
text-transform: uppercase;
font-size: 14px;
color: #696969;
margin-right: 24px;
font-weight: 400;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
line-height: 38px;
}
.noo-menu-extend ul.menu-extend-link li a:hover {
color: #ffffff;
}
.noo-menu-extend.show {
right: 0;
}
.noo-menu-extend.show .menu-extend-wrap .menu-closed {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
/* --------------------------------------------------------------------- */
/* 4. BASIC ELEMENTS
/* --------------------------------------------------------------------- */
/* === 4.1. HEADING === */
.noo-page-heading {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 420px;
position: relative;
}
.noo-page-heading:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(33, 33, 33, 0.9);
-webkit-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.noo-page-heading.eff:before {
background: rgba(33, 33, 33, 0.5);
}
.noo-page-heading .container {
height: 100%;
position: relative;
display: table;
}
.noo-page-heading .noo-heading-content {
display: table-cell;
vertical-align: middle;
}
.noo-page-heading .page-title {
padding: 0 15px;
color: #ffffff;
margin: 0;
text-align: center;
font-size: 56px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translate(0, 80px);
-ms-transform: translate(0, 80px);
-o-transform: translate(0, 80px);
transform: translate(0, 80px);
-webkit-transition: all 0.9s ease 0s;
-o-transition: all 0.9s ease 0s;
transition: all 0.9s ease 0s;
}
.noo-page-heading .page-title.eff {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
}
.noo-page-heading .noo-page-breadcrumb {
text-align: center;
color: #ffffff;
margin-top: 28px;
text-transform: uppercase;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.9s ease 0.6s;
-o-transition: all 0.9s ease 0.6s;
transition: all 0.9s ease 0.6s;
}
.noo-page-heading .noo-page-breadcrumb.eff {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100);
}
.noo-page-heading .noo-page-breadcrumb a {
color: #ffffff;
}
.noo-page-heading .noo-page-breadcrumb span {
margin: 0 3px;
}
.boxed-layout .page_fullwidth {
overflow: hidden;
}
/* === 4.2. BOX LAYOUT === */
.boxed-layout {
background-color: #ffffff;
background-image: url("");
background-position: left top;
background-repeat: no-repeat;
background-attachment: fixed;
}
.boxed-layout .site {
margin: 0 auto;
position: relative;
padding: 0;
background-color: #ffffff;
-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
width: 90%;
max-width: 1400px;
overflow-x: hidden;
}
.boxed-layout .site .fixed_top .navbar-wrapper {
width: 90%;
max-width: 1200px;
margin: 0 auto;
}
.boxed-layout .site .header-1 .noo-menu-option a {
font-size: 0;
}
.boxed-layout .site .header-1 .noo-menu-option a i {
font-size: 14px;
}
/* === 4.3. IMAGE GRID === */
.noo-images-grid {
position: relative;
}
.noo-images-grid ul {
list-style: none;
padding: 0;
margin: 0;
height: 798px;
}
.noo-images-grid ul:before,
.noo-images-grid ul:after {
content: " ";
display: table;
}
.noo-images-grid ul:after {
clear: both;
}
.noo-images-grid ul:before,
.noo-images-grid ul:after {
content: " ";
display: table;
}
.noo-images-grid ul:after {
clear: both;
}
.noo-images-grid ul li {
width: 50%;
float: left;
height: 50%;
}
.noo-images-grid ul li a {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: block;
width: 100%;
height: 100%;
}
/* === 4.4. INSTAGRAM === */
.noo-instagram {
position: relative;
}
.noo-instagram:before,
.noo-instagram:after {
content: " ";
display: table;
}
.noo-instagram:after {
clear: both;
}
.noo-instagram:before,
.noo-instagram:after {
content: " ";
display: table;
}
.noo-instagram:after {
clear: both;
}
.noo-instagram .noo-instagram-info {
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 33%;
background: #79cba8;
padding: 20px;
}
.noo-instagram .noo-instagram-info .noo-instagram-table {
display: table;
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
.noo-instagram .noo-instagram-info .noo-instagram-table .instagram-sh-title {
display: table-cell;
vertical-align: middle;
}
.noo-instagram .noo-instagram-info .noo-instagram-table .instagram-sh-title h4 {
color: #ffffff;
}
.noo-instagram .noo-instagram-info .noo-instagram-table .instagram-sh-title p {
padding: 0 12%;
color: #ffffff;
}
.noo-instagram .noo-instagram-info .noo-instagram-table .instagram-sh-title .on-instagram {
margin-top: 103px;
}
.noo-instagram .noo-instagram-info .noo-instagram-table .instagram-sh-title .on-instagram i {
font-size: 56px;
color: #ffffff;
padding-right: 22px;
}
.noo-instagram .noo-instagram-info .noo-instagram-table .instagram-sh-title .on-instagram span {
display: inline-block;
text-align: left;
font-family: 'Pacifico', cursive;
font-size: 18px;
color: #ffffff;
}
.noo-instagram .noo-instagram-info .noo-instagram-table .instagram-sh-title .on-instagram span a {
display: block;
font-family: 'Lato', sans-serif;
text-transform: uppercase;
color: #ffffff;
font-weight: 700;
padding-top: 5px;
}
.noo-instagram .noo-instagram-info .noo-instagram-table .instagram-sh-title .on-instagram span a:hover {
text-decoration: underline;
}
.noo-instagram .noo-instagram-info .noo-line .line-one {
border-width: 0 2px;
border-color: rgba(255, 255, 255, 0.5);
}
.noo-instagram .noo-instagram-info .noo-line .line-one span:first-child {
top: -19px;
}
.noo-instagram .noo-instagram-info .noo-line .line-one span:last-child {
bottom: -19px;
}
.noo-instagram .noo-instagram-info .noo-line .line-one span:first-child:before,
.noo-instagram .noo-instagram-info .noo-line .line-one span:last-child:before {
border-width: 2px;
border-color: rgba(255, 255, 255, 0.5);
}
.noo-instagram .noo-instagram-info .noo-line .line-two {
border-width: 2px 0;
border-color: rgba(255, 255, 255, 0.5);
}
.noo-instagram .noo-instagram-info .noo-line .line-two span:first-child:before,
.noo-instagram .noo-instagram-info .noo-line .line-two span:last-child:before {
border-width: 2px;
border-color: rgba(255, 255, 255, 0.5);
}
.noo-instagram .noo-instagram-info .noo-line .line-two span:first-child {
right: -19px;
}
.noo-instagram .noo-instagram-info .noo-line .line-two span:last-child {
right: -19px;
}
.noo-instagram .noo-instagram-image {
width: 67%;
float: right;
}
.noo-instagram .noo-instagram-image .noo-product-grid:before,
.noo-instagram .noo-instagram-image .noo-product-grid:after {
content: " ";
display: table;
}
.noo-instagram .noo-instagram-image .noo-product-grid:after {
clear: both;
}
.noo-instagram .noo-instagram-image .noo-product-grid:before,
.noo-instagram .noo-instagram-image .noo-product-grid:after {
content: " ";
display: table;
}
.noo-instagram .noo-instagram-image .noo-product-grid:after {
clear: both;
}
.noo-instagram .noo-instagram-image .noo-instagram-item {
width: 25%;
float: left;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.noo-instagram .noo-instagram-image .noo-instagram-item a:focus {
outline: none;
outline-color: transparent;
}
.noo-instagram .noo-instagram-image .noo-instagram-item:hover {
-webkit-box-shadow: 0 0px 18px 0 rgba(0, 0, 0, 0.18);
box-shadow: 0 0px 18px 0 rgba(0, 0, 0, 0.18);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
z-index: 1;
}
/* === 4.5. SERVICES === */
div.services-sh-title {
padding-bottom: 96px;
}
div.services-sh-title h2,
div.services-sh-title h4 {
color: #ffffff;
}
div.services-sh-title p {
color: #ffffff;
padding: 0 20%;
}
.noo-services-columns {
list-style: none;
padding: 0;
margin-bottom: 0;
}
.noo-services-columns li .noo-service-item {
position: relative;
max-width: 250px;
width: 100%;
padding-bottom: 20px;
margin: 15px auto;
}
.noo-services-columns li .noo-service-item:hover .line-left {
border-width: 0 2px;
border-color: rgba(255, 255, 255, 0.5);
border-style: solid;
background: none;
}
.noo-services-columns li .noo-service-item:hover .line-left span:first-child {
right: -2px;
}
.noo-services-columns li .noo-service-item:hover .line-left span:first-child:before {
right: -12px;
bottom: 0;
border: 2px solid rgba(255, 255, 255, 0.5);
width: 30px;
height: 30px;
}
.noo-services-columns li .noo-service-item:hover .line-left span:last-child {
right: -2px;
}
.noo-services-columns li .noo-service-item:hover .line-left span:last-child:before {
right: -12px;
top: 0;
border: 2px solid rgba(255, 255, 255, 0.5);
width: 30px;
height: 30px;
}
.noo-services-columns li .noo-service-item:hover .line-top {
border-width: 2px 0;
border-color: rgba(255, 255, 255, 0.5);
border-style: solid;
background: none;
}
.noo-services-columns li .noo-service-item:hover .line-top span:first-child {
top: -2px;
}
.noo-services-columns li .noo-service-item:hover .line-top span:first-child:before {
left: -12px;
bottom: 0;
border: 2px solid rgba(255, 255, 255, 0.5);
width: 30px;
height: 30px;
}
.noo-services-columns li .noo-service-item:hover .line-top span:last-child {
bottom: -2px;
}
.noo-services-columns li .noo-service-item:hover .line-top span:last-child:before {
left: -12px;
top: 0;
border: 2px solid rgba(255, 255, 255, 0.5);
width: 30px;
height: 30px;
}
.noo-services-columns li .noo-service-item:hover h3 {
color: #ffffff;
}
.noo-services-columns li .noo-service-item:hover p {
color: #eeeff0;
}
.noo-services-columns li .noo-service-item:hover .service-content img {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.noo-services-columns li .line-top {
position: absolute;
left: 18px;
top: 0;
width: calc(100% - 36px);
height: 100%;
background-color: #79cba8;
display: block;
}
.noo-services-columns li .line-top.style-2 {
background-color: #f4eede;
}
.noo-services-columns li .line-top span:first-child {
width: 18px;
height: 18px;
position: absolute;
left: -18px;
top: 0;
overflow: hidden;
}
.noo-services-columns li .line-top span:first-child:before {
width: 50px;
height: 50px;
content: '';
border: 10px solid #79cba8;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
left: -24px;
bottom: -9px;
}
.noo-services-columns li .line-top.style-2 span:first-child:before {
border-color: #f4eede;
}
.noo-services-columns li .line-top span:last-child {
width: 18px;
height: 18px;
position: absolute;
left: -18px;
bottom: 0;
overflow: hidden;
}
.noo-services-columns li .line-top span:last-child:before {
width: 50px;
height: 50px;
content: '';
border: 10px solid #79cba8;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
left: -24px;
top: -9px;
}
.noo-services-columns li .line-top.style-2 span:last-child:before {
border-color: #f4eede;
}
.noo-services-columns li .line-left {
position: absolute;
left: 0;
top: 18px;
width: 100%;
height: calc(100% - 36px);
background-color: #79cba8;
display: block;
}
.noo-services-columns li .line-left.style-2 {
background-color: #f4eede;
}
.noo-services-columns li .line-left span:first-child {
width: 18px;
height: 18px;
position: absolute;
right: 0;
top: -18px;
overflow: hidden;
}
.noo-services-columns li .line-left span:first-child:before {
width: 50px;
height: 50px;
content: '';
border: 10px solid #79cba8;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
right: -24px;
bottom: -9px;
}
.noo-services-columns li .line-left.style-2 span:first-child:before {
border-color: #f4eede;
}
.noo-services-columns li .line-left span:last-child {
width: 18px;
height: 18px;
position: absolute;
right: 0;
bottom: -18px;
overflow: hidden;
}
.noo-services-columns li .line-left span:last-child:before {
width: 50px;
height: 50px;
content: '';
border: 10px solid #79cba8;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
right: -24px;
top: -9px;
}
.noo-services-columns li .line-left.style-2 span:last-child:before {
border-color: #f4eede;
}
.noo-services-columns li .service-content {
position: relative;
z-index: 1;
text-align: center;
padding: 20px;
}
.noo-services-columns li .service-content h3 {
margin-top: 12px;
margin-bottom: 45px;
}
.noo-services-columns li .service-content p {
margin-top: 45px;
}
/* === 4.6. PRODUCT MENU === */
div.products-sh-title p {
padding-left: 15%;
padding-right: 15%;
}
div.products-sh-title h4 {
color: #ababab;
}
.filter-menu {
list-style: none;
padding: 0;
margin: 50px 0;
text-align: center;
}
.filter-menu li {
display: inline-block;
position: relative;
color: #212121;
}
.filter-menu li:first-child:before {
display: none;
}
.filter-menu li:before {
content: '//';
margin: 0 20px;
}
.filter-menu li span {
text-transform: uppercase;
cursor: pointer;
}
.filter-menu li span.selected,
.filter-menu li span:hover {
color: #79cba8;
}
.noo-product-menu-content {
background-position: center;
background-size: cover;
background-color: #ffffff;
position: relative;
z-index: 2;
}
.noo-product-menu-content .product-menu-bk {
position: absolute;
background-color: rgba(33, 33, 33, 0.7);
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.noo-product-menu-content .product-menu-bk.eff:before {
content: 'loadding...';
position: absolute;
left: 50%;
top: 50%;
color: #fff;
}
.noo-product-menu-content:before {
width: 50%;
height: 0;
position: absolute;
left: 35px;
bottom: 5px;
content: '';
-webkit-box-shadow: 0 0 15px 25px rgba(33, 33, 33, 0.22);
box-shadow: 0 0 15px 25px rgba(33, 33, 33, 0.22);
transform: rotate(-4deg);
z-index: -1;
}
.noo-product-menu-content:after {
width: 50%;
height: 0;
position: absolute;
right: 35px;
bottom: 5px;
content: '';
-webkit-box-shadow: 0 0 15px 25px rgba(33, 33, 33, 0.22);
box-shadow: 0 0 15px 25px rgba(33, 33, 33, 0.22);
transform: rotate(4deg);
z-index: -1;
}
.noo-product-menu-content .noo-line .line-one {
border-width: 0 2px;
border-color: rgba(255, 255, 255, 0.5);
}
.noo-product-menu-content .noo-line .line-one span:first-child {
top: -19px;
}
.noo-product-menu-content .noo-line .line-one span:last-child {
bottom: -19px;
}
.noo-product-menu-content .noo-line .line-one span:first-child:before,
.noo-product-menu-content .noo-line .line-one span:last-child:before {
border-width: 2px;
border-color: rgba(255, 255, 255, 0.5);
}
.noo-product-menu-content .noo-line .line-two {
border-width: 2px 0;
border-color: rgba(255, 255, 255, 0.5);
}
.noo-product-menu-content .noo-line .line-two span:first-child:before,
.noo-product-menu-content .noo-line .line-two span:last-child:before {
border-width: 2px;
border-color: rgba(255, 255, 255, 0.5);
}
.noo-product-menu-content .noo-line .line-two span:first-child {
right: -19px;
}
.noo-product-menu-content .noo-line .line-two span:last-child {
right: -19px;
}
.noo-product-menu-content ul {
position: relative;
z-index: 1;
}
.noo-menu-content {
list-style: none;
padding: 50px 30px 100px;
margin: 0;
}
.noo-menu-content:before,
.noo-menu-content:after {
content: " ";
display: table;
}
.noo-menu-content:after {
clear: both;
}
.noo-menu-content:before,
.noo-menu-content:after {
content: " ";
display: table;
}
.noo-menu-content:after {
clear: both;
}
.noo-menu-content.eff {
opacity: 0.2;
filter: alpha(opacity=20);
}
.noo-menu-content li {
width: 50%;
float: left;
padding: 0 30px;
margin: 20px 0;
}
.noo-menu-content li.first {
clear: both;
}
.noo-menu-content li .menu-thumb {
float: left;
width: 100px;
height: 100px;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
line-height: 100px;
background-color: #ffffff;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.noo-menu-content li .menu-thumb img {
max-width: 65px;
max-height: 65px;
}
.noo-menu-content li .menu-thumb a {
font-size: 12px;
line-height: 12px;
}
.noo-menu-content li .menu-thumb:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.noo-menu-content li .product-menu-ds {
padding-left: 120px;
padding-top: 5px;
color: #ffffff;
}
.noo-menu-content li .product-menu-ds a {
color: #ffffff;
}
.noo-menu-content li .product-menu-ds .product-menu-flex {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
width: 100%;
}
.noo-menu-content li .product-menu-ds .product-menu-flex .price {
padding-left: 3px;
font-size: 18px;
font-weight: 700;
color: #79cba8;
}
.noo-menu-content li .product-menu-ds .product-menu-flex .p-menu-title {
padding-right: 3px;
text-transform: uppercase;
}
.noo-menu-content li .product-menu-ds .product-menu-flex .p-menu-title a {
padding-top: 3px;
display: inline-block;
}
.noo-menu-content li .product-menu-ds .product-menu-flex .p-menu-title a:hover {
color: #79cba8;
}
.noo-menu-content li .product-menu-ds .product-menu-flex .price,
.noo-menu-content li .product-menu-ds .product-menu-flex .p-menu-title {
flex: 0 0 auto;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
}
.noo-menu-content li .product-menu-ds .product-menu-flex .p-menu-border {
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
min-width: 10%;
border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
margin-bottom: 6px;
}
.noo-menu-content li .product-menu-ds p {
margin: 10px 0 0 0;
}
/* === 4.7. CLIENTS === */
.inheader-sh-title {
text-align: center;
}
.inheader-sh-title .icon {
max-width: 100px;
}
.inheader-sh-title h4 {
color: #79cba8;
margin: 15px 0 0 0;
padding: 0;
}
.inheader-sh-title h2 {
font-family: 'Lato', sans-serif;
text-transform: uppercase;
margin: 12px 0 0 0;
padding: 0;
font-size: 34px;
font-weight: 900;
}
.inheader-sh-title .ds {
margin: 15px 0 0 0;
}
.width_650 .noo-clients-wrap {
max-width: 650px;
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.noo-clients-wrap {
margin-top: 80px;
}
.noo-clients {
list-style: none;
padding: 0;
margin: 0;
display: inline-block;
}
.noo-clients:before,
.noo-clients:after {
content: " ";
display: table;
}
.noo-clients:after {
clear: both;
}
.noo-clients:before,
.noo-clients:after {
content: " ";
display: table;
}
.noo-clients:after {
clear: both;
}
.noo-clients li {
width: 33.33%;
float: left;
border-width: 1px 1px 0 0;
border-style: solid;
border-color: #eeeff0;
}
.noo-clients li:last-child {
border-right: 0;
}
.noo-clients li:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.noo-clients li a:focus {
outline: none;
outline-color: transparent;
}
.noo-clients li a img {
max-width: 200px;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.noo-clients.noo-clients-3 li:nth-child(1),
.noo-clients.noo-clients-3 li:nth-child(2),
.noo-clients.noo-clients-3 li:nth-child(3) {
border-top: 0;
}
.noo-clients.noo-clients-3 li:nth-child(3) {
border-right: 0;
}
.noo-clients.noo-clients-3 li:nth-child(6) {
border-right: 0;
}
.noo-clients.noo-clients-3 li:nth-child(9) {
border-right: 0;
}
.noo-clients.noo-clients-4 li {
width: 25%;
}
.noo-clients.noo-clients-4 li:nth-child(1),
.noo-clients.noo-clients-4 li:nth-child(2),
.noo-clients.noo-clients-4 li:nth-child(3),
.noo-clients.noo-clients-4 li:nth-child(4) {
border-top: 0;
}
.noo-clients.noo-clients-4 li:nth-child(4) {
border-right: 0;
}
.noo-clients.noo-clients-4 li:nth-child(8) {
border-right: 0;
}
.noo-clients.noo-clients-4 li:nth-child(12) {
border-right: 0;
}
.noo-clients.noo-clients-2 li {
width: 50%;
}
.noo-clients.noo-clients-2 li:nth-child(1),
.noo-clients.noo-clients-2 li:nth-child(2) {
border-top: 0;
}
.noo-clients.noo-clients-2 li:nth-child(2) {
border-right: 0;
}
.noo-clients.noo-clients-2 li:nth-child(4) {
border-right: 0;
}
.noo-clients.noo-clients-2 li:nth-child(6) {
border-right: 0;
}
/* === 4.8. COUNTDOWN === */
.custom_countdown_wrap {
text-align: center;
padding: 50px 12% 62px;
}
.custom_countdown_wrap a:hover,
.custom_countdown_wrap a:focus {
outline: inherit;
outline-color: transparent;
color: inherit;
}
.custom_countdown_wrap .icon {
max-width: 100px;
}
.custom_countdown_wrap h4 {
color: #79cba8;
margin: 15px 0 0 0;
padding: 0;
}
.custom_countdown_wrap h2 {
font-family: 'Lato', sans-serif;
text-transform: uppercase;
margin: 12px 0 0 0;
padding: 0;
font-size: 34px;
font-weight: 900;
}
.custom_countdown_wrap .ds {
margin: 15px 0 0 0;
}
.custom_countdown_wrap .price {
font-size: 34px;
font-weight: 700;
color: #79cba8;
margin: 35px 0 0 0;
}
.custom_countdown_wrap .price em {
font-size: 18px;
color: #696969;
font-family: 'Pacifico', cursive;
font-style: normal;
font-weight: 400;
line-height: 32px;
vertical-align: top;
position: relative;
top: 4px;
padding-right: 6px;
}
.custom_countdown_wrap .noo_custom_countdown {
margin-top: 25px;
}
.custom_countdown_wrap .countdown-section {
width: 60px;
height: 60px;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 2px solid #79cba8;
display: inline-block;
text-align: center;
margin: 20px 24px 0;
}
.custom_countdown_wrap .countdown-section .countdown-amount {
font-size: 30px;
display: block;
line-height: 40px;
font-weight: 700;
color: #212121;
margin-bottom: 15px;
margin-top: 8px;
}
.custom_countdown_wrap .countdown-section .countdown-period {
text-transform: uppercase;
}
.custom_countdown_wrap .thumb {
margin-top: 10px;
max-width: 600px;
width: 100%;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.custom_countdown_wrap .thumb:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
@media (min-width: 1200px) {
.noo-traslate-atributes {
-webkit-transform: translate(0, 60px);
-ms-transform: translate(0, 60px);
-o-transform: translate(0, 60px);
transform: translate(0, 60px);
}
.noo-traslate-product {
-webkit-transform: translate(0, 165px);
-ms-transform: translate(0, 165px);
-o-transform: translate(0, 165px);
transform: translate(0, 165px);
}
}
.noo-countdown-product h3 {
font-family: 'Lato', sans-serif;
text-transform: uppercase;
margin-bottom: 10px;
position: relative;
margin-top: 0;
padding: 30px 0;
}
.noo-countdown-product h3 img {
position: absolute;
left: 0;
top: 0;
max-width: 70px;
max-height: 80px;
}
.noo-countdown-product h3 a {
position: relative;
}
.noo-countdown-product .price {
display: block;
font-size: 34px;
color: #79cba8;
font-weight: 600;
margin-bottom: 20px;
}
.noo-countdown-product .product_meta {
padding-top: 11px;
}
.noo-countdown-product .product_meta .posted_in,
.noo-countdown-product .product_meta .tagged_as {
display: block;
text-transform: uppercase;
}
.noo-countdown-product .product_meta .posted_in a,
.noo-countdown-product .product_meta .tagged_as a {
text-transform: none;
color: #696969;
}
.noo-countdown-product .product_meta .posted_in a:first-child,
.noo-countdown-product .product_meta .tagged_as a:first-child {
padding-left: 10px;
}
.noo-countdown-product .product_meta .tagged_as {
margin-top: 4px;
}
.noo-countdown-product .product_meta .tagged_as a:first-child {
padding-left: 50px;
}
.noo-countdown-product .noo-product-action {
margin-top: 23px;
}
.noo-countdown-product .noo-product-action h4 {
display: none;
}
.noo-countdown-product .noo-product-action .noo-action:before,
.noo-countdown-product .noo-product-action .noo-action:after {
content: " ";
display: table;
}
.noo-countdown-product .noo-product-action .noo-action:after {
clear: both;
}
.noo-countdown-product .noo-product-action .noo-action:before,
.noo-countdown-product .noo-product-action .noo-action:after {
content: " ";
display: table;
}
.noo-countdown-product .noo-product-action .noo-action:after {
clear: both;
}
.noo-countdown-product .noo-product-action .noo-action .noo-qucik-view {
display: none;
}
.noo-countdown-product .noo-product-action .noo-action .added_to_cart {
display: none;
}
.noo-countdown-product .noo-product-action .noo-action .add_to_cart_button {
background: #79cba8;
-webkit-border-radius: 0;
border-radius: 0;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
padding: 0 22px;
height: 40px;
display: inline-block;
line-height: 40px;
font-weight: 400;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
float: left;
position: relative;
}
.noo-countdown-product .noo-product-action .noo-action .add_to_cart_button:hover {
background: #45b284;
color: #ffffff;
}
.noo-countdown-product .noo-product-action .noo-action .add_to_cart_button.loading:after {
font-family: WooCommerce;
content: "\e01c";
vertical-align: top;
-webkit-font-smoothing: antialiased;
font-weight: 400;
-webkit-animation: spin 2s linear infinite;
-moz-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
position: absolute;
right: 5px;
top: 13px;
width: 13px;
height: 13px;
text-align: center;
line-height: 13px;
}
.noo-countdown-product .noo-product-action .noo-action .add_to_cart_button.added:after {
font-family: WooCommerce;
content: "\e017";
margin-left: .53em;
vertical-align: bottom;
}
.noo-countdown-product .noo-product-action .noo-action .yith-wcwl-add-to-wishlist,
.noo-countdown-product .noo-product-action .noo-action .yith-wcwl-wishlistexistsbrowse {
display: inline-block;
margin: 0 0 0 4px;
}
.noo-countdown-product .noo-product-action .noo-action .yith-wcwl-add-to-wishlist a,
.noo-countdown-product .noo-product-action .noo-action .yith-wcwl-wishlistexistsbrowse a {
background: #79cba8;
width: 40px;
height: 40px;
display: block;
overflow: hidden;
position: relative;
text-indent: -110px;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.noo-countdown-product .noo-product-action .noo-action .yith-wcwl-add-to-wishlist a:before,
.noo-countdown-product .noo-product-action .noo-action .yith-wcwl-wishlistexistsbrowse a:before {
font-family: 'FontAwesome';
content: "\f08a";
font-size: 16px;
color: #ffffff;
position: absolute;
left: 122px;
top: 0;
line-height: 40px;
}
.noo-countdown-product .noo-product-action .noo-action .yith-wcwl-add-to-wishlist a:hover,
.noo-countdown-product .noo-product-action .noo-action .yith-wcwl-wishlistexistsbrowse a:hover {
background: #45b284;
}
.noo-countdown-product .noo-product-action .noo-action .yith-wcwl-add-to-wishlist a:hover:before,
.noo-countdown-product .noo-product-action .noo-action .yith-wcwl-wishlistexistsbrowse a:hover:before {
color: #ffffff;
}
.noo-countdown-product .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .ajax-loading,
.noo-countdown-product .noo-product-action .noo-action .yith-wcwl-wishlistexistsbrowse .ajax-loading {
position: absolute;
left: 6px;
top: 9px;
}
.noo-countdown-product .noo-product-action .noo-action .yith-wcwl-wishlistexistsbrowse,
.noo-countdown-product .noo-product-action .noo-action .yith-wcwl-wishlistaddedbrowse {
-webkit-transform: translate(3px, 0);
-ms-transform: translate(3px, 0);
-o-transform: translate(3px, 0);
transform: translate(3px, 0);
}
.noo-countdown-product .noo-product-action .noo-action .yith-wcwl-wishlistexistsbrowse a:before,
.noo-countdown-product .noo-product-action .noo-action .yith-wcwl-wishlistaddedbrowse a:before {
content: "\f004";
}
.noo-countdown-product.style_white {
color: #ffffff;
}
.noo-countdown-product.style_white h3 {
font-family: 'Pacifico', cursive;
padding: 25px 0 25px 0;
font-size: 30px;
text-transform: none;
}
.noo-countdown-product.style_white h3 a {
color: #ffffff;
}
.noo-countdown-product.style_white .price {
color: #ffffff;
}
.noo-countdown-product.style_white .product_meta span a {
color: #ffffff;
}
.noo-countdown-product.style_white .defaultCountdown {
color: #ffffff;
}
.noo-countdown-product.style_white .noo-product-action .noo-action .add_to_cart_button,
.noo-countdown-product.style_white .noo-product-action .noo-action .yith-wcwl-add-to-wishlist a,
.noo-countdown-product.style_white .noo-product-action .noo-action .yith-wcwl-wishlistexistsbrowse a {
background-color: #212121;
}
.noo-countdown-product.style_white .noo-product-action .noo-action .add_to_cart_button:hover,
.noo-countdown-product.style_white .noo-product-action .noo-action .yith-wcwl-add-to-wishlist a:hover,
.noo-countdown-product.style_white .noo-product-action .noo-action .yith-wcwl-wishlistexistsbrowse a:hover {
background-color: #79cba8;
}
.defaultCountdown {
font-family: 'Pacifico', cursive;
font-size: 48px;
color: #f5a64a;
margin-top: 12px;
}
.defaultCountdown .countdown-row {
display: block;
}
.defaultCountdown .countdown-section {
margin-left: 28px;
}
.defaultCountdown .countdown-section:first-child {
margin-left: 0;
}
.defaultCountdown .countdown-amount {
letter-spacing: 1.5px;
}
.defaultCountdown .countdown-period {
padding-left: 10px;
font-size: 30px;
}
.defaultCountdown.hide_name .countdown-section:last-child .countdown-amount:after {
display: none;
}
.defaultCountdown.hide_name .countdown-period {
display: none;
}
.defaultCountdown.hide_name .countdown-amount:after {
content: ':';
font-size: 24px;
padding-left: 22px;
}
/* === 4.9. ABOUT US === */
.noo-about-wrap {
flex-direction: row;
-webkit-flex-direction: row;
display: flex;
display: -webkit-flex;
}
.noo-about-wrap .noo-about-left {
flex: 50%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.noo-about-wrap .noo-about-right {
flex: 50%;
padding: 195px 10%;
text-align: center;
position: relative;
}
.noo-about-wrap .noo-about-right p {
margin: 63px 0 50px;
}
.noo-about-wrap .noo-about-right img {
max-width: 300px;
}
.noo-button-creative {
text-align: center;
}
.noo-button-creative a {
height: 40px;
position: relative;
display: inline-block;
padding: 10px 55px;
background: #79cba8;
color: #ffffff;
text-transform: uppercase;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.noo-button-creative a span.first {
position: absolute;
left: -13px;
bottom: -12px;
background: #79cba8;
content: '';
width: 10px;
height: 35px;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.noo-button-creative a span.first:before {
border-left: 17.5px solid transparent;
border-top: 17.5px solid #79cba8;
content: '';
position: absolute;
left: -17px;
top: 0;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.noo-button-creative a span.first:before {
border-left: 17.5px solid transparent;
border-bottom: 17.5px solid #79cba8;
content: '';
position: absolute;
left: -17px;
bottom: 0;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.noo-button-creative a span.second {
position: absolute;
left: -5px;
bottom: -12px;
content: '';
width: 40px;
height: 8px;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.noo-button-creative a span.second:before {
border-left: 27px solid #79cba8;
border-top: 8px solid transparent;
content: '';
position: absolute;
left: 0;
top: 0;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.noo-button-creative a span.second:after {
border-right: 27px solid #79cba8;
border-bottom: 8px solid transparent;
content: '';
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.noo-button-creative a .three {
position: absolute;
right: -13px;
bottom: -12px;
background: #79cba8;
content: '';
width: 10px;
height: 35px;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.noo-button-creative a .three:before {
border-right: 17.5px solid transparent;
border-top: 17.5px solid #79cba8;
content: '';
position: absolute;
right: -17px;
top: 0;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.noo-button-creative a .three:after {
border-right: 17.5px solid transparent;
border-bottom: 17.5px solid #79cba8;
content: '';
position: absolute;
right: -17px;
bottom: 0;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.noo-button-creative a .four {
position: absolute;
right: -5px;
bottom: -12px;
content: '';
width: 40px;
height: 8px;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.noo-button-creative a .four:before {
border-left: 27px solid transparent;
border-bottom: 8px solid #79cba8;
content: '';
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.noo-button-creative a .four:after {
border-right: 27px solid transparent;
border-top: 8px solid #79cba8;
content: '';
position: absolute;
left: 0;
top: 0;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.noo-button-creative a:focus {
outline: none;
outline-color: transparent;
}
.noo-button-creative a:hover {
background-color: #212121;
}
.noo-button-creative a:hover span.first {
background: #212121;
bottom: 2.5px;
}
.noo-button-creative a:hover span.first:before {
border-top-color: #212121;
}
.noo-button-creative a:hover span.first:before {
border-bottom-color: #212121;
}
.noo-button-creative a:hover span.second {
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.noo-button-creative a:hover span.second:before {
border-left-color: #212121;
}
.noo-button-creative a:hover span.second:after {
border-right-color: #212121;
}
.noo-button-creative a:hover .three {
bottom: 2.5px;
background: #212121;
}
.noo-button-creative a:hover .three:before {
border-top-color: #212121;
}
.noo-button-creative a:hover .three:after {
border-bottom-color: #212121;
}
.noo-button-creative a:hover .four {
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.noo-button-creative a:hover .four:before {
border-bottom-color: #212121;
}
.noo-button-creative a:hover .four:after {
border-top-color: #212121;
}
.noo-line {
position: absolute;
left: 0;
top: 0;
width: calc(100% - 40px);
height: calc(100% - 40px);
margin-left: 20px;
margin-top: 20px;
display: block;
}
.noo-line .line-one {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: calc(100% - 40px);
margin-top: 20px;
border-width: 0 1px;
border-style: solid;
border-color: #79cba8;
display: block;
}
.noo-line .line-one span:first-child {
width: 20px;
height: 20px;
position: absolute;
left: -1px;
top: -20px;
display: block;
overflow: hidden;
}
.noo-line .line-one span:first-child:before {
width: 40px;
height: 40px;
-webkit-border-radius: 50%;
border-radius: 50%;
display: block;
position: absolute;
border: 1px solid #79cba8;
content: '';
left: -20px;
top: -20px;
}
.noo-line .line-one span:last-child {
width: 20px;
height: 20px;
position: absolute;
left: -1px;
bottom: -20px;
display: block;
overflow: hidden;
}
.noo-line .line-one span:last-child:before {
width: 40px;
height: 40px;
-webkit-border-radius: 50%;
border-radius: 50%;
display: block;
position: absolute;
border: 1px solid #79cba8;
content: '';
left: -20px;
top: 0;
}
.noo-line .line-two {
position: absolute;
left: 0;
top: 0;
width: calc(100% - 40px);
height: 100%;
margin-left: 20px;
border-width: 1px 0;
border-style: solid;
border-color: #79cba8;
display: block;
}
.noo-line .line-two span:first-child {
width: 20px;
height: 20px;
position: absolute;
right: -20px;
top: -1px;
display: block;
overflow: hidden;
}
.noo-line .line-two span:first-child:before {
width: 40px;
height: 40px;
-webkit-border-radius: 50%;
border-radius: 50%;
display: block;
position: absolute;
border: 1px solid #79cba8;
content: '';
right: -20px;
top: -20px;
}
.noo-line .line-two span:last-child {
width: 20px;
height: 20px;
position: absolute;
right: -20px;
bottom: -1px;
display: block;
overflow: hidden;
}
.noo-line .line-two span:last-child:before {
width: 40px;
height: 40px;
-webkit-border-radius: 50%;
border-radius: 50%;
display: block;
position: absolute;
border: 1px solid #79cba8;
content: '';
right: -20px;
top: 0;
}
.noo-short-intro {
position: relative;
padding: 112px 0 0 0;
}
.noo-short-intro h4 {
font-size: 34px;
color: #ffffff;
line-height: 55px;
margin: 0;
padding: 0 0 20px 0;
}
.noo-short-intro h2 {
font-family: 'Lato', sans-serif;
font-size: 56px;
line-height: 56px;
margin: 0;
padding: 0;
color: #ffffff;
text-transform: uppercase;
font-weight: 400;
position: relative;
background-image: url("../images/back_line.png");
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 105px;
}
.noo-short-intro .price {
display: inline-block;
min-width: 133px;
min-height: 135px;
background-image: url("../images/icon_price.png");
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 45%;
top: 0;
text-align: center;
font-size: 28px;
color: #f5a64a;
font-weight: 700;
padding-top: 20px;
padding-left: 5px;
}
.noo-short-intro .price span {
display: block;
font-family: 'Pacifico', cursive;
color: #212121;
font-size: 20px;
font-weight: 400;
line-height: 35px;
}
/* === 4.10. SIMPLE PRODUCT SLIDER === */
.noo-simple-product-slider {
list-style: none;
padding: 0 7.5px;
margin: 0;
}
.noo-simple-product-slider li {
padding: 15px 7.5px;
}
.noo-simple-product-slider li .noo-simple-slider-item {
position: relative;
height: 265px;
background-repeat: no-repeat;
background-color: #fff;
background-size: cover;
background-position: center;
width: 100%;
display: table;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.noo-simple-product-slider li .noo-simple-slider-item:before {
display: block;
width: 100%;
height: 100%;
content: '';
position: absolute;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.9);
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
filter: alpha(opacity=0);
}
.noo-simple-product-slider li .noo-simple-slider-item .n-simple-content {
display: table-cell;
vertical-align: middle;
text-align: center;
position: relative;
z-index: 2;
}
.noo-simple-product-slider li .noo-simple-slider-item .n-simple-content h3 {
font-family: 'Lato', sans-serif;
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
margin: 0 0 15px 0;
-webkit-transform: translate(0, 70px);
-ms-transform: translate(0, 70px);
-o-transform: translate(0, 70px);
transform: translate(0, 70px);
opacity: 0;
filter: alpha(opacity=0);
}
.noo-simple-product-slider li .noo-simple-slider-item .n-simple-content h3:hover {
text-decoration: underline;
}
.noo-simple-product-slider li .noo-simple-slider-item .n-simple-content .price {
-webkit-transform: translate(0, -70px);
-ms-transform: translate(0, -70px);
-o-transform: translate(0, -70px);
transform: translate(0, -70px);
opacity: 0;
filter: alpha(opacity=0);
display: block;
color: #79cba8;
font-size: 18px;
}
.noo-simple-product-slider li .noo-simple-slider-item:hover {
-webkit-box-shadow: 0 -2px 29px 0 rgba(0, 0, 0, 0.18);
box-shadow: 0 -2px 29px 0 rgba(0, 0, 0, 0.18);
}
.noo-simple-product-slider li .noo-simple-slider-item:hover:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100);
}
.noo-simple-product-slider li .noo-simple-slider-item:hover .n-simple-content h3,
.noo-simple-product-slider li .noo-simple-slider-item:hover .n-simple-content .price {
-webkit-transition: all 0.6s ease 0.3s;
-o-transition: all 0.6s ease 0.3s;
transition: all 0.6s ease 0.3s;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
div.creative-product-title {
margin-bottom: 105px;
}
div.creative-product-title h4 {
color: #ababab;
}
div.creative-product-title p {
padding: 0 35%;
}
.noo-creative-product-slider {
position: relative;
margin-bottom: 110px;
}
.noo-simple-product-bk {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 63%;
height: 100%;
right: 0;
top: 0;
position: absolute;
}
.noo-simple-slider-img {
position: absolute;
bottom: -115px;
right: 50%;
max-width: 700px;
}
.noo-simple-slider-content {
color: #ffffff;
-webkit-transform: translate(0, 18px);
-ms-transform: translate(0, 18px);
-o-transform: translate(0, 18px);
transform: translate(0, 18px);
}
.noo-simple-slider-content h3 {
font-family: 'Lato', sans-serif;
padding: 25px 0 20px 0;
margin-bottom: 20px;
font-size: 24px;
text-transform: uppercase;
position: relative;
}
.noo-simple-slider-content h3 a {
color: #ffffff;
}
.noo-simple-slider-content h3 a:hover {
color: #ffffff;
}
.noo-simple-slider-content h31:before {
position: absolute;
width: 100px;
bottom: 0;
left: 0;
content: '';
height: 1px;
background: rgba(255, 255, 255, 0.7);
}
.noo-simple-slider-content .price {
display: block;
font-size: 34px;
font-weight: 600;
margin-bottom: 20px;
}
.noo-simple-slider-content .product_meta {
padding-top: 11px;
}
.noo-simple-slider-content .product_meta .posted_in,
.noo-simple-slider-content .product_meta .tagged_as {
display: block;
text-transform: uppercase;
}
.noo-simple-slider-content .product_meta .posted_in a,
.noo-simple-slider-content .product_meta .tagged_as a {
text-transform: none;
color: #ffffff;
}
.noo-simple-slider-content .product_meta .posted_in a:first-child,
.noo-simple-slider-content .product_meta .tagged_as a:first-child {
padding-left: 10px;
}
.noo-simple-slider-content .product_meta .tagged_as {
margin-top: 4px;
}
.noo-simple-slider-content .product_meta .tagged_as a:first-child {
padding-left: 50px;
}
.noo-simple-slider-content .noo-product-action {
margin-top: 23px;
}
.noo-simple-slider-content .noo-product-action h4 {
display: none;
}
.noo-simple-slider-content .noo-product-action .noo-action:before,
.noo-simple-slider-content .noo-product-action .noo-action:after {
content: " ";
display: table;
}
.noo-simple-slider-content .noo-product-action .noo-action:after {
clear: both;
}
.noo-simple-slider-content .noo-product-action .noo-action:before,
.noo-simple-slider-content .noo-product-action .noo-action:after {
content: " ";
display: table;
}
.noo-simple-slider-content .noo-product-action .noo-action:after {
clear: both;
}
.noo-simple-slider-content .noo-product-action .noo-action .noo-qucik-view {
display: none;
}
.noo-simple-slider-content .noo-product-action .noo-action .add_to_cart_button {
-webkit-border-radius: 0;
border-radius: 0;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
padding: 0 22px;
height: 40px;
display: inline-block;
line-height: 40px;
font-weight: 400;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
background-color: #000000;
float: left;
margin-right: 5px;
}
.noo-simple-slider-content .noo-product-action .noo-action .add_to_cart_button:hover {
background-color: #79cba8;
}
.noo-simple-slider-content .noo-product-action .noo-action .yith-wcwl-add-to-wishlist,
.noo-simple-slider-content .noo-product-action .noo-action .yith-wcwl-wishlistexistsbrowse {
display: inline-block;
margin: 0;
}
.noo-simple-slider-content .noo-product-action .noo-action .yith-wcwl-add-to-wishlist a,
.noo-simple-slider-content .noo-product-action .noo-action .yith-wcwl-wishlistexistsbrowse a {
background: #000000;
width: 40px;
height: 40px;
display: block;
overflow: hidden;
position: relative;
text-indent: -110px;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.noo-simple-slider-content .noo-product-action .noo-action .yith-wcwl-add-to-wishlist a:before,
.noo-simple-slider-content .noo-product-action .noo-action .yith-wcwl-wishlistexistsbrowse a:before {
font-family: 'FontAwesome';
content: "\f08a";
font-size: 16px;
color: #ffffff;
position: absolute;
left: 122px;
top: 0;
line-height: 40px;
}
.noo-simple-slider-content .noo-product-action .noo-action .yith-wcwl-add-to-wishlist a:hover,
.noo-simple-slider-content .noo-product-action .noo-action .yith-wcwl-wishlistexistsbrowse a:hover {
background: #79cba8;
}
.noo-simple-slider-content .noo-product-action .noo-action .yith-wcwl-add-to-wishlist a:hover:before,
.noo-simple-slider-content .noo-product-action .noo-action .yith-wcwl-wishlistexistsbrowse a:hover:before {
color: #ffffff;
}
.noo-simple-slider-content .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .ajax-loading,
.noo-simple-slider-content .noo-product-action .noo-action .yith-wcwl-wishlistexistsbrowse .ajax-loading {
position: absolute;
left: 6px;
top: 9px;
}
.noo-simple-slider-content .noo-product-action .noo-action .yith-wcwl-wishlistexistsbrowse,
.noo-simple-slider-content .noo-product-action .noo-action .yith-wcwl-wishlistaddedbrowse {
-webkit-transform: translate(3px, 0);
-ms-transform: translate(3px, 0);
-o-transform: translate(3px, 0);
transform: translate(3px, 0);
}
.noo-simple-slider-content .noo-product-action .noo-action .yith-wcwl-wishlistexistsbrowse a:before,
.noo-simple-slider-content .noo-product-action .noo-action .yith-wcwl-wishlistaddedbrowse a:before {
content: "\f004";
}
/* === 4.11. IMAGE SLIDER === */
.noo-slider-wrap ul {
list-style: none;
padding: 0 7.5px;
margin: 0;
}
.noo-slider-wrap ul li {
padding: 0 7.5px;
}
.noo-slider-wrap ul li .image-style {
overflow: hidden;
}
.noo-slider-wrap ul li .image-style img {
width: 100%;
-webkit-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
}
.noo-slider-wrap ul li .image-style:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.noo-slider-wrap ul.no-padding {
padding: 0;
}
.noo-slider-wrap ul.no-padding li {
padding: 0;
}
/* === 4.12. INFO === */
.noo-info:before,
.noo-info:after {
content: " ";
display: table;
}
.noo-info:after {
clear: both;
}
.noo-info:before,
.noo-info:after {
content: " ";
display: table;
}
.noo-info:after {
clear: both;
}
.noo-info .noo-info-icon {
float: left;
max-width: 70px;
}
.noo-info .noo-info-content {
padding-left: 95px;
}
.noo-info .noo-info-content strong {
display: block;
color: #82bd1a;
border-bottom: 1px dashed #ababab;
font-size: 56px;
font-weight: 900;
line-height: 45px;
padding-bottom: 10px;
}
.noo-info .noo-info-content h5 {
color: #82bd1a;
font-size: 20px;
margin-top: 13px;
margin-bottom: 20px;
}
.noo-info .noo-info-content p {
padding-right: 30px;
}
.noo-info.noo-info-right {
text-align: right;
}
.noo-info.noo-info-right .noo-info-icon {
float: right;
}
.noo-info.noo-info-right .noo-info-content {
padding-left: 0;
padding-right: 95px;
}
.noo-info.noo-info-right p {
padding-right: 0;
padding-left: 30px;
}
.noo-info.noo-orange strong,
.noo-info.noo-orange h5 {
color: #ecc347;
}
.noo-info.noo-sandy-brown strong,
.noo-info.noo-sandy-brown h5 {
color: #ef977f;
}
.noo-info.noo-turquoise strong,
.noo-info.noo-turquoise h5 {
color: #89d7f0;
}
/* === 4.13. OUR STORY === */
.noo-our_story {
text-align: center;
}
.noo-our_story h2 {
font-size: 34px;
margin: 0 0 50px;
line-height: 48px;
padding: 0 25%;
}
.noo-our_story .our_story_content {
padding: 0 10% 26px;
}
.noo-our_story .our_story_content p {
margin: 0 0 23px;
}
.noo-our_story .signature {
max-width: 200px;
max-height: 200px;
margin-bottom: 53px;
}
.noo-our_story .text-center a {
display: inline-block;
background-color: #79cba8;
padding: 10px 36px;
text-transform: uppercase;
letter-spacing: 1px;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
color: #ffffff;
}
.noo-our_story .text-center a:hover {
background-color: #45b284;
}
.noo-our_story .elasticstack {
position: relative;
margin: 40px auto;
padding: 0;
max-width: 400px;
width: 100%;
height: 500px;
list-style: none;
-webkit-perspective: 1000px;
-webkit-perspective-origin: 50% 150%;
perspective: 1000px;
perspective-origin: 50% 150%;
}
.noo-our_story .no-js .elasticstack {
max-width: 1090px;
width: 100%;
height: auto;
text-align: center;
}
.noo-our_story .elasticstack li {
position: absolute;
z-index: 1;
width: 100%;
height: 500px;
border-width: 18px;
border-style: solid;
border-color: #fff;
box-shadow: 0 10px 7px -7px rgba(0, 0, 0, 0.12), 0 0 4px rgba(0, 0, 0, 0.1);
opacity: 0;
cursor: move;
-webkit-transform: translate3d(0, 0, -180px);
transform: translate3d(0, 0, -180px);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.noo-our_story .no-js .elasticstack li {
position: relative;
display: inline-block;
opacity: 1;
margin: 10px;
cursor: default;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.noo-our_story .elasticstack li .image-elastickstack {
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.noo-our_story .elasticstack li h5 {
margin: 0 5px;
color: #143f51;
height: 60px;
text-align: right;
font-size: 1.4em;
font-family: "Sacramento", cursive;
line-height: 60px;
}
.noo-our_story .elasticstack li.animate {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.noo-our_story .elasticstack li.move-back {
/* http://matthewlein.com/ceaser/ */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.47, 1);
/* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.47, 1.515);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.47, 1.515);
}
.noo-story2-translateY {
-webkit-transform: translate(0, -95px);
-ms-transform: translate(0, -95px);
-o-transform: translate(0, -95px);
transform: translate(0, -95px);
}
.wpb_single_image img {
position: relative;
z-index: 1;
}
.noo-our-story2 {
position: relative;
padding-bottom: 130px;
text-align: center;
}
.noo-our-story2 .story-bk {
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
padding: 130px 30px 150px 30px;
}
.noo-our-story2 .story-bk h2 {
font-size: 24px;
text-transform: uppercase;
font-family: 'Lato', sans-serif;
margin: 0 0 33px;
padding: 0;
}
.noo-our-story2 .story-bk p {
color: #ffffff;
margin: 0 0 23px;
}
.noo-our-story2 .image-bottom {
position: absolute;
bottom: 0;
left: 60px;
}
.noo-our-story2 .story-footer {
margin-top: 35px;
}
.noo-our-story2 .story-footer:before,
.noo-our-story2 .story-footer:after {
content: " ";
display: table;
}
.noo-our-story2 .story-footer:after {
clear: both;
}
.noo-our-story2 .story-footer:before,
.noo-our-story2 .story-footer:after {
content: " ";
display: table;
}
.noo-our-story2 .story-footer:after {
clear: both;
}
.noo-our-story2 .story-footer img {
max-width: 150px;
height: auto;
float: left;
}
.noo-our-story2 .story-footer .name {
text-align: left;
float: right;
width: 40%;
padding-top: 25px;
}
.noo-our-story2 .story-footer .name h6 {
font-size: 18px;
}
.noo-our-story2 .story-footer .name span {
color: #ffffff;
font-style: italic;
font-weight: 300;
}
/* === 4.14. BLOG LIST === */
.noo-blog-list {
list-style: none;
padding: 0 10%;
margin: 70px 0 0 0;
text-align: center;
}
.noo-blog-list li {
border-bottom: 1px solid rgba(121, 203, 168, 0.2);
padding: 28px 0;
}
.noo-blog-list li .cat {
display: block;
font-size: 12px;
text-transform: uppercase;
color: #79cba8;
}
.noo-blog-list li .cat a {
color: #79cba8;
margin-left: 5px;
display: inline-block;
}
.noo-blog-list li h3 {
font-family: 'Lato', sans-serif;
margin: 9px 0 11px;
}
.noo-blog-list li .meta {
display: block;
font-style: italic;
color: #ababab;
font-weight: 300;
}
.noo-blog-list li .meta a {
color: #ababab;
text-decoration: underline;
}
div.blog-sh-title2 {
margin-bottom: 50px;
}
div.blog-sh-title2 h2 {
margin: 15px 0 17px 0;
}
div.blog-sh-title2 h4 {
color: #ababab;
}
div.blog-sh-title2 p {
padding: 0 25%;
}
.noo-blog-title {
margin-bottom: 55px;
}
.noo-blog .btn-loadmore {
padding: 0px 54px;
text-transform: uppercase;
display: inline-block;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.blog-item {
text-align: center;
-webkit-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
margin: 15px 0;
}
.blog-item:hover {
/* -webkit-box-shadow: 0 -2px 29px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 -2px 29px 0 rgba(0, 0, 0, 0.15);*/
}
.blog-item:hover .blog-thumbnail img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.blog-item:hover .blog-description h3 a {
color: #79cba8;
-webkit-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
}
.blog-item:hover .view-more {
-webkit-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
}
.blog-item .blog-thumbnail {
display: block;
overflow: hidden;
}
.blog-item .blog-thumbnail img {
-webkit-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
width: 100%;
}
.blog-item .blog-quote {
height: 390px;
overflow: hidden;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
color: #ffffff;
font-weight: 300;
text-align: center;
}
.blog-item .blog-quote:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(33, 33, 33, 0.7);
}
.blog-item .blog-quote:after {
font-family: "fontawesome";
content: "\f10e";
font-size: 24px;
color: #f5a64a;
width: 72px;
height: 70px;
position: absolute;
top: 34px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
background-repeat: no-repeat;
background-image: url("../images/icon-quote.png");
text-align: center;
line-height: 70px;
}
.blog-item .blog-quote .content-title {
position: relative;
padding: 0 50px;
margin-top: 132px;
font-family: 'Lato', sans-serif;
font-size: 16px;
font-style: italic;
line-height: 22px;
color: #ffffff;
font-weight: 300;
}
.blog-item .blog-quote .content-title a {
color: #ffffff;
font-weight: 300;
}
.blog-item .blog-quote cite {
position: relative;
font-size: 20px;
font-family: 'Pacifico', cursive;
display: block;
color: #79cba8;
font-style: normal;
margin: 34px 0 8px;
}
.blog-item .blog-quote .alias {
position: relative;
font-style: italic;
}
.blog-item .blog-description {
padding: 5px 10px 40px;
}
.blog-item .blog-description .cat {
display: inline-block;
color: #f5a64a;
}
.blog-item .blog-description .cat a {
color: #f5a64a;
margin: 2px;
text-transform: capitalize;
font-size: 18px;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
font-weight: bold;
}
.red
{
color: #c5423e !important;
}
.yellow
{
color: #fdb40c !important;
}
.green
{
color: #5b5a3b !important;
}
.grey
{
color: #898c8e !important;
}
.blog-item .blog-description .cat a:hover {
color: #79cba8;
}
.blog-item .blog-description h1,
.blog-item .blog-description h3 {
font-family: 'Lato', sans-serif;
line-height: 32px;
padding: 10px 3% 15px;
margin: 0;
font-size: 24px;
}
.blog-item .blog-description p {
line-height: 25px;
margin-top: 10px;
}
.blog-item .blog-description .meta {
font-style: italic;
color: #ababab;
display: block;
position: relative;
padding-bottom: 20px;
margin-bottom: 28px;
}
.blog-item .blog-description .meta:before {
position: absolute;
left: 50%;
bottom: 0;
width: 36px;
height: 2px;
content: '';
margin-left: -18px;
background: rgba(245, 166, 74, 0.2);
}
.blog-item .blog-description .meta a {
text-decoration: underline;
color: #ababab;
}
.blog-item .blog-description .meta a:hover {
color: #79cba8;
}
.blog-item .blog-description .view-more {
color: #ffffff;
background-color: #79cba8;
margin-top: 10px;
display: inline-block;
font-weight: 500;
text-transform: uppercase;
font-size: 12px;
padding: 10px 25px;
}
.blog-item .blog-description .view-more i {
padding-left: 5px;
}
.blog .blog-item {
margin: 0;
}
.blog .blog-item .blog-description {
border: 1px solid #f4eede;
padding: 30px 35px;
}
.content-meta {
margin-top: 42px;
}
.content-meta:after {
content: '';
display: table;
clear: both;
}
.content-meta .content-tags {
float: left;
color: #ababab;
}
.content-meta .content-tags span {
float: left;
margin-right: 12px;
margin-top: 2px;
color: #79cba8;
}
.content-meta .content-tags a {
color: #ababab;
text-transform: capitalize;
font-weight: 400;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.content-meta .content-tags a:hover {
color: #79cba8;
}
.content-meta .single-social {
float: right;
}
.content-meta .single-social .text-share {
float: left;
color: #79cba8;
margin-right: 20px;
}
.content-meta .single-social .text-share span {
padding-right: 12px;
}
.content-meta .single-social .content-share {
float: right;
}
.content-meta .single-social .content-share a {
color: #ababab;
margin: 0 5px;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.content-meta .single-social .content-share a:hover {
color: #79cba8;
}
.single .content-meta {
padding-bottom: 25px;
border-bottom: 1px solid #f4eede;
}
.single #author-bio {
text-align: center;
}
.single #author-bio .author-avatar img {
-webkit-border-radius: 50%;
border-radius: 50%;
margin-top: 50px;
margin-bottom: 10px;
}
.single #author-bio .author-info {
padding: 0 15%;
color: #ababab;
}
.single #author-bio .author-info h4 {
font-family: 'Lato', sans-serif;
text-transform: uppercase;
}
.single #author-bio .author-info h4 a {
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.single #author-bio .author-social a {
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
color: #ababab;
margin: 0 10px;
}
.single #author-bio .author-social a:hover {
color: #79cba8;
}
.single .post-navigation-line {
border: 1px solid #f4eede;
font-size: 18px;
line-height: 120px;
height: 120px;
padding: 0 30px;
margin-top: 45px;
position: relative;
white-space: nowrap;
}
.single .post-navigation-line .bg-prev-post,
.single .post-navigation-line .bg-next-post {
height: 120px;
width: 50%;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
z-index: -1;
}
.single .post-navigation-line .bg-prev-post:hover,
.single .post-navigation-line .bg-next-post:hover {
opacity: 0;
filter: alpha(opacity=0);
}
.single .post-navigation-line .bg-next-post {
top: 0;
left: 0;
}
.single .post-navigation-line .bg-prev-post {
top: 0;
left: 50%;
}
.single .post-navigation-line .prev-post {
float: left;
text-align: left;
width: 50%;
overflow: hidden;
}
.single .post-navigation-line .prev-post i,
.single .post-navigation-line .prev-post a {
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.single .post-navigation-line .prev-post i {
margin-right: 10px;
}
.single .post-navigation-line .prev-post:hover i,
.single .post-navigation-line .prev-post:hover a {
color: #79cba8;
}
.single .post-navigation-line .prev-post:hover .bg-prev-post {
opacity: 1;
filter: alpha(opacity=100);
z-index: 1;
}
.single .post-navigation-line .next-post {
float: right;
width: 50%;
text-align: right;
overflow: hidden;
}
.single .post-navigation-line .next-post i,
.single .post-navigation-line .next-post a {
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.single .post-navigation-line .next-post i {
margin-left: 10px;
}
.single .post-navigation-line .next-post:hover i,
.single .post-navigation-line .next-post:hover a {
color: #79cba8;
}
.single .post-navigation-line .next-post:hover .bg-next-post {
opacity: 1;
filter: alpha(opacity=100);
z-index: 1;
}
.single .post-navigation-line:after {
clear: both;
content: '';
display: table;
}
.single .noo-main {
padding-right: 45px;
}
.single .blog-item {
margin: 0;
text-align: left;
}
.single .blog-item:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.single .blog-item .blog-description {
padding: 0;
margin-top: -2px;
text-align: center;
}
.single .blog-item .blog-description .meta {
margin-bottom: 45px;
}
.single .blog-item .blog-description h1 {
margin-bottom: 0;
}
.single .blog-item .content-featured {
margin-bottom: 45px;
}
.single .blog-item h1,
.single .blog-item h2,
.single .blog-item h3,
.single .blog-item h4,
.single .blog-item h5,
.single .blog-item h6 {
font-family: 'Lato', sans-serif;
font-weight: 400;
margin-bottom: 20px;
}
.single .blog-item p {
line-height: 21px;
}
.single .blog-item blockquote {
position: relative;
font-size: 20px;
color: #ababab;
font-style: italic;
line-height: 36px;
padding: 0;
margin: 0;
border: 0;
font-weight: 300;
margin-left: 50px;
padding-left: 50px;
padding-right: 30px;
padding-bottom: 22px;
margin-top: 20px;
}
.single .blog-item blockquote p {
line-height: 36px;
}
.single .blog-item blockquote:before {
font-family: "fontawesome";
content: "\f10d";
font-size: 24px;
color: #f5a64a;
position: absolute;
top: 0;
left: 0;
font-style: normal;
}
.format-video .blog-description .meta,
.format-audio .blog-description .meta {
margin-bottom: 0;
padding-bottom: 0;
}
.format-video .blog-description .meta:before,
.format-audio .blog-description .meta:before {
display: none;
}
.format-audio .blog-item .noo-audio-embed iframe {
max-height: 280px;
}
.format-video .blog-item .video-inner p,
.format-video .blog-item .video-inner .embed-poster {
display: none;
}
.format-video .blog-item .video-inner iframe {
width: 100%;
}
article.format-quote .blog-item .blog-quote:after {
top: 50px;
}
article.format-quote .blog-item .blog-quote .content-title {
line-height: 36px;
font-size: 20px;
margin-top: 142px;
}
article.format-video .blog-item .video-inner iframe {
min-height: 470px;
}
.noo-md-3.format-quote .blog-item .blog-quote .content-title {
margin-top: 90px;
}
.noo-md-3.format-quote .blog-item .blog-quote cite {
margin: 18px 0 8px;
}
.noo-md-3.format-quote .blog-item .blog-quote:after {
top: 10px;
-webkit-transform: translate(-50%, 0) scale(0.7);
-ms-transform: translate(-50%, 0) scale(0.7);
-o-transform: translate(-50%, 0) scale(0.7);
transform: translate(-50%, 0) scale(0.7);
}
/* === 4.15. TESTIMONIAL === */
.noo_testimonial_wrap {
text-align: center;
color: #ffffff;
position: relative;
}
.noo_testimonial_wrap .image_left {
position: absolute;
top: -55px;
left: 0;
}
@media (max-width: 991px) {
.noo_testimonial_wrap .image_left {
display: none;
}
}
.noo_testimonial_wrap .image_right {
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 991px) {
.noo_testimonial_wrap .image_right {
display: none;
}
}
.noo_testimonial_wrap .background_image {
width: 143px;
height: 138px;
display: inline-block;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
line-height: 136px;
}
.noo_testimonial_wrap .background_image img {
width: 120px;
height: 120px;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transform: translate(-2.5px, 0);
-ms-transform: translate(-2.5px, 0);
-o-transform: translate(-2.5px, 0);
transform: translate(-2.5px, 0);
display: inline-block;
}
.noo_testimonial_wrap .noo_testimonial {
list-style: none;
padding: 0;
margin: 0;
cursor: ew-resize;
}
.noo_testimonial_wrap .testimonial-name {
margin-top: 30px;
}
.noo_testimonial_wrap .noo_testimonial_name {
font-size: 24px;
color: #ffffff;
padding-bottom: 3px;
}
.noo_testimonial_wrap .noo_testimonial_position {
font-style: italic;
}
.noo_testimonial_wrap .testimonial-content {
margin-top: 35px;
padding: 0 10%;
font-size: 20px;
font-weight: 300;
font-style: italic;
}
.noo_testimonial_wrap .testimonial-content p {
line-height: 36px;
}
.noo_testimonial_wrap .testimonial-content div {
position: relative;
padding: 0 90px 20px;
}
.noo_testimonial_wrap .testimonial-content div i {
color: #282828;
position: absolute;
left: 0;
top: -25px;
opacity: 0.3;
filter: alpha(opacity=30);
font-size: 40px;
}
.testimonial-4 .noo_testimonial_wrap .testimonial-content div i {
color: #fff;
opacity: 0.5;
}
@media (max-width: 479px) {
.noo_testimonial_wrap .testimonial-content div i {
display: none;
}
}
.noo_testimonial_wrap .testimonial-content div .fa-quote-right {
bottom: 0;
right: 0;
left: auto;
top: auto;
}
@media (max-width: 767px) {
.noo_testimonial_wrap .testimonial-content div .fa-quote-right {
display: none;
}
}
.noo_testimonial_wrap .owl-theme .owl-controls {
margin-top: 90px;
}
.noo_testimonial_wrap .owl-theme .owl-controls .owl-page.active span,
.noo_testimonial_wrap .owl-theme .owl-controls .owl-page:hover span {
background-color: #ffffff;
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
-webkit-transform: scale(1.6);
-ms-transform: scale(1.6);
-o-transform: scale(1.6);
transform: scale(1.6);
}
.noo_testimonial_wrap .owl-theme .owl-controls .owl-page span {
width: 8px;
height: 8px;
opacity: 1;
filter: alpha(opacity=100);
background-color: rgba(255, 255, 255, 0.5);
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
margin: 5px 10px;
}
.noo_testimonial_wrap .noo-testimonial-sync1 {
width: 440px;
margin: auto;
position: relative;
z-index: 2;
}
.noo_testimonial_wrap .noo-testimonial-sync1 .item {
height: 150px;
line-height: 150px;
}
.noo_testimonial_wrap .noo-testimonial-sync1 .background_image {
width: 143px;
height: 138px;
display: inline-block;
background-position: center center;
background-repeat: no-repeat;
line-height: 136px;
background-size: 0;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
cursor: pointer;
}
.noo_testimonial_wrap .noo-testimonial-sync1 .background_image img {
width: 120px;
height: 120px;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
display: inline-block;
opacity: 0.4;
filter: alpha(opacity=40);
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.noo_testimonial_wrap .noo-testimonial-sync1 .synced .background_image {
background-size: 100%;
}
.noo_testimonial_wrap .noo-testimonial-sync1 .synced .background_image img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100);
}
.noo_testimonial_wrap .noo-testimonial-sync1.testimonial-three {
padding-bottom: 75px;
}
.noo_testimonial_wrap .noo-testimonial-sync1.testimonial-three .item {
height: auto;
line-height: normal;
position: relative;
min-height: 270px;
}
.noo_testimonial_wrap .noo-testimonial-sync1.testimonial-three .testimonial-name {
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 133px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 300px;
text-align: center;
}
.noo_testimonial_wrap .noo-testimonial-sync1.testimonial-three .synced .testimonial-name {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.noo_testimonial_wrap .noo-testimonial-sync2 {
color: #696969;
}
.noo_testimonial_wrap .noo-testimonial-sync2 .testimonial-content {
margin-top: 50px;
}
.noo_testimonial_wrap .noo-testimonial-sync2 .testimonial-name {
margin-top: 55px;
}
.noo_testimonial_wrap .noo-testimonial-sync2 .testimonial-name .noo_testimonial_name {
color: #79cba8;
}
.noo_testimonial_wrap .noo-testimonial-sync2 .owl-controls {
margin-top: 0;
position: absolute;
left: 50%;
top: 55px;
width: 540px;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.noo_testimonial_wrap .noo-testimonial-sync2 .owl-controls .owl-buttons:before,
.noo_testimonial_wrap .noo-testimonial-sync2 .owl-controls .owl-buttons:after {
content: " ";
display: table;
}
.noo_testimonial_wrap .noo-testimonial-sync2 .owl-controls .owl-buttons:after {
clear: both;
}
.noo_testimonial_wrap .noo-testimonial-sync2 .owl-controls .owl-buttons:before,
.noo_testimonial_wrap .noo-testimonial-sync2 .owl-controls .owl-buttons:after {
content: " ";
display: table;
}
.noo_testimonial_wrap .noo-testimonial-sync2 .owl-controls .owl-buttons:after {
clear: both;
}
.noo_testimonial_wrap .noo-testimonial-sync2 .owl-controls .owl-buttons div {
background-color: transparent;
-webkit-border-radius: 0;
border-radius: 0;
font-size: 18px;
color: #212121;
width: 50px;
height: 30px;
overflow: hidden;
position: relative;
text-indent: -90px;
}
.noo_testimonial_wrap .noo-testimonial-sync2 .owl-controls .owl-buttons .owl-prev {
float: left;
}
.noo_testimonial_wrap .noo-testimonial-sync2 .owl-controls .owl-buttons .owl-prev:before {
content: "\f177";
font-family: 'FontAwesome';
position: absolute;
left: 70px;
top: 0;
line-height: 30px;
}
.noo_testimonial_wrap .noo-testimonial-sync2 .owl-controls .owl-buttons .owl-next {
float: right;
}
.noo_testimonial_wrap .noo-testimonial-sync2 .owl-controls .owl-buttons .owl-next:before {
content: "\f178";
font-family: 'FontAwesome';
position: absolute;
left: 70px;
top: 0;
line-height: 30px;
}
.noo_testimonial_wrap .noo-testimonial-sync2.testimonial-three {
padding-top: 70px;
max-width: 1100px;
width: 100%;
margin: auto;
}
@media (max-width: 1110px) {
.noo_testimonial_wrap .noo-testimonial-sync2.testimonial-three {
max-width: none;
}
}
.noo_testimonial_wrap .noo-testimonial-sync2.testimonial-three .owl-wrapper-outer {
margin: 0 30px;
width: auto;
}
.noo_testimonial_wrap .noo-testimonial-sync2.testimonial-three .owl-controls {
bottom: 305px;
top: auto;
}
.noo_testimonial_wrap .noo-testimonial-sync2.testimonial-three .owl-controls .owl-buttons div {
font-size: 18px;
color: #ababab;
opacity: 1;
filter: alpha(opacity=100);
}
.noo_testimonial_wrap .noo-testimonial-sync2.testimonial-three .owl-controls .owl-buttons div:hover {
color: #79cba8;
}
.noo_testimonial_wrap .noo-testimonial-sync2.testimonial-three .testimonial-content {
margin-bottom: 32px;
}
.noo_testimonial_wrap .noo-testimonial-sync2.testimonial-three .testimonial-content .testi-title {
font-size: 34px;
color: #ffffff;
margin: 0 0 30px 0;
}
.noo_testimonial_wrap .noo-testimonial-sync2.testimonial-three .testimonial-content p {
color: #ffffff;
font-size: 20px;
}
.noo_testimonial_wrap .noo-line .line-one {
border-width: 0 2px;
border-color: rgba(255, 255, 255, 0.5);
}
.noo_testimonial_wrap .noo-line .line-one span:first-child {
top: -19px;
}
.noo_testimonial_wrap .noo-line .line-one span:last-child {
bottom: -19px;
}
.noo_testimonial_wrap .noo-line .line-one span:first-child:before,
.noo_testimonial_wrap .noo-line .line-one span:last-child:before {
border-width: 2px;
border-color: rgba(255, 255, 255, 0.5);
}
.noo_testimonial_wrap .noo-line .line-two {
border-width: 2px 0;
border-color: rgba(255, 255, 255, 0.5);
}
.noo_testimonial_wrap .noo-line .line-two span:first-child:before,
.noo_testimonial_wrap .noo-line .line-two span:last-child:before {
border-width: 2px;
border-color: rgba(255, 255, 255, 0.5);
}
.noo_testimonial_wrap .noo-line .line-two span:first-child {
right: -19px;
}
.noo_testimonial_wrap .noo-line .line-two span:last-child {
right: -19px;
}
.noo_testimonial_wrap {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width: 1199px) {
.noo_testimonial_wrap {
overflow: hidden;
}
}
.noo_testimonial_wrap.noo_farmer_wrap .noo-testimonial-sync1 {
width: 410px;
}
.noo_testimonial_wrap.noo_farmer_wrap .noo-testimonial-sync1 .item {
height: 140px;
line-height: 136px;
}
.noo_testimonial_wrap.noo_farmer_wrap .noo-testimonial-sync1 .background_image {
width: 143px;
height: 138px;
}
.noo_testimonial_wrap.noo_farmer_wrap .noo-testimonial-sync2 .testimonial-name {
margin-top: 16px;
}
.noo_testimonial_wrap.noo_farmer_wrap .noo-testimonial-sync2 .testimonial-name .noo_testimonial_name {
font-size: 18px;
color: #212121;
text-transform: uppercase;
font-family: 'Lato', sans-serif;
}
.noo_testimonial_wrap.noo_farmer_wrap .noo-testimonial-sync2 .testimonial-content {
margin-top: 0;
}
.noo_testimonial_wrap.noo_farmer_wrap .noo-testimonial-sync2 .testimonial-content .social a {
color: #ccc;
font-size: 14px;
margin: 0 10px;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.noo_testimonial_wrap.noo_farmer_wrap .noo-testimonial-sync2 .testimonial-content .social a:hover {
color: #79cba8;
}
.noo_image_center .noo-image-signature {
margin: 0 auto;
}
.noo_image_left .noo-image-signature {
margin-top: 30px;
}
.noo-image-signature {
width: 372px;
position: relative;
}
.noo-image-signature .img-background-sign {
position: relative;
height: 530px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.noo-image-signature .img-background-color {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: -30px;
left: 50px;
}
.noo-image-signature .img-sign {
margin-left: 22px;
margin-top: 10px;
margin-right: 26px;
}
.noo-image-signature h6 {
margin-top: 38px;
font-size: 18px;
font-family: 'Lato', sans-serif;
text-transform: uppercase;
}
.noo-image-signature span {
font-style: italic;
color: #696969;
}
/* === 4.16. PRODUCT LIST === */
.noo-product-list-title {
color: #ffffff;
margin-bottom: 65px;
}
.noo-product-list-title h2 {
color: #ffffff;
}
.product-list-item .left-content {
text-align: right;
color: #ffffff;
padding-right: 35px;
}
.product-list-item .left-content h3 {
font-family: 'Lato', sans-serif;
text-transform: uppercase;
margin: 30px 0 20px;
}
.product-list-item .left-content h3 a {
color: #ffffff;
font-weight: 400;
}
.product-list-item .left-content .list-excerpt {
padding-left: 10%;
padding-bottom: 10px;
}
.product-list-item .left-content .price {
display: block;
font-size: 56px;
}
.product-list-item .right-img {
padding-left: 35px;
}
.product-list-item .right-img a {
display: inline-block;
position: relative;
}
.product-list-item .right-img a:focus {
outline: none;
outline-color: transparent;
}
.product-list-item .right-img a span {
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
color: #ffffff;
position: absolute;
text-align: center;
text-transform: uppercase;
width: 82px;
height: 80px;
left: 50%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
top: 50%;
margin: -41px 0 0 -40px;
line-height: 21px;
padding-top: 5px;
display: block;
background-image: url("../images/vector_small.png");
background-repeat: no-repeat;
}
.product-list-item .right-img a span em {
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
width: 70px;
height: 70px;
background-color: #212121;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
display: inline-block;
font-style: normal;
padding-top: 12px;
}
.product-list-item .right-img a span:hover em {
background-color: #79cba8;
}
.product-list-item .right-img:hover a span {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.product-list-item.product-list-right {
margin-top: 10px;
}
.product-list-item.product-list-right .left-content {
color: #212121;
text-align: left;
float: right;
padding-left: 35px;
padding-right: 15px;
}
.product-list-item.product-list-right .left-content h3 {
margin: 50px 0 20px;
}
.product-list-item.product-list-right .left-content h3 a {
color: #212121;
}
.product-list-item.product-list-right .left-content .list-excerpt {
padding-left: 0;
padding-bottom: 10px;
padding-right: 10%;
}
.product-list-item.product-list-right .right-img {
text-align: right;
padding-left: 15px;
padding-right: 35px;
}
.view_all {
display: inline-block;
position: relative;
background-color: #79cba8;
padding: 10px 40px;
text-transform: uppercase;
letter-spacing: 1px;
overflow: hidden;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
margin-top: 75px;
}
.view_all a {
color: #ffffff;
position: relative;
}
.view_all a:hover {
color: #ffffff;
}
.view_all:hover {
background-color: #45b284;
}
/* === 4.17. REPRESENT === */
.noo-represent {
text-align: center;
}
.noo-represent img {
max-width: 200px;
}
.noo-represent h2 {
color: #f5a64a;
font-size: 56px;
margin: 18px 0 25px;
}
.noo-represent p {
padding: 0;
font-size: 16px;
line-height: 28px;
margin-bottom: 37px;
}
.noo-represent .noo-button-creative a:hover {
color: #ffffff;
}
/* === 4.18. FARMER === */
.noo-farmer-title {
padding-bottom: 52px;
}
.noo-farmer-title.noo-farmer-title-slider {
text-align: left;
}
.noo-farmer {
text-align: center;
margin: 15px 0;
}
.noo-farmer:hover .noo-farmer-content {
background: #79cba8;
color: #ffffff;
}
.noo-farmer:hover .noo-farmer-content h4 {
color: #ffffff;
}
.noo-farmer:hover .noo-farmer-content .social a {
border-color: #ffffff;
color: #ffffff;
}
.noo-farmer:hover .noo-farmer-thumbnail img {
-webkit-transform: translate(15px, 0);
-ms-transform: translate(15px, 0);
-o-transform: translate(15px, 0);
transform: translate(15px, 0);
}
.noo-farmer:hover .noo-farmer-thumbnail span.first:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.noo-farmer:hover .noo-farmer-thumbnail span.second:before,
.noo-farmer:hover .noo-farmer-thumbnail span.second:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.noo-farmer .noo-farmer-thumbnail {
position: relative;
overflow: hidden;
padding: 0;
}
.noo-farmer .noo-farmer-thumbnail:before {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 87%;
content: '';
border-width: 1px 1px 0 1px;
border-color: #f4eede;
border-style: solid;
}
.noo-farmer .noo-farmer-thumbnail span {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 87%;
display: block;
}
.noo-farmer .noo-farmer-thumbnail span.first:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1px;
content: '';
background: #79cba8;
display: block;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.noo-farmer .noo-farmer-thumbnail span.second:before {
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 100%;
content: '';
background: #79cba8;
display: block;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.noo-farmer .noo-farmer-thumbnail span.second:after {
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
content: '';
background: #79cba8;
display: block;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.noo-farmer .noo-farmer-thumbnail img {
position: relative;
z-index: 1;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.noo-farmer .noo-farmer-content {
background: #f4eede;
padding: 17px 25px 27px;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.noo-farmer .noo-farmer-content h4 {
font-size: 20px;
margin-bottom: 15px;
}
.noo-farmer .noo-farmer-content .social {
display: block;
padding-top: 7px;
}
.noo-farmer .noo-farmer-content .social a {
color: #696969;
border: 1px solid #696969;
width: 32px;
height: 32px;
-webkit-border-radius: 50%;
border-radius: 50%;
margin: 3px 4px;
font-size: 14px;
line-height: 30px;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.noo-farmer .noo-farmer-content .social a:hover {
background: #ffffff;
border-color: #ffffff;
color: #79cba8;
}
/* === 4.19. ATTRIBUTES === */
.noo-atributes {
display: inline-block;
position: relative;
}
.noo-atributes-item {
display: inline-block;
position: absolute;
cursor: pointer;
bottom: 60px;
left: 0;
}
.noo-atributes-item.noo-atributes-item1 {
top: 0;
left: 0;
}
.noo-atributes-item.noo-atributes-item2 {
top: 100px;
left: 60px;
bottom: auto;
}
.noo-atributes-item.noo-atributes-item3 {
top: 0;
left: auto;
right: 0;
}
.noo-atributes-item.noo-atributes-item4 {
bottom: 65px;
right: 70px;
left: auto;
top: auto;
}
.noo-atributes-item.noo-atributes-item5 {
bottom: 90px;
right: 50%;
left: auto;
top: auto;
margin-right: -20px;
}
.noo-atributes-item:hover .noo-atributes-hover,
.noo-atributes-item.active .noo-atributes-hover {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
}
.noo-atributes-item .noo-atributes-hover {
position: absolute;
bottom: 100%;
left: 0;
padding-bottom: 25px;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
-webkit-transform: translate(0, -70px);
-ms-transform: translate(0, -70px);
-o-transform: translate(0, -70px);
transform: translate(0, -70px);
-webkit-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
}
.noo-atributes-item .noo-atributes-content {
position: relative;
width: 270px;
background-color: #ffffff;
display: block;
text-align: center;
padding: 18px 5px 15px;
margin-left: -103px;
-webkit-box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.3);
}
.noo-atributes-item .noo-atributes-content strong {
font-size: 18px;
font-weight: 500;
display: block;
margin-bottom: 10px;
color: #212121;
}
.noo-atributes-item .noo-atributes-content:before {
content: '';
border-top: 10px solid #ffffff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -10px;
}
.noo-atributes-item img {
max-width: 53px;
max-height: 53px;
position: relative;
z-index: 2;
}
.noo-atributes-item .eff {
display: inline-block;
position: relative;
width: 83px;
height: 83px;
text-align: center;
line-height: 78px;
}
.noo-atributes-item .eff .eff1 {
width: 68px;
height: 68px;
position: absolute;
left: 50%;
top: 50%;
margin: -34px 0 0 -34px;
display: inline-block;
border: 1px solid #79cba8;
-webkit-border-radius: 50%;
border-radius: 50%;
animation: eff 1s infinite;
animation-delay: 0.2s;
animation-direction: alternate;
-webkit-animation: eff 1s infinite;
/* Chrome, Safari, Opera */
-webkit-animation-delay: 0.2s;
-webkit-animation-direction: alternate;
}
.noo-atributes-item .eff .eff2 {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
display: inline-block;
border: 1px solid #79cba8;
-webkit-border-radius: 50%;
border-radius: 50%;
animation: eff 1s infinite;
animation-direction: alternate;
-webkit-animation: eff 1s infinite;
/* Chrome, Safari, Opera */
-webkit-animation-delay: 0.2s;
-webkit-animation-direction: alternate;
}
.noo-atributes-item.orange .eff .eff1 {
border-color: #f5a64a;
}
.noo-atributes-item.orange .eff .eff2 {
border-color: #f5a64a;
}
.noo-atributes-item.blue .eff .eff1 {
border-color: #5472D2;
}
.noo-atributes-item.blue .eff .eff2 {
border-color: rgba(84, 114, 210, 0.8);
}
.noo-atributes-item.pink .eff .eff1 {
border-color: #FE6C61;
}
.noo-atributes-item.pink .eff .eff2 {
border-color: rgba(254, 108, 97, 0.8);
}
.noo-atributes-item.grey .eff .eff1 {
border-color: #EBEBEB;
}
.noo-atributes-item.grey .eff .eff2 {
border-color: rgba(235, 235, 235, 0.8);
}
.noo-atributes-item.turquoise .eff .eff1 {
border-color: #00C1CF;
}
.noo-atributes-item.turquoise .eff .eff2 {
border-color: rgba(0, 193, 207, 0.8);
}
.noo-atributes-item.violet .eff .eff1 {
border-color: #8D6DC4;
}
.noo-atributes-item.violet .eff .eff2 {
border-color: rgba(141, 109, 196, 0.8);
}
@keyframes eff {
from {
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
opacity: 0.5;
filter: alpha(opacity=50);
}
to {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100);
}
}
@-webkit-keyframes eff {
from {
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
opacity: 0.5;
filter: alpha(opacity=50);
}
to {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100);
}
}
/* === 4.20. BOXES === */
.box-inner {
border: 1px solid #f4eede;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
position: relative;
margin: 15px 0;
}
.box-inner:hover {
-webkit-box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.18);
box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.18);
}
.box-inner:hover .box-thumbail:before {
left: 100%;
top: 100%;
-webkit-transition: all 1.95s ease 0s;
-o-transition: all 1.95s ease 0s;
transition: all 1.95s ease 0s;
}
.box-inner:hover .box-inner-product {
bottom: 0;
}
.box-inner:hover .box-inner-product .product-box-header li {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
position: relative;
}
.box-inner:hover .box-inner-product .product-box-header li:nth-child(1) {
-webkit-transition: all 0.7s ease 0.7s;
-o-transition: all 0.7s ease 0.7s;
transition: all 0.7s ease 0.7s;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
z-index: 10;
}
.box-inner:hover .box-inner-product .product-box-header li:nth-child(2) {
-webkit-transition: all 0.7s ease 1.1s;
-o-transition: all 0.7s ease 1.1s;
transition: all 0.7s ease 1.1s;
z-index: 9;
}
.box-inner:hover .box-inner-product .product-box-header li:nth-child(3) {
-webkit-transition: all 0.7s ease 1.5s;
-o-transition: all 0.7s ease 1.5s;
transition: all 0.7s ease 1.5s;
z-index: 8;
}
.box-inner:hover .box-inner-product .product-box-header li:nth-child(4) {
-webkit-transition: all 0.7s ease 1.9s;
-o-transition: all 0.7s ease 1.9s;
transition: all 0.7s ease 1.9s;
z-index: 7;
}
.box-inner:hover .box-inner-product .product-box-header li:nth-child(5) {
-webkit-transition: all 0.7s ease 2.3s;
-o-transition: all 0.7s ease 2.3s;
transition: all 0.7s ease 2.3s;
z-index: 6;
}
.box-inner:hover .box-inner-product .product-box-header li:nth-child(6) {
-webkit-transition: all 0.7s ease 2.7s;
-o-transition: all 0.7s ease 2.7s;
transition: all 0.7s ease 2.7s;
z-index: 5;
}
.box-inner:hover .box-inner-product .product-box-header li:nth-child(7) {
-webkit-transition: all 0.7s ease 3.1s;
-o-transition: all 0.7s ease 3.1s;
transition: all 0.7s ease 3.1s;
z-index: 4;
}
.box-inner .box-inner-child {
overflow: hidden;
position: relative;
}
.box-inner .box-thumbail {
position: relative;
overflow: hidden;
text-align: center;
}
.box-inner .box-thumbail:before {
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.6);
left: -90%;
top: -90%;
content: '';
position: absolute;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.box-inner .box-content {
border-top: 1px solid #f4eede;
padding: 30px;
text-align: center;
}
.box-inner .box-content h3 {
margin: 0 0 20px 0;
padding: 0;
}
.box-inner .box-content p {
margin: 0;
}
.box-inner .box-inner-product {
position: absolute;
left: 0;
bottom: -100%;
-webkit-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
}
.box-inner .box-inner-product .product-box-header {
width: 100%;
list-style: none;
padding: 0;
margin: 0;
position: relative;
z-index: 1;
}
.box-inner .box-inner-product .product-box-header:before,
.box-inner .box-inner-product .product-box-header:after {
content: " ";
display: table;
}
.box-inner .box-inner-product .product-box-header:after {
clear: both;
}
.box-inner .box-inner-product .product-box-header:before,
.box-inner .box-inner-product .product-box-header:after {
content: " ";
display: table;
}
.box-inner .box-inner-product .product-box-header:after {
clear: both;
}
.box-inner .box-inner-product .product-box-header li {
width: 33.33%;
display: block;
float: left;
border-width: 1px 1px 1px 0;
border-color: #f4eede;
border-style: solid;
background-color: #fff;
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
opacity: 0;
filter: alpha(opacity=0);
}
.box-inner .box-inner-product .product-box-header li:first-child {
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
transform: translate(0, 100%);
border-width: 1px;
}
.box-inner .box-inner-product .product-box-header li span {
text-transform: uppercase;
display: block;
text-align: center;
cursor: pointer;
}
.box-inner .box-inner-product .product-box-header li span a {
display: inline-block;
padding: 15px 0;
}
.box-inner .box-inner-product .product-box-header li span.acitve a {
color: #ffffff;
}
.box-inner .box-inner-product .box-description-tab {
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
width: 100%;
padding-bottom: 35px;
min-height: 170px;
padding-top: 26px;
border-top: 1px solid #f4eede;
z-index: 2;
position: relative;
}
.box-inner .box-inner-product .box-description-tab .box-content-tab {
display: none;
text-align: center;
}
.box-inner .box-inner-product .box-description-tab .box-content-tab:first-child {
display: block;
}
.box-inner .box-inner-product .box-description-tab .box-content-tab h4 a {
color: #ffffff;
}
.box-inner .box-inner-product .box-description-tab .box-content-tab h4 a:hover {
text-decoration: underline;
}
.box-inner .box-inner-product .box-description-tab .box-content-tab p {
color: #ffffff;
padding: 10px 20px;
margin: 0;
}
/* === 4.21. PRODUCT GRID - TAB GRID === */
.noo-sh-title {
text-align: center;
}
.noo-header-filter {
list-style: none;
padding: 0;
margin: 0 0 45px 0;
text-align: center;
}
.noo-header-filter li {
display: inline-block;
margin: 10px 15px;
width: 190px;
}
.noo-header-filter li a,
.noo-header-filter li > span {
cursor: pointer;
display: inline-block;
}
.noo-header-filter li a img,
.noo-header-filter li > span img {
margin-bottom: 12px;
}
.noo-header-filter li a span,
.noo-header-filter li > span span {
display: block;
text-transform: uppercase;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.noo-header-filter li a.selected span,
.noo-header-filter li > span.selected span,
.noo-header-filter li a:hover span,
.noo-header-filter li > span:hover span {
color: #79cba8;
}
.noo-sh-title h2 {
font-size: 36px;
margin: 0 0 20px;
}
.noo-grid-4 .masonry-item {
}
.noo-grid-3 .masonry-item {
width: 33.33%;
}
.noo-grid-2 .masonry-item {
width: 50%;
}
.noo-product-filter {
margin-top: 40px;
}
.noo-product-slider .masonry-item {
width: 100%;
}
.noo-product-slider .noo-product-thumbnail {
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.noo-product-slider.eff .noo-product-thumbnail {
opacity: 0.2;
filter: alpha(opacity=20);
}
.owl-theme .owl-controls {
margin-top: 60px;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span {
background-color: #79cba8;
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
-webkit-transform: scale(1.6);
-ms-transform: scale(1.6);
-o-transform: scale(1.6);
transform: scale(1.6);
}
.owl-theme .owl-controls .owl-page span {
width: 8px;
height: 8px;
opacity: 1;
filter: alpha(opacity=100);
background-color: #adadad;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
margin: 5px 10px;
}
.link-detail {
display: none;
}
div.product-style2 .noo-row {
margin: 0;
}
div.product-style2 .noo-sh-title img {
max-width: 100px;
margin-bottom: 25px;
}
div.product-style2 .noo-sh-title h2 {
font-family: 'Lato', sans-serif;
text-transform: uppercase;
font-weight: 900;
}
div.product-style2 .noo-header-filter li {
margin: 10px 0;
padding: 0 30px 0 15px;
position: relative;
display: inline-block;
min-width: 100px;
}
div.product-style2 .noo-header-filter li:last-child:before {
display: none;
}
div.product-style2 .noo-header-filter li:before {
content: '//';
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
right: 0;
color: #ababab;
}
div.product-style2 .noo-header-filter li a img {
display: none;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-thumbnail {
border-bottom: 1px solid #f4eede;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-thumbnail .noo-rating {
margin-bottom: 27px;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title {
padding: 29px 10px 15px;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .price {
margin-top: 15px;
color: #79cba8;
font-size: 18px;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action {
width: 100%;
height: 100%;
background-color: transparent;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action h4 {
display: none;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .noo-qucik-view,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .add_to_cart_button,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .link-detail {
display: block;
width: 25%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #79cba8;
border-left: 1px solid #ffffff;
padding: 0;
color: #ffffff;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .noo-qucik-view:hover,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .add_to_cart_button:hover,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist:hover,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .link-detail:hover {
background-color: #212121;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .noo-qucik-view:hover *,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .add_to_cart_button:hover *,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist:hover *,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .link-detail:hover * {
color: #ffffff;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .noo-qucik-view:hover i,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .add_to_cart_button:hover i,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist:hover i,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .link-detail:hover i {
top: 25%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .noo-qucik-view:hover:before,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .add_to_cart_button:hover:before,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist:hover:before,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .link-detail:hover:before {
top: 25%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .noo-qucik-view:hover span,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .add_to_cart_button:hover span,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist:hover span,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .link-detail:hover span {
top: 58%;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .add_to_cart_button span:before {
display: none;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .noo-qucik-view {
border-left: 0;
top: 100%;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .noo-qucik-view i,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .link-detail i {
font-size: 24px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .noo-qucik-view span,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .link-detail span {
font-size: 12px;
position: absolute;
left: 0;
top: 120%;
width: 100%;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
display: block;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .add_to_cart_button {
top: 200%;
left: 25%;
margin: 0;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .add_to_cart_button.loading:after {
right: 41%;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .add_to_cart_button:before {
font-size: 24px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: "\f07a";
font-family: 'FontAwesome';
color: #ffffff;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .add_to_cart_button span {
font-size: 12px;
position: absolute;
left: 0;
top: 120%;
width: 100%;
text-align: center;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist {
top: 200%;
left: 50%;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .ajax-loading {
left: 50%;
top: 25%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-add-button,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse {
height: 100%;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a {
height: 100%;
width: auto;
background-color: transparent;
display: block;
text-indent: inherit;
font-size: 11.5px;
color: #ffffff;
text-transform: uppercase;
padding-top: 120%;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a:before,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before {
font-family: 'FontAwesome';
content: "\f08a";
font-size: 24px;
color: #ffffff;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
line-height: inherit;
width: 100%;
display: block;
text-align: center;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before {
content: "\f004";
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist:hover .yith-wcwl-add-button a,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist:hover .yith-wcwl-wishlistexistsbrowse a {
padding-top: 65%;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist:hover .yith-wcwl-add-button a:before,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist:hover .yith-wcwl-wishlistexistsbrowse a:before {
top: 25%;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .link-detail {
left: auto;
right: 0;
top: 200%;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action > * {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
}
div.product-style2 .product-grid .noo-product-inner:hover .noo-product-title .noo-product-action .noo-action .noo-qucik-view {
top: 0;
transition: top 0.6s ease 0s, background 0.6s ease 0s;
z-index: 4;
}
div.product-style2 .product-grid .noo-product-inner:hover .noo-product-title .noo-product-action .noo-action .add_to_cart_button {
top: 0;
transition: top 0.6s ease 0.1s, background 0.6s ease 0s;
z-index: 3;
}
div.product-style2 .product-grid .noo-product-inner:hover .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist {
top: 0;
transition: top 0.6s ease 0.2s, background 0.6s ease 0s;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
z-index: 2;
}
div.product-style2 .product-grid .noo-product-inner:hover .noo-product-title .noo-product-action .noo-action .link-detail {
top: 0;
transition: top 0.6s ease 0.3s, background 0.6s ease 0s;
}
/* === 4.22. PRODUCT MASONRY === */
.noo-product-masonry {
position: relative;
margin-top: 75px;
}
.noo-product-masonry:before,
.noo-product-masonry:after {
content: " ";
display: table;
}
.noo-product-masonry:after {
clear: both;
}
.noo-product-masonry:before,
.noo-product-masonry:after {
content: " ";
display: table;
}
.noo-product-masonry:after {
clear: both;
}
.noo-product-masonry.columns-2 .product-masonry {
width: 50%;
}
.noo-product-masonry.columns-4 .product-masonry {
width: 25%;
}
.product-masonry {
width: 33.33%;
float: left;
position: relative;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.product-masonry:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.8);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.product-masonry img {
width: 100%;
}
.product-masonry:hover {
z-index: 2;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.product-masonry:hover:before {
opacity: 1;
filter: alpha(opacity=100);
}
.product-masonry:hover .noo-product-table-cell h4 {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.product-masonry:hover .noo-product-table-cell p {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.5s ease 0.1s;
-o-transition: all 0.5s ease 0.1s;
transition: all 0.5s ease 0.1s;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.product-masonry:hover .noo-product-table-cell .noo-sh-pmeta a {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
}
.product-masonry:hover .noo-product-table-cell .noo-sh-pmeta a:first-child {
transition: transform 0.5s ease 0.2s, background 0.5s ease 0s, opacity 0.5s ease 0.2s, box-shadow 0.5s ease 0s, border-color 0.5s ease 0s;
-moz-transition: transform 0.5s ease 0.2s, background 0.5s ease 0s, opacity 0.5s ease 0.2s, box-shadow 0.5s ease 0s, border-color 0.5s ease 0s;
-webkit-transition: transform 0.5s ease 0.2s, background 0.5s ease 0s, opacity 0.5s ease 0.2s, box-shadow 0.5s ease 0s, border-color 0.5s ease 0s;
-ms-transition: transform 0.5s ease 0.2s, background 0.5s ease 0s, opacity 0.5s ease 0.2s, box-shadow 0.5s ease 0s, border-color 0.5s ease 0s;
-o-transition: transform 0.5s ease 0.2s, background 0.5s ease 0s, opacity 0.5s ease 0.2s, box-shadow 0.5s ease 0s, border-color 0.5s ease 0s;
}
.product-masonry:hover .noo-product-table-cell .noo-sh-pmeta a:last-child {
transition: transform 0.5s ease 0.25s, background 0.5s ease 0s, opacity 0.5s ease 0.25s, box-shadow 0.5s ease 0s, border-color 0.5s ease 0s;
-moz-transition: transform 0.5s ease 0.25s, background 0.5s ease 0s, opacity 0.5s ease 0.25s, box-shadow 0.5s ease 0s, border-color 0.5s ease 0s;
-webkit-transition: transform 0.5s ease 0.25s, background 0.5s ease 0s, opacity 0.5s ease 0.25s, box-shadow 0.5s ease 0s, border-color 0.5s ease 0s;
-ms-transition: transform 0.5s ease 0.25s, background 0.5s ease 0s, opacity 0.5s ease 0.25s, box-shadow 0.5s ease 0s, border-color 0.5s ease 0s;
-o-transition: transform 0.5s ease 0.25s, background 0.5s ease 0s, opacity 0.5s ease 0.25s, box-shadow 0.5s ease 0s, border-color 0.5s ease 0s;
}
.product-masonry .noo-link {
position: absolute;
left: 0;
top: 0;
z-index: 1;
display: block;
width: 100%;
height: 100%;
}
.product-masonry .noo-link:focus,
.product-masonry .noo-link:active {
outline: none;
outline-color: transparent;
}
.product-masonry .noo-product-table {
display: table;
width: 100%;
height: 100%;
position: relative;
}
.product-masonry .noo-product-table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center;
}
.product-masonry .noo-product-table-cell h4 {
font-size: 24px;
margin: 0 0 20px;
-webkit-transform: translate(0, 70px);
-ms-transform: translate(0, 70px);
-o-transform: translate(0, 70px);
transform: translate(0, 70px);
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
opacity: 0;
filter: alpha(opacity=0);
}
.product-masonry .noo-product-table-cell p {
color: #696969;
padding: 0 17%;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translate(0, 70px);
-ms-transform: translate(0, 70px);
-o-transform: translate(0, 70px);
transform: translate(0, 70px);
}
.product-masonry .noo-product-table-cell span {
display: inline-block;
margin-top: 20px;
}
.product-masonry .noo-product-table-cell span:after {
clear: both;
content: '';
display: table;
}
.product-masonry .noo-product-table-cell span a {
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
float: left;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translate(0, 70px);
-ms-transform: translate(0, 70px);
-o-transform: translate(0, 70px);
transform: translate(0, 70px);
display: inline-block;
width: 40px;
height: 40px;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 1px solid #696969;
line-height: 38px;
color: #696969;
}
.product-masonry .noo-product-table-cell span a:hover {
background: #79cba8;
border-color: #79cba8;
color: #ffffff;
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.product-masonry .noo-product-table-cell span a.button:after {
font-family: 'FontAwesome';
content: "\f07a";
}
.product-masonry .noo-product-table-cell span a.button.added:after {
content: "\f00c";
}
.product-masonry .noo-product-table-cell span a.button.loading {
overflow: hidden;
position: relative;
}
.product-masonry .noo-product-table-cell span a.button.loading:after {
font-family: WooCommerce;
content: "\e01c";
vertical-align: top;
-webkit-font-smoothing: antialiased;
font-weight: 400;
-webkit-animation: spin 2s linear infinite;
-moz-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.product-masonry .noo-product-table-cell span a.button span {
display: none;
}
.product-masonry .noo-product-table-cell span a:first-child {
margin-right: 10px;
}
.product-masonry .noo-product-table-cell span .added_to_cart {
display: none;
}
/* === 4.23. WISHLIST === */
.wishlist-title {
display: none;
}
.commerce-wishlist table.wishlist_table {
border: 0;
margin: 0;
font-size: 100%;
}
.commerce-wishlist table.wishlist_table th {
background: #79cba8;
border: 0;
font-size: 20px;
font-family: 'Pacifico', cursive;
color: #ffffff;
padding: 18px 0;
}
.commerce-wishlist table.wishlist_table th.product-thumbnail {
padding-left: 30px;
width: 20%;
}
.commerce-wishlist table.wishlist_table th.product-name {
width: 20%;
}
.commerce-wishlist table.wishlist_table th.product-price,
.commerce-wishlist table.wishlist_table th.product-quantity,
.commerce-wishlist table.wishlist_table th.product-subtotal {
width: 18.3%;
}
.commerce-wishlist table.wishlist_table th.product-remove {
width: 5%;
}
.commerce-wishlist table.wishlist_table td {
border-width: 0 0 1px 0;
border-style: solid;
border-color: #f4eede;
padding: 50px 0;
}
.commerce-wishlist table.wishlist_table td.product-thumbnail img {
width: 100px;
border: 1px solid #f4eede;
margin: 0;
}
.commerce-wishlist table.wishlist_table td.product-thumbnail a:last-child {
text-transform: uppercase;
padding-left: 35px;
}
.commerce-wishlist table.wishlist_table td.product-subtotal {
color: #212121;
}
.commerce-wishlist table.wishlist_table td.product-remove {
padding-left: 15px !important;
}
.commerce-wishlist table.wishlist_table td.product-remove a {
color: red;
line-height: 20px;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.commerce-wishlist table.wishlist_table td.product-remove a:hover {
background: red;
color: #ffffff !important;
}
.commerce-wishlist table.wishlist_table td .quantity .qty {
height: 40px;
border: 1px solid #f4eede;
}
.commerce-wishlist table.wishlist_table .actions .coupon {
display: none;
}
.commerce-wishlist table.wishlist_table .actions .continue {
text-transform: uppercase;
display: inline-block;
background-color: #f4eede;
padding: 7px 15px;
float: left;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.commerce-wishlist table.wishlist_table .actions .continue:hover {
background: #79cba8;
color: #ffffff;
}
/* === 4.24. QUICKVIEW === */
.quick-view-wrap {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
z-index: 9999999;
-webkit-perspective: 150px;
/* Chrome, Safari, Opera */
perspective: 150px;
}
.quick-view-wrap .quick-loading {
position: absolute;
left: 0;
width: 100%;
top: 50%;
text-align: center;
color: #fff;
font-size: 18px;
letter-spacing: 1px;
}
.quick-view-wrap .quick-content {
max-width: 800px;
width: 100%;
min-height: 450px;
background-color: #fff;
margin: auto;
position: absolute;
left: 50%;
transform: scale(1.3) translate(-50%, -50%);
top: 50%;
padding: 40px;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
opacity: 0;
filter: alpha(opacity=0);
transform-origin: 0 0;
}
.quick-view-wrap .quick-content.eff {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.quick-view-wrap .quick-content .quickview-close {
background-image: url("../images/quickview-close.png");
background-position: center;
background-repeat: no-repeat;
background-color: transparent;
border: 0 none;
height: 40px;
position: absolute;
right: 15px;
top: 15px;
width: 40px;
}
.quick-view-wrap .quick-content .quickview-close:hover {
border: 1px solid #000;
}
.quick-view-wrap .quick-content .quickview-close:focus {
outline: none;
outline-color: transparent;
}
.quick-view-wrap .quick-content:before,
.quick-view-wrap .quick-content:after {
content: " ";
display: table;
}
.quick-view-wrap .quick-content:after {
clear: both;
}
.quick-view-wrap .quick-content:before,
.quick-view-wrap .quick-content:after {
content: " ";
display: table;
}
.quick-view-wrap .quick-content:after {
clear: both;
}
.quick-view-wrap .quick-content .quick-left {
width: 45%;
float: left;
}
.quick-view-wrap .quick-content .quick-right {
width: 55%;
float: left;
padding-left: 30px;
}
.quick-view-wrap .quick-content .quick-right .product_title {
font-family: 'Lato', sans-serif;
text-transform: uppercase;
font-size: 24px;
margin-bottom: 16px;
padding-right: 0;
margin-top: 0;
}
.quick-view-wrap .quick-content .quick-right .star-rating {
display: inline-block;
letter-spacing: 7px;
width: 105px;
margin: 0;
}
.quick-view-wrap .quick-content .quick-right .star-rating:before {
color: #ababab;
}
.quick-view-wrap .quick-content .quick-right .star-rating span {
color: #f5a64a;
}
.quick-view-wrap .quick-content .quick-right .star-rating span strong {
display: none;
}
.quick-view-wrap .quick-content .quick-right .commerce-product-rating {
margin-bottom: 7px;
padding-top: 2px;
}
.quick-view-wrap .quick-content .quick-right .commerce-product-rating .commerce-review-link {
color: #ababab;
font-style: italic;
margin: 0;
padding-left: 30px;
-webkit-transform: translate(0, -6px);
-ms-transform: translate(0, -6px);
-o-transform: translate(0, -6px);
transform: translate(0, -6px);
display: inline-block;
font-weight: 300;
}
.quick-view-wrap .quick-content .quick-right .price {
font-size: 34px;
font-weight: 500;
color: #79cba8;
border-bottom: 1px solid #f4eede;
padding-bottom: 25px;
}
.quick-view-wrap .quick-content .quick-right div[itemprop='description'] {
margin-bottom: 20px;
margin-top: 30px;
}
.quick-view-wrap .quick-content .quick-right form.cart div.quantity {
margin-right: 8px;
float: left;
}
.quick-view-wrap .quick-content .quick-right form.cart div.quantity input[type='number'] {
height: 40px;
width: 70px;
font-weight: 600;
color: #212121;
border: 1px solid #f4eede;
}
.quick-view-wrap .quick-content .quick-right form.cart .button {
height: 40px;
background: #79cba8;
font-size: 14px;
font-weight: 600;
}
.quick-view-wrap .quick-content .quick-right form.cart .button:hover {
background: #000000;
color: #ffffff;
}
.quick-view-wrap .quick-content .quick-right .product_meta {
margin-top: 0;
margin-bottom: 25px;
}
.quick-view-wrap .quick-content .quick-right .product_meta .tagged_as {
margin-top: 5px;
}
.quick-view-wrap .quick-content .quick-right .product_meta .posted_in,
.quick-view-wrap .quick-content .quick-right .product_meta .tagged_as {
display: block;
text-transform: uppercase;
font-size: 14px;
}
.quick-view-wrap .quick-content .quick-right .product_meta .posted_in a,
.quick-view-wrap .quick-content .quick-right .product_meta .tagged_as a {
text-transform: none;
}
.quick-view-wrap .quick-content .quick-right .product_meta .posted_in a:first-child,
.quick-view-wrap .quick-content .quick-right .product_meta .tagged_as a:first-child {
margin-left: 30px;
}
/* === 4.25. FORM === */
.form .form-control-wrap {
margin-bottom: 20px;
display: block;
}
.form span.not-valid-tip {
display: block;
margin-top: 5px;
}
.form div.response-output {
margin: 20px 0 40px;
padding: 6px 15px;
}
.form h3 {
margin: 0 0 24px;
}
.form p {
margin-bottom: 40px;
}
.form input,
.form button,
.form select,
.form textarea {
border: 1px solid #f4eede;
height: 40px;
padding-left: 15px;
width: 100%;
font-style: italic;
font-weight: 300;
}
.form textarea {
max-width: 100%;
height: 180px;
padding-top: 8px;
}
.form [type="submit"] {
display: inline-block;
border: none;
padding: 0 40px;
width: auto;
font-style: normal;
text-transform: uppercase;
font-weight: 400;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
/* === 4.26. GOOGLE MAP === */
.google-map {
position: relative;
}
.google-map .noo-address-info-wrap {
height: 0;
}
.google-map .noo-address-info-wrap .noo-container {
position: relative;
}
.google-map .noo-address-info-wrap .address-info {
position: absolute;
bottom: 0;
right: 15px;
width: 370px;
background-color: #79cba8;
color: #ffffff;
padding: 30px;
height: 440px;
}
.google-map .noo-address-info-wrap .address-info h3 {
color: #ffffff;
margin-top: 10px;
margin-bottom: 24px;
}
.google-map .noo-address-info-wrap .address-info ul {
padding: 0;
list-style: none;
margin-top: 30px;
}
.google-map .noo-address-info-wrap .address-info ul li {
margin-bottom: 5px;
}
.google-map .noo-address-info-wrap .address-info ul li a {
color: #ffffff;
}
.google-map .noo-address-info-wrap .address-info ul li a:hover {
text-decoration: underline;
}
.google-map .noo-address-info-wrap .address-info ul li i {
float: left;
color: #f5a64a;
background: #ffffff;
font-size: 18px;
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
margin-right: 22px;
}
.google-map .noo-address-info-wrap .address-info ul li span {
float: left;
width: 180px;
line-height: 40px;
}
.google-map .noo-address-info-wrap .address-info ul li:after {
clear: both;
display: table;
content: '';
}
.google-map .noo-address-info-wrap .address-info ul li:first-child span {
line-height: 21px;
}
/* === 4.27. NEWSLETTER === */
.noo-sh-mailchimp {
padding: 62px 0;
}
.noo-sh-mailchimp .newsletter-form-fields {
margin-top: 30px;
}
.noo-sh-mailchimp .newsletter-form-fields input[type="email"] {
padding: 12px 20px;
border: none;
width: 75%;
max-width: 532px;
margin-bottom: 10px;
}
.noo-sh-mailchimp .newsletter-form-fields input[type="submit"] {
background-color: #79cba8;
border: none;
text-transform: uppercase;
color: #ffffff;
padding: 12px 35px;
margin-left: 10px;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
@media (max-width: 586px) {
.noo-sh-mailchimp .newsletter-form-fields input[type="submit"] {
margin-left: 0;
}
}
.noo-sh-mailchimp .newsletter-form-fields input[type="submit"]:hover {
background-color: #45b284;
}
.noo-sh-mailchimp h3 {
margin-top: 0;
font-size: 40px;
margin-bottom: 18px;
}
/* --------------------------------------------------------------------- */
/* 5. FOOTER
/* --------------------------------------------------------------------- */
.wrap-footer {
padding: 0;
color: #696969;
}
.wrap-footer a {
color: #696969;
-webkit-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.wrap-footer a:hover {
color: #79cba8;
}
.wigetized {
margin-bottom: 100px;
}
.wigetized .noo-row {
margin-left: -30px;
margin-right: -30px;
}
.wigetized .widget-title {
font-family: 'Lato', sans-serif;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
}
.noo-bottom-bar-content {
background: #ababab;
padding: 24px 0;
color: #ffffff;
font-size: 12px;
font-weight: 300;
text-align: center;
}
.widget.mailchimp-widget {
margin-top: 0;
}
.mailchimp-widget .widget-title {
margin-bottom: 18px;
}
.mailchimp-widget .mc-subscribe-form > label {
color: #696969;
font-weight: normal;
margin-bottom: 28px;
}
.mailchimp-widget .mc-subscribe-form .mc-email {
font-style: italic;
color: #ababab;
width: 80.3%;
border: 1px solid #f4eede;
padding-left: 15px;
font-weight: 300;
display: inline-block;
}
@media (max-width: 767px) {
.mailchimp-widget .mc-subscribe-form .mc-email {
width: 100%;
max-width: none;
}
}
.mailchimp-widget .mc-subscribe-form button {
color: #ffffff;
background-color: #79cba8;
border-color: #67c49c;
vertical-align: middle;
border: 0;
text-transform: uppercase;
padding: 10px 40px;
margin-left: 8px;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.mailchimp-widget .mc-subscribe-form button:focus,
.mailchimp-widget .mc-subscribe-form button.focus {
color: #ffffff;
background-color: #54bd90;
border-color: #307b5b;
}
.mailchimp-widget .mc-subscribe-form button:hover {
color: #ffffff;
background-color: #54bd90;
border-color: #42ab7e;
}
.mailchimp-widget .mc-subscribe-form button:active,
.mailchimp-widget .mc-subscribe-form button.active,
.open > .dropdown-toggle.mailchimp-widget .mc-subscribe-form button {
color: #ffffff;
background-color: #54bd90;
border-color: #42ab7e;
}
.mailchimp-widget .mc-subscribe-form button:active:hover,
.mailchimp-widget .mc-subscribe-form button.active:hover,
.open > .dropdown-toggle.mailchimp-widget .mc-subscribe-form button:hover,
.mailchimp-widget .mc-subscribe-form button:active:focus,
.mailchimp-widget .mc-subscribe-form button.active:focus,
.open > .dropdown-toggle.mailchimp-widget .mc-subscribe-form button:focus,
.mailchimp-widget .mc-subscribe-form button:active.focus,
.mailchimp-widget .mc-subscribe-form button.active.focus,
.open > .dropdown-toggle.mailchimp-widget .mc-subscribe-form button.focus {
color: #ffffff;
background-color: #42ab7e;
border-color: #307b5b;
}
.mailchimp-widget .mc-subscribe-form button:active,
.mailchimp-widget .mc-subscribe-form button.active,
.open > .dropdown-toggle.mailchimp-widget .mc-subscribe-form button {
background-image: none;
}
.mailchimp-widget .mc-subscribe-form button.disabled,
.mailchimp-widget .mc-subscribe-form button[disabled],
fieldset[disabled] .mailchimp-widget .mc-subscribe-form button,
.mailchimp-widget .mc-subscribe-form button.disabled:hover,
.mailchimp-widget .mc-subscribe-form button[disabled]:hover,
fieldset[disabled] .mailchimp-widget .mc-subscribe-form button:hover,
.mailchimp-widget .mc-subscribe-form button.disabled:focus,
.mailchimp-widget .mc-subscribe-form button[disabled]:focus,
fieldset[disabled] .mailchimp-widget .mc-subscribe-form button:focus,
.mailchimp-widget .mc-subscribe-form button.disabled.focus,
.mailchimp-widget .mc-subscribe-form button[disabled].focus,
fieldset[disabled] .mailchimp-widget .mc-subscribe-form button.focus,
.mailchimp-widget .mc-subscribe-form button.disabled:active,
.mailchimp-widget .mc-subscribe-form button[disabled]:active,
fieldset[disabled] .mailchimp-widget .mc-subscribe-form button:active,
.mailchimp-widget .mc-subscribe-form button.disabled.active,
.mailchimp-widget .mc-subscribe-form button[disabled].active,
fieldset[disabled] .mailchimp-widget .mc-subscribe-form button.active {
background-color: #79cba8;
border-color: #67c49c;
}
.mailchimp-widget .mc-subscribe-form button .badge {
color: #79cba8;
background-color: #ffffff;
}
@media (max-width: 767px) {
.mailchimp-widget .mc-subscribe-form button {
width: 100%;
margin: 0;
margin-top: 10px;
}
}
@media (max-width: 767px) {
.mailchimp-widget {
padding: 30px 15px;
}
}
.sidebar-left-footer {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 370px;
min-height: 512px;
text-align: center;
color: #ffffff;
font-weight: 300;
padding: 50px 30px 0;
margin-bottom: 100px;
}
.sidebar-left-footer .widget_text {
margin-top: 24px;
}
.sidebar-left-footer .textwidget {
font-size: 12px;
color: #B9B9B9;
}
.sidebar-left-footer .textwidget i {
color: #f5a64a;
}
@media (max-width: 1199px) {
.sidebar-left-footer {
display: none;
}
}
.noo_about_widget {
line-height: 22px;
}
.noo_about_widget a {
display: block;
padding-bottom: 8px;
}
.noo_about_widget a img {
max-width: 180px;
margin-bottom: 12px;
}
.widget_noo_social {
margin-top: 20px;
}
.widget_noo_social .noo_social a {
font-size: 12px;
color: #ffffff;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
border: 1px solid #696969;
-webkit-border-radius: 50%;
border-radius: 50%;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
margin-right: 8px;
}
.widget_noo_social .noo_social a:hover {
color: #ffffff;
background: #79cba8;
}
.footer-1 {
padding-top: 125px;
}
.footer-1 .sidebar-right-footer {
padding-left: 42px;
padding-top: 18px;
}
@media (max-width: 1199px) {
.footer-1 .sidebar-right-footer {
padding-left: 0;
}
}
.footer-1 .sidebar-top-footer {
margin-bottom: 64px;
}
.footer-2 {
padding-top: 68px;
}
.footer-2 .mailchimp-widget {
margin-top: 38px;
padding: 0 12%;
}
.footer-2 .mailchimp-widget .mc-subscribe-form .mc-email {
width: 76.7%;
}
.footer-2 .wigetized .widget-title {
font-size: 18px;
font-weight: 400;
}
.footer-2 .zframe-flickr-wrap-ltr .flickr_badge_image a img,
.footer-2 .zframe-flickr-wrap-rtl .flickr_badge_image a img {
width: 80px;
height: 80px;
}
.footer-2 .sidebar-top-footer {
text-align: center;
margin-bottom: 100px;
}
.footer-2 .sidebar-top-footer .noo_about_widget {
padding: 0 28%;
}
.footer-2 .widget_noo_social .noo_social a {
color: #696969;
}
.footer-2 .widget_noo_social .noo_social a:hover {
color: #ffffff;
border-color: #79cba8;
}
.footer-3 {
padding-top: 90px;
background: #333;
color: #ababab;
}
.footer-3 a {
color: #ababab;
}
.footer-3 a:hover {
color: #79cba8;
}
.footer-3 .sidebar-top-footer {
display: none;
}
.footer-3 .sidebar-top-footer .widget-title {
color: #ffffff;
}
.footer-3 .wigetized .widget-title {
font-size: 18px;
font-weight: 400;
color: #ffffff;
}
.footer-3 .widget ul li a {
color: #ababab;
}
.footer-3 .widget ul li a:hover {
color: #79cba8;
}
.footer-3 .widget .textwidget h5 {
color: #ffffff;
}
.footer-3 .widget .noo-happyhours li div:last-child,
.footer-3 .widget .noo-openhours li span:last-child {
color: #ffffff;
}
.footer-3 .widget_noo_happyhours:after,
.footer-3 .widget_noo_happyhours:before {
border-color: #696969;
}
.footer-3 .widget_noo_happyhours span:before {
border-color: #696969;
}
.footer-3 .noo-happyhours li div:last-child,
.footer-3 .noo-openhours li span:last-child {
color: #ffffff;
}
.footer-3 .noo-bottom-bar-content {
background: #2c2c2c;
color: #ababab;
}
.footer-3 .noo-bottom-bar-content i {
color: #79cba8;
}
.footer-4 {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
padding-top: 68px;
}
.footer-4:before {
position: absolute;
width: 100%;
height: 100%;
content: '';
background: #191102;
opacity: 0.7;
filter: alpha(opacity=70);
top: 0;
left: 0;
}
.footer-4 .sidebar-top-footer {
color: #ffffff;
text-align: center;
margin-bottom: 100px;
}
.footer-4 .sidebar-top-footer .widget-title {
color: #ffffff;
}
.footer-4 .sidebar-top-footer .noo_about_widget {
padding: 0 28%;
}
.footer-4 .widget_noo_social .noo_social a {
color: #ffffff;
}
.footer-4 .widget_noo_social .noo_social a:hover {
color: #79cba8;
background: none;
}
.footer-4 .mailchimp-widget {
margin-top: 38px;
padding: 0 11%;
}
.footer-4 .mailchimp-widget .mc-subscribe-form {
display: inline-block;
}
.footer-4 .mailchimp-widget .mc-subscribe-form:before,
.footer-4 .mailchimp-widget .mc-subscribe-form:after {
content: " ";
display: table;
}
.footer-4 .mailchimp-widget .mc-subscribe-form:after {
clear: both;
}
.footer-4 .mailchimp-widget .mc-subscribe-form:before,
.footer-4 .mailchimp-widget .mc-subscribe-form:after {
content: " ";
display: table;
}
.footer-4 .mailchimp-widget .mc-subscribe-form:after {
clear: both;
}
.footer-4 .mailchimp-widget .mc-subscribe-form .mc-email {
width: 510px;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.5);
float: left;
}
.footer-4 .mailchimp-widget .mc-subscribe-form button {
padding: 9px 40px;
margin-left: -1px;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.5);
float: left;
}
.footer-4 .noo-bottom-bar-content {
position: relative;
text-align: right;
background: #212121;
color: #ababab;
}
.footer-4 .noo-bottom-bar-content i {
color: #79cba8;
}
.noo-nav-menu-widget:before,
.noo-nav-menu-widget:after {
content: " ";
display: table;
}
.noo-nav-menu-widget:after {
clear: both;
}
.noo-nav-menu-widget:before,
.noo-nav-menu-widget:after {
content: " ";
display: table;
}
.noo-nav-menu-widget:after {
clear: both;
}
.noo-nav-menu-widget div {
float: left;
margin-right: 80px;
}
.noo-nav-menu-widget div:last-child {
margin-right: 0;
}
.widget_tag_cloud .tagcloud {
padding-top: 12px;
}
.widget_tag_cloud .tagcloud a {
border: 2px solid #696969;
font-size: 14px !important;
display: inline-block;
margin-right: 7px;
padding: 5px 15px;
margin-bottom: 8px;
text-transform: capitalize;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.widget_tag_cloud .tagcloud a:hover {
border-color: #79cba8;
background: #79cba8;
color: #ffffff;
}
.noo-sidebar .widget_tag_cloud .tagcloud {
padding-top: 0;
}
.noo-sidebar .widget_tag_cloud .tagcloud a {
border-color: #f4eede;
}
.nav-footer ul {
padding: 0;
margin: 0;
list-style: none;
}
.nav-footer ul li {
display: inline-block;
}
.nav-footer ul li a {
text-transform: uppercase;
font-size: 12px;
color: #696969;
margin-right: 24px;
font-weight: 400;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
line-height: 38px;
}
.nav-footer ul li a:hover {
color: #ffffff;
}
.widget ul.noo-openhours {
padding-top: 6px !important;
}
.widget ul.noo-openhours:after {
content: '';
display: table;
clear: both;
}
.widget ul.noo-openhours li {
margin: 0;
padding: 0;
}
.widget ul.noo-openhours li:after {
content: '';
display: table;
clear: both;
}
.widget ul.noo-openhours li:hover {
color: #696969;
}
.widget ul.noo-openhours li span {
display: block;
float: left;
}
.widget ul.noo-openhours li span:last-child {
float: right;
color: #212121;
font-style: italic;
font-weight: 400;
}
.footer-2 .widget_noo_happyhours,
.footer-3 .widget_noo_happyhours {
margin-top: 30px;
}
.footer-2 .widget_noo_happyhours .widget-title,
.footer-3 .widget_noo_happyhours .widget-title {
font-size: 14px;
}
.footer-2 .widget.widget_text {
margin-top: 25px;
}
.footer-2 .widget.widget_text .copyright {
border-top: 1px dashed #f4eede;
padding-top: 20px;
color: #ababab;
font-style: italic;
}
.footer-2 .widget.widget_text .copyright i {
color: #79cba8;
}
.footer-2 .widget.widget_text:first-child {
margin-top: 0;
}
.widget_noo_happyhours {
padding: 20px 0;
position: relative;
text-align: center;
}
.widget_noo_happyhours:before {
border: 2px solid #ababab;
position: absolute;
content: '';
display: block;
border-left: 0;
border-right: 0;
width: calc(100% - 40px);
height: 100%;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.widget_noo_happyhours:after {
border: 2px solid #ababab;
position: absolute;
content: '';
display: block;
border-top: 0;
border-bottom: 0;
width: 100%;
height: calc(100% - 40px);
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.widget_noo_happyhours .widget-title {
display: inline-block;
font-family: 'Pacifico', cursive;
color: #79cba8;
text-transform: none;
position: relative;
margin-bottom: 18px;
}
.widget_noo_happyhours .widget-title:after,
.widget_noo_happyhours .widget-title:before {
content: '';
width: 26px;
height: 24px;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
display: block;
}
.widget_noo_happyhours .widget-title:before {
background-image: url("../images/oliu-left.png");
top: 0;
left: -20px;
}
.widget_noo_happyhours .widget-title:after {
background-image: url("../images/oliu-right.png");
top: 0;
right: -20px;
}
.widget_noo_happyhours span {
width: 20px;
height: 20px;
position: absolute;
border: none;
overflow: hidden;
}
.widget_noo_happyhours span:before {
content: '';
display: block;
-webkit-border-radius: 50%;
border-radius: 50%;
width: 40px;
height: 40px;
border: 2px solid #ababab;
position: absolute;
}
.widget_noo_happyhours span:nth-of-type(1) {
top: 0px;
left: 0px;
}
.widget_noo_happyhours span:nth-of-type(1):before {
top: -20px;
left: -20px;
}
.widget_noo_happyhours span:nth-of-type(2) {
top: 0px;
right: 0px;
}
.widget_noo_happyhours span:nth-of-type(2):before {
top: -20px;
right: -20px;
}
.widget_noo_happyhours span:nth-of-type(3) {
bottom: 0px;
left: 0px;
}
.widget_noo_happyhours span:nth-of-type(3):before {
bottom: -20px;
left: -20px;
}
.widget_noo_happyhours span:nth-of-type(4) {
bottom: 0px;
right: 0px;
}
.widget_noo_happyhours span:nth-of-type(4):before {
bottom: -20px;
right: -20px;
}
.noo-happyhours li {
margin: 0;
padding: 0;
}
.noo-happyhours li div {
text-align: center;
line-height: 26px;
}
.noo-happyhours li div:last-child {
color: #212121;
font-style: italic;
font-weight: 400;
}
.noo-footer-shop-now {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
color: #ffffff;
font-weight: 400;
position: relative;
text-align: center;
background-image: url(../images/banner/banner_1920x1080.jpg);
}
.noo-footer-shop-now:before {
background: rgba(75, 153, 120, 0.8);
width: 100%;
height: 100%;
position: absolute;
display: block;
top: 0;
left: 0;
content: '';
}
.noo-footer-shop-now .container {
position: relative;
min-height: 310px;
padding-top: 100px;
}
.noo-footer-shop-now h4 {
color: #ffffff;
font-size: 34px;
margin-bottom: 20px;
letter-spacing: 4px;
display: inline-block;
}
.noo-footer-shop-now h4 strong {
color: #f5a64a;
}
.noo-footer-shop-now h3 {
font-family: 'Lato', sans-serif;
font-size: 48px;
line-height: 48px;
color: #ffffff;
text-transform: uppercase;
margin: 0;
padding: 0 85px;
display: inline-block;
position: relative;
}
@media (max-width: 1150px) {
.noo-footer-shop-now h3 {
font-size: 40px;
padding: 0 70px;
}
}
.noo-footer-shop-now h3:after {
content: '';
background-image: url("../images/icon-left.png");
background-position: center center;
background-repeat: no-repeat;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
width: 58px;
height: 25px;
position: absolute;
left: 0;
top: 50%;
}
.noo-footer-shop-now h3:before {
content: '';
background-image: url("../images/icon-right.png");
background-position: center center;
background-repeat: no-repeat;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
width: 58px;
height: 25px;
position: absolute;
right: 0;
top: 50%;
}
.noo-footer-shop-now .noo-show-now {
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
color: #ffffff;
position: absolute;
text-align: center;
text-transform: uppercase;
width: 155px;
height: 150px;
right: 120px;
top: 50%;
line-height: 21px;
padding-top: 8px;
display: block;
background-image: url("../images/vector_big.png");
background-repeat: no-repeat;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.noo-footer-shop-now .noo-show-now em {
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
width: 131px;
height: 131px;
background-color: #212121;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
display: inline-block;
font-style: normal;
padding-top: 36px;
font-size: 24px;
font-weight: 400;
line-height: 32px;
}
.noo-footer-shop-now .noo-show-now:hover em {
background-color: #79cba8;
}
.noo-footer-shop-now .noo-image-footer {
position: absolute;
right: 15px;
bottom: -70px;
}
a.go-to-top,
a.go-to-top:hover a.go-to-top:focus {
background-color: rgba(0, 0, 0, 0.15);
-webkit-border-radius: 4px;
border-radius: 4px;
bottom: 72px;
opacity: 0;
filter: alpha(opacity=0);
position: fixed;
right: -60px;
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
color: #fff;
font-size: 40px;
height: 50px;
line-height: 1;
text-align: center;
width: 50px;
z-index: 100;
visibility: hidden;
}
a.go-to-top.on,
a.go-to-top:hover a.go-to-top:focus.on {
opacity: 0.8;
filter: alpha(opacity=80);
visibility: visible;
right: 20px;
}
a.go-to-top.on:hover,
a.go-to-top:hover a.go-to-top:focus.on:hover {
opacity: 1;
filter: alpha(opacity=100);
}
/* --------------------------------------------------------------------- */
/* 6. RESPONSIVE
/* --------------------------------------------------------------------- */
@media (max-width: 1700px) {
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a {
padding-top: 130px;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .noo-qucik-view span,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .add_to_cart_button span,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .link-detail span {
font-size: 10px;
}
}
@media (min-width: 992px) and (max-width: 1119px) {
.noo-grid-4 .masonry-item {
width: 33.33%;
}
.noo-clients li a img {
max-width: 150px;
}
}
/*
* 6.1 Responsive - Medium devices 991px
* -----------------------------------------------------------------------------
*/
.noo_menu_canvas .btn-search {
display: none;
color: #212121;
font-size: 18px;
right: 40px;
position: absolute;
top: -7px;
cursor: pointer;
}
@media (max-width: 991px) {
.responsive-t40 .column-inner {
padding-top: 40px !important;
}
div.responsive-70 {
padding-top: 70px !important;
padding-bottom: 70px !important;
}
.noo-main-menu {
display: none;
}
.noo-main-canvas .sub-menu {
list-style: none;
display: none;
padding-left: 30px;
padding-top: 8px;
padding-bottom: 8px;
position: relative;
}
.noo-main-canvas .sub-menu:before {
content: '';
width: 1px;
height: 100%;
position: absolute;
left: 30px;
top: 1px;
display: block;
background: #212121;
}
.noo-container {
position: relative;
}
.noo_menu_canvas {
position: absolute;
right: 25px;
top: 50%;
display: block;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.noo_menu_canvas .btn-search {
display: block;
}
.noo_menu_canvas .btn-search.topbar-has-search {
display: none;
}
.noo_menu_canvas .btn-navbar {
width: 25px;
height: 15px;
cursor: pointer;
position: relative;
display: block;
}
.noo_menu_canvas .btn-navbar span {
display: block;
width: 100%;
height: 2px;
background: #212121;
position: absolute;
left: 0;
top: 6px;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.noo_menu_canvas .btn-navbar span:first-child {
top: 0;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.noo_menu_canvas .btn-navbar span:last-child {
top: 12px;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.noo_menu_canvas .btn-navbar.eff span {
transform-origin: center center;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 7px;
}
.noo_menu_canvas .btn-navbar.eff span:first-child {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
transform-origin: center center;
top: 7px;
}
.noo_menu_canvas .btn-navbar.eff span:last-child {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
}
.off-canvas {
width: 100%;
overflow-x: hidden;
position: relative;
}
.off-canvas body {
width: 100%;
overflow-x: hidden;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.off-canvas body > * {
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.off-canvas #off-canvas-nav {
display: block;
position: absolute;
top: 0;
right: 0;
width: 0;
z-index: 1;
background: none;
height: 100%;
border-right: 1px solid #eee;
}
.off-canvas #off-canvas-nav .noo-main-canvas {
margin: 0;
position: absolute;
right: 0;
top: 0;
width: 300px;
height: 100%;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
border-left: 1px solid #eee;
}
.off-canvas #off-canvas-nav .noo-main-canvas .nav-collapse {
background: none repeat scroll 0 0 #ffffff;
height: auto;
margin: 0;
padding: 0;
width: 100%;
}
.off-canvas #off-canvas-nav .noo-main-canvas .nav-collapse:first-child {
padding-top: 50px;
}
.off-canvas #off-canvas-nav .noo-main-canvas .nav-collapse li {
float: none;
}
.off-canvas #off-canvas-nav .noo-main-canvas .nav-collapse li.menu-item-has-children {
position: relative;
}
.off-canvas #off-canvas-nav .noo-main-canvas .nav-collapse li.menu-item-has-children i {
width: 30px;
text-align: center;
position: absolute;
top: 0;
right: 10px;
display: block;
line-height: 30px;
cursor: pointer;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
border: 1px solid #ffffff;
}
.off-canvas #off-canvas-nav .noo-main-canvas .nav-collapse li.menu-item-has-children i:hover {
border-color: #212121;
}
.off-canvas #off-canvas-nav .noo-main-canvas .nav-collapse li.menu-item-has-children.active > i:before {
content: "\f106";
}
.off-canvas #off-canvas-nav .noo-main-canvas .nav-collapse li #noo-search,
.off-canvas #off-canvas-nav .noo-main-canvas .nav-collapse li .has-cart,
.off-canvas #off-canvas-nav .noo-main-canvas .nav-collapse li .noo_megamenu_widget_area {
display: none;
}
.off-canvas #off-canvas-nav .noo-main-canvas .nav-collapse li a {
color: #212121;
display: inline-block;
font-size: 16px;
line-height: 22px;
margin: 0;
padding: 5px 20px;
position: relative;
text-decoration: none;
text-transform: none;
letter-spacing: 0;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.off-canvas #off-canvas-nav .noo-main-canvas .nav-collapse li a:hover {
color: #79cba8;
}
.off-canvas #off-canvas-nav .noo-main-canvas .nav-collapse li a:hover:after {
color: #79cba8;
}
.off-canvas-enabled body > * {
-webkit-transform: translateX(-300px);
-moz-transform: translateX(-300px);
-o-transform: translateX(-300px);
transform: translateX(-300px);
}
.off-canvas-enabled #noo-main-canvas {
display: block;
}
body .noo-main-canvas {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
color: #000;
display: block;
padding: 0;
}
.noo-main-canvas i {
color: #000;
font-size: 14px;
line-height: 50px;
}
.exit-cavas {
position: absolute;
top: 10px;
right: -289px;
width: 30px;
height: 30px;
display: block;
background-image: url("../images/quickview-close.png");
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
border: 1px solid white;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
z-index: 9;
}
.exit-cavas:hover {
border-color: #212121;
}
.nav-collapse {
height: 0;
overflow: hidden;
}
.noo_parallax {
background-attachment: inherit !important;
background-position: center !important;
}
.noo-traslate-product .column-inner {
padding-top: 10px !important;
padding-bottom: 45px;
}
.noo-grid-4 .masonry-item {
width: 50%;
}
.noo-product-masonry .product-masonry {
width: 50%;
}
.noo-our_story h2 {
font-size: 30px;
padding: 0;
}
.noo-our_story .our_story_content {
padding: 0 0 26px;
}
.noo-blog-title {
margin-bottom: 30px;
}
.owl-theme .owl-controls {
margin-top: 30px;
}
.noo-simple-product-bk {
width: 100%;
}
.noo-simple-slider-img {
display: none;
}
.noo-simple-slider-content {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
padding-bottom: 50px;
}
.noo-creative-product-slider {
margin-bottom: 0;
}
.noo-info .noo-info-icon {
float: none;
margin-bottom: 15px;
}
.noo-info .noo-info-content {
padding-left: 0;
}
.noo-info.noo-info-right .noo-info-icon {
float: none;
}
.noo-info.noo-info-right .noo-info-content {
padding-right: 0;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action span {
display: none !important;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a {
padding-top: 134% !important;
}
.item-footer-four {
margin-bottom: 30px;
}
.item-footer-four:nth-child(3) {
clear: both;
}
.mailchimp-widget .mc-subscribe-form .mc-email {
width: 80%;
}
.footer-1 {
padding-top: 60px;
}
.footer-2 .mailchimp-widget .mc-subscribe-form .mc-email {
width: 70%;
}
.noo-image-signature {
max-width: 372px;
position: relative;
width: 100%;
}
.noo-image-signature .img-background-color {
top: 0;
left: 0;
}
.noo_testimonial_wrap.noo_farmer_wrap .noo-testimonial-sync1 {
max-width: 410px;
width: 100%;
}
.noo_testimonial_wrap .noo-testimonial-sync2 .owl-controls {
display: none !important;
}
.noo-sidebar {
margin-top: 45px;
}
.noo-boxed .noo-sm-6:nth-child(3),
.noo-boxed .noo-sm-6:nth-child(5),
.noo-boxed .noo-sm-6:nth-child(7) {
clear: both;
}
.noo-product-masonry {
overflow: hidden;
}
.noo-menu-content li {
width: 100%;
float: none;
margin: 15px 0;
}
.noo-menu-content li:before,
.noo-menu-content li:after {
content: " ";
display: table;
}
.noo-menu-content li:after {
clear: both;
}
.noo-menu-content li:before,
.noo-menu-content li:after {
content: " ";
display: table;
}
.noo-menu-content li:after {
clear: both;
}
div.creative-product-title p {
padding: 0 10%;
}
.noo-instagram .noo-instagram-info {
position: relative;
left: auto;
top: auto;
height: auto;
width: 100%;
}
.noo-instagram .noo-instagram-info .instagram-sh-title {
padding: 30px;
}
.noo-instagram .noo-instagram-image {
width: 100%;
float: none;
}
.noo-instagram .noo-instagram-image .noo-instagram-item {
width: 33.33%;
}
.noo-instagram .noo-instagram-image .noo-instagram-item {
width: 50%;
}
.footer-4 .mailchimp-widget .mc-subscribe-form .mc-email {
width: 400px;
}
.commerce .wishlist_table td.product-add-to-cart a {
display: block!important;
margin: 0;
margin-bottom: 5px;
text-align: center;
font-size: 11px;
text-transform: none;
}
.commerce-wishlist table.wishlist_table th {
font-size: 14px;
}
.noo-image-footer {
display: none;
}
}
/*
* 6.2 Responsive - Small devices 767
* -----------------------------------------------------------------------------
*/
@media (max-width: 767px) {
.noo-footer-shop-now h4 {
font-size: 24px;
}
.noo-footer-shop-now h3 {
font-size: 30px;
padding: 0 70px;
}
div.responsive-small70 {
padding-top: 70px !important;
}
.noo-product-masonry .product-masonry {
width: 100%;
}
.noo-product-grid .masonry-item {
width: 100%;
}
.noo-farmer-title {
padding-bottom: 15px;
}
.product-list-item .left-content {
padding-right: 15px;
}
.product-list-item .right-img {
padding-left: 15px;
}
.hidden-mobile {
display: none;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a {
padding-top: 90% !important;
}
.footer-2 .sidebar-top-footer .noo_about_widget {
padding: 0;
}
.footer-2 .mailchimp-widget .mc-subscribe-form .mc-email {
width: 100%;
}
.noo-story2-translateY {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
margin: 30px 0;
}
div.noo-info {
padding-top: 30px !important;
}
.padding-15 .column-inner {
padding-left: 15px !important;
padding-right: 15px !important;
}
.noo-header.header-2 .menu-position {
padding-left: 0;
padding-right: 0;
}
.defaultCountdown {
font-size: 30px;
}
.noo_testimonial_wrap .owl-theme .owl-controls {
margin-top: 45px;
}
.wigetized {
margin-bottom: 50px;
}
.noo_menu_canvas {
right: 0;
}
.noo_menu_canvas .btn-search {
display: block;
}
.noo_menu_canvas .btn-search.topbar-has-search {
display: block;
}
.header-4 .noo_menu_canvas .btn-search,
.header-6 .noo_menu_canvas .btn-search {
color: #ffffff;
}
header .navbar {
min-height: 60px !important;
}
.navbar-brand {
line-height: 60px !important;
}
.footer-1 {
padding-top: 20px;
}
.mailchimp-widget {
margin-bottom: 45px;
}
.noo-header.header-1 .navbar {
padding: 0;
}
.mailchimp-widget .mc-subscribe-form .mc-email,
.footer-4 .mailchimp-widget .mc-subscribe-form .mc-email {
width: 100%;
}
.mailchimp-widget {
padding: 30px 0;
}
.noo-our-story2 {
overflow: hidden;
}
.commerce .commerce-result-count,
.commerce-page .commerce-result-count {
float: none;
width: 100%;
}
.product-style-control {
margin-right: 15px;
}
.product-style-control .noo-list {
margin-left: 0;
}
.product-style-control,
.commerce-ordering {
float: left !important;
margin-top: 25px !important;
}
.single-product div.product .images .product-simple-image {
margin-bottom: 30px;
}
.commerce-cart table.cart td.product-thumbnail img {
display: none;
}
.commerce-cart table.cart .product-quantity {
display: none;
}
.commerce-cart table.cart th.product-price,
.commerce-cart table.cart th.product-quantity,
.commerce-cart table.cart th.product-subtotal {
width: 28.3%;
}
.commerce .cart-collaterals .cart_totals,
.commerce-page .cart-collaterals .cart_totals {
float: none;
width: 100%;
}
.noo-page-heading {
height: 250px;
}
.noo-page-heading .page-title {
font-size: 28px;
}
.noo-page-heading .noo-page-breadcrumb {
margin-top: 15px;
font-size: 12px;
}
.noo-shop-main {
padding-top: 50px;
padding-bottom: 80px;
}
.commerce #content div.product div.images,
.commerce div.product div.images,
.commerce-page #content div.product div.images,
.commerce-page div.product div.images {
width: 100%;
float: none;
}
.commerce #content div.product div.summary,
.commerce div.product div.summary,
.commerce-page #content div.product div.summary,
.commerce-page div.product div.summary {
width: 100%;
float: none;
margin-top: 30px;
}
#main {
margin-top: 70px;
margin-bottom: 70px;
}
.order_review_wrap {
margin-top: 45px;
}
.commerce-checkout form.login {
padding: 30px 15px;
}
.commerce-checkout form.checkout_coupon .form-row-first {
width: 100%;
float: none;
}
.content-meta {
text-align: left;
}
.content-meta .content-tags {
float: none;
}
.content-meta .single-social {
margin-top: 15px;
float: none;
}
.content-meta .single-social .content-share {
float: left;
}
.single .post-navigation-line {
display: none;
}
.commerce-checkout form .form-row .input-checkbox,
.commerce-account input[type='checkbox'] {
width: auto;
}
.commerce .col2-set .col-1,
.commerce-page .col2-set .col-1,
.commerce .col2-set .col-2,
.commerce-page .col2-set .col-2 {
width: 100%;
float: none;
}
.commerce .col2-set .col-1 .register,
.commerce-page .col2-set .col-1 .register,
.commerce .col2-set .col-2 .register,
.commerce-page .col2-set .col-2 .register {
margin-top: 30px;
}
.commerce-account input:not([type='submit']) {
border: 1px solid #ccc;
}
.quick-view-wrap .quick-content {
padding: 15px;
}
.quick-view-wrap .quick-content .quick-left {
display: none;
}
.quick-view-wrap .quick-content .quick-right {
width: 100%;
float: none;
padding-left: 0;
}
.google-map .noo-address-info-wrap {
height: auto;
}
.google-map .noo-address-info-wrap .noo-container {
padding: 0;
}
.google-map .noo-address-info-wrap .address-info {
position: relative;
bottom: auto;
right: auto;
width: 100%;
height: auto;
}
.noo-about-wrap {
display: block;
}
.noo-about-wrap .noo-about-left {
flex: auto;
display: none;
}
.noo-about-wrap .noo-about-right {
flex: auto;
}
.noo-images-grid ul {
height: 500px;
}
.noo-instagram .noo-instagram-image .noo-instagram-item {
width: 50%;
}
.noo-menu-content li .menu-thumb {
float: none;
}
.noo-menu-content li .product-menu-ds {
padding-left: 0;
padding-top: 10px;
padding-bottom: 10px;
color: #ffffff;
}
.noo-clients li {
width: 100%;
float: none;
border-width: 0;
}
.footer-4 .sidebar-top-footer .noo_about_widget {
padding: 0;
}
.filter-menu {
text-align: left;
}
.filter-menu li {
margin-right: 10px;
}
.filter-menu li:before {
display: none;
}
.noo-short-intro .price {
display: none;
}
.noo-short-intro h2 {
font-size: 36px;
line-height: 36px;
padding-bottom: 60px;
background-size: 150px;
}
.noo_testimonial_wrap .testimonial-content {
padding: 10px 0;
}
.noo_testimonial_wrap .testimonial-content i {
font-size: 30px;
}
}
/*
* 6.3 Responsive - Mobile devices 479
* -----------------------------------------------------------------------------
*/
@media (max-width: 480px) {
.noo_testimonial_wrap .testimonial-content div {
padding: 0;
}
.noo-footer-shop-now h4 {
font-size: 20px;
display: block;
}
.noo-footer-shop-now h3 {
font-size: 25px;
padding: 0 15px;
display: block;
}
.noo-footer-shop-now h3:before,
.noo-footer-shop-now h3:after {
display: none;
}
.custom_countdown_wrap h2,
.inheader-sh-title h2,
.inheader-sh-title h2 {
font-size: 25px;
font-weight: 700;
}
.noo-blog-list {
padding: 0;
}
.noo-blog-list h3 {
font-size: 20px;
}
div.creative-product-title {
margin-bottom: 70px;
}
div.services-sh-title {
padding-bottom: 50px;
}
.inheader-sh-title .ds {
padding: 0 15px;
}
.product-masonry .noo-product-table-cell p {
padding: 0 15px;
}
.noo-represent h2 {
font-size: 35px;
}
.noo_testimonial_wrap .noo-testimonial-sync2.testimonial-three .owl-wrapper-outer {
margin: 0;
}
.noo_testimonial_wrap .testimonial-content {
padding: 0 45px;
font-size: 16px;
}
.mailchimp-widget {
padding: 30px 0;
}
.mailchimp-widget .mc-subscribe-form .mc-email {
width: 100%;
}
.product-list-item .right-img {
padding-top: 15px;
}
.noo-header-filter {
text-align: left;
margin: 0 0 15px 0;
}
.noo-header-filter li {
margin: 3px 7px;
}
.noo-header-filter li a img,
.noo-header-filter li > span img {
display: none;
}
.blog-item .blog-description h3 {
font-size: 20px;
}
.noo_testimonial_wrap .noo-testimonial-sync1 {
max-width: 320px;
width: 100%;
overflow: hidden;
}
.noo_testimonial_wrap {
overflow: hidden;
}
.noo-our-story2 {
overflow: hidden;
}
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a,
div.product-style2 .product-grid .noo-product-inner .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a {
padding-top: 145% !important;
}
.noo-page-heading {
height: 200px;
}
.noo-page-heading .page-title {
font-size: 20px;
}
.noo-page-heading .noo-page-breadcrumb {
margin-top: 10px;
font-size: 10px;
}
.noo-sidebar .widget-title,
.mailchimp-widget .widget-title {
font-size: 18px;
}
.wigetized .widget-title {
font-size: 14px;
}
.noo-footer-shop-now .noo-container {
min-height: inherit;
padding-bottom: 70px;
padding-top: 70px;
}
.noo-footer-shop-now .noo-container .noo-show-now {
display: none;
}
.blog-item .blog-description h1 {
font-size: 20px;
}
#comments #respond .comment-reply-title {
font-size: 20px;
}
.single #author-bio .author-info h4 {
font-size: 16px;
}
.noo-sh-title h2 {
font-size: 25px;
}
h4,
.h4 {
font-size: 16px;
}
.noo-represent h2 {
font-size: 30px;
}
.single-product div.product .entry-summary .product_title {
text-transform: none;
}
.commerce-checkout form.checkout_coupon .form-row-last,
.commerce form .form-row-first,
.commerce form .form-row-last,
.commerce-page form .form-row-first,
.commerce-page form .form-row-last {
width: 100%;
float: none;
}
.noo-images-grid ul {
height: auto;
}
.noo-images-grid ul li {
width: 100%;
height: 250px;
}
.noo-instagram .noo-instagram-image .noo-instagram-item {
width: 100%;
}
.noo-menu-content li .product-menu-ds .product-menu-flex {
display: block;
}
}
/* --------------------------------------------------------------------- */
/* 7. COMMERCE
/* --------------------------------------------------------------------- */
/* === 7.1. GENERAL === */
@charset "UTF-8";
.clear,
.commerce .commerce-breadcrumb:after,
.commerce .commerce-error:after,
.commerce .commerce-info:after,
.commerce .commerce-message:after {
clear: both
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg)
}
}
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg)
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@font-face {
font-family: star;
src: url(../fonts/star.eot);
src: url(../fonts/star.eot?#iefix) format("embedded-opentype"), url(../fonts/star.woff) format("woff"), url(../fonts/star.ttf) format("truetype"), url(../fonts/star.svg#star) format("svg");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: WooCommerce;
src: url(../fonts/WooCommerce.eot);
src: url(../fonts/WooCommerce.eot?#iefix) format("embedded-opentype"), url(../fonts/WooCommerce.woff) format("woff"), url(../fonts/WooCommerce.ttf) format("truetype"), url(../fonts/WooCommerce.svg#WooCommerce) format("svg");
font-weight: 400;
font-style: normal
}
p.demo_store {
position: fixed;
top: 0;
left: 0;
right: 0;
margin: 0;
width: 100%;
font-size: 1em;
padding: 1em 0;
text-align: center;
background-color: #a46497;
color: #fff;
z-index: 99998;
box-shadow: 0 1px 1em rgba(0, 0, 0, .2)
}
p.demo_store a {
color: #fff
}
.commerce .blockUI.blockOverlay {
position: relative
}
.commerce .blockUI.blockOverlay:before,
.commerce .loader:before {
height: 1em;
width: 1em;
position: absolute;
top: 50%;
left: 50%;
margin-left: -.5em;
margin-top: -.5em;
display: block;
content: "";
-webkit-animation: spin 1s ease-in-out infinite;
-moz-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
background: url(../images/icons/loader.svg) center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, .75)
}
.commerce a.remove {
display: block;
font-size: 1.5em;
height: 1em;
width: 1em;
text-align: center;
line-height: 1;
border-radius: 100%;
color: red!important;
text-decoration: none;
font-weight: 700;
border: 0
}
.commerce a.remove:hover {
color: #fff!important;
background: red
}
.commerce .commerce-error,
.commerce .commerce-info,
.commerce .commerce-message {
padding: 1em 2em 1em 3.5em!important;
margin: 0 0 2em!important;
position: relative;
background-color: #f7f6f7;
color: #515151;
border-top: 3px solid #a46497;
list-style: none!important;
width: auto;
word-wrap: break-word
}
.commerce .commerce-error:after,
.commerce .commerce-error:before,
.commerce .commerce-info:after,
.commerce .commerce-info:before,
.commerce .commerce-message:after,
.commerce .commerce-message:before {
content: " ";
display: table
}
.commerce .commerce-error:before,
.commerce .commerce-info:before,
.commerce .commerce-message:before {
font-family: WooCommerce;
content: "\e028";
display: inline-block;
position: absolute;
top: 1em;
left: 1.5em
}
.commerce .commerce-error .button,
.commerce .commerce-info .button,
.commerce .commerce-message .button {
float: right
}
.commerce .commerce-error li,
.commerce .commerce-info li,
.commerce .commerce-message li {
list-style: none!important;
padding-left: 0!important;
margin-left: 0!important
}
.commerce .commerce-message {
border-top-color: #8fae1b
}
.commerce .commerce-message:before {
content: "\e015";
color: #8fae1b
}
.commerce .commerce-info {
border-top-color: #1e85be
}
.commerce .commerce-info:before {
color: #1e85be
}
.commerce .commerce-error {
border-top-color: #b81c23
}
.commerce .commerce-error:before {
content: "\e016";
color: #b81c23
}
.commerce small.note {
display: block;
color: #777;
font-size: .857em;
margin-top: 10px
}
.commerce .commerce-breadcrumb {
margin: 0 0 1em;
padding: 0;
font-size: .92em;
color: #777
}
.commerce .commerce-breadcrumb:after,
.commerce .commerce-breadcrumb:before {
content: " ";
display: table
}
.commerce .commerce-breadcrumb a {
color: #777
}
.commerce .quantity .qty {
width: 3.631em;
text-align: center
}
.commerce div.product {
margin-bottom: 0;
position: relative
}
.commerce div.product .product_title {
clear: none;
margin-top: 0;
padding: 0
}
.commerce #reviews #comments .add_review:after,
.commerce .products ul:after,
.commerce div.product form.cart:after,
.commerce div.product p.cart:after,
.commerce nav.commerce-pagination ul,
.commerce ul.products:after {
clear: both
}
.commerce div.product p.price,
.commerce div.product span.price {
color: #77a464;
font-size: 1.25em
}
.commerce div.product p.price ins,
.commerce div.product span.price ins {
background: inherit;
font-weight: 700
}
.commerce div.product p.price del,
.commerce div.product span.price del {
opacity: .5
}
.commerce div.product p.stock {
font-size: .92em
}
.commerce div.product .stock {
color: #77a464
}
.commerce div.product .out-of-stock {
color: red
}
.commerce div.product .commerce-product-rating {
margin-bottom: 1.618em
}
.commerce div.product div.images,
.commerce div.product div.summary {
margin-bottom: 2em
}
.commerce div.product div.images img {
display: block;
width: 100%;
height: auto;
box-shadow: none
}
.commerce div.product div.images div.thumbnails {
padding-top: 1em
}
.commerce div.product div.social {
text-align: right;
margin: 0 0 1em
}
.commerce div.product div.social span {
margin: 0 0 0 2px
}
.commerce div.product div.social span span {
margin: 0
}
.commerce div.product div.social span .stButton .chicklets {
padding-left: 16px;
width: 0
}
.commerce div.product div.social iframe {
float: left;
margin-top: 3px
}
.commerce div.product .commerce-tabs ul.tabs {
list-style: none;
padding: 0 0 0 1em;
margin: 0 0 1.618em;
overflow: hidden;
position: relative
}
.commerce div.product .commerce-tabs ul.tabs li {
border: 1px solid #d3ced2;
background-color: #ebe9eb;
display: inline-block;
position: relative;
z-index: 0;
border-radius: 4px 4px 0 0;
margin: 0 -5px;
padding: 0 1em
}
.commerce div.product .commerce-tabs ul.tabs li a {
display: inline-block;
padding: .5em 0;
font-weight: 700;
color: #515151;
text-decoration: none
}
.commerce div.product form.cart:after,
.commerce div.product form.cart:before,
.commerce div.product p.cart:after,
.commerce div.product p.cart:before {
display: table;
content: " "
}
.commerce div.product .commerce-tabs ul.tabs li a:hover {
text-decoration: none;
color: #6b6b6b
}
.commerce div.product .commerce-tabs ul.tabs li.active {
background: #fff;
z-index: 2;
border-bottom-color: #fff
}
.commerce div.product .commerce-tabs ul.tabs li.active a {
color: inherit;
text-shadow: inherit
}
.commerce div.product .commerce-tabs ul.tabs li.active:before {
box-shadow: 2px 2px 0 #fff
}
.commerce div.product .commerce-tabs ul.tabs li.active:after {
box-shadow: -2px 2px 0 #fff
}
.commerce div.product .commerce-tabs ul.tabs li:after,
.commerce div.product .commerce-tabs ul.tabs li:before {
border: 1px solid #d3ced2;
position: absolute;
bottom: -1px;
width: 5px;
height: 5px;
content: " "
}
.commerce div.product .commerce-tabs ul.tabs li:before {
left: -6px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
border-width: 0 1px 1px 0;
box-shadow: 2px 2px 0 #ebe9eb
}
.commerce div.product .commerce-tabs ul.tabs li:after {
right: -6px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
border-width: 0 0 1px 1px;
box-shadow: -2px 2px 0 #ebe9eb
}
.commerce div.product .commerce-tabs ul.tabs:before {
position: absolute;
content: " ";
width: 100%;
bottom: 0;
left: 0;
border-bottom: 1px solid #d3ced2;
z-index: 1
}
.commerce div.product .commerce-tabs .panel {
margin: 0 0 2em;
padding: 0
}
.commerce div.product form.cart,
.commerce div.product p.cart {
margin-bottom: 2em
}
.commerce div.product form.cart div.quantity {
float: left;
margin: 0 4px 0 0
}
.commerce div.product form.cart table {
border-width: 0 0 1px
}
.commerce div.product form.cart table td {
padding-left: 0
}
.commerce div.product form.cart table div.quantity {
float: none;
margin: 0
}
.commerce div.product form.cart table small.stock {
display: block;
float: none
}
.commerce div.product form.cart .variations {
margin-bottom: 1em;
border: 0;
width: 100%
}
.commerce div.product form.cart .variations td,
.commerce div.product form.cart .variations th {
border: 0;
vertical-align: top;
line-height: 2em
}
.commerce div.product form.cart .variations label {
font-weight: 700
}
.commerce div.product form.cart .variations select {
max-width: 100%;
min-width: 75%;
display: inline-block;
margin-right: 1em
}
.commerce div.product form.cart .variations td.label {
padding-right: 1em
}
.commerce div.product form.cart .commerce-variation-description p {
margin-bottom: 1em
}
.commerce div.product form.cart .reset_variations {
visibility: hidden;
font-size: .83em
}
.commerce div.product form.cart .wc-no-matching-variations {
display: none
}
.commerce div.product form.cart .button {
vertical-align: middle;
float: left
}
.commerce div.product form.cart .group_table td.label {
padding-right: 1em;
padding-left: 1em
}
.commerce div.product form.cart .group_table td {
vertical-align: top;
padding-bottom: .5em;
border: 0
}
.commerce span.onsale {
min-height: 3.236em;
min-width: 3.236em;
padding: .202em;
font-weight: 700;
position: absolute;
text-align: center;
line-height: 3.236;
top: -.5em;
left: -.5em;
margin: 0;
border-radius: 100%;
background-color: #77a464;
color: #fff;
font-size: .857em;
-webkit-font-smoothing: antialiased
}
.commerce .products ul,
.commerce ul.products {
margin: 0 0 1em;
padding: 0;
list-style: none;
clear: both
}
.commerce .products ul:after,
.commerce .products ul:before,
.commerce ul.products:after,
.commerce ul.products:before {
content: " ";
display: table
}
.commerce .products ul li,
.commerce ul.products li {
list-style: none
}
.commerce ul.products li.product .onsale {
top: 0;
right: 0;
left: auto;
margin: -.5em -.5em 0 0
}
.commerce ul.products li.product h3 {
padding: .5em 0;
margin: 0;
font-size: 1em
}
.commerce ul.products li.product a {
text-decoration: none
}
.commerce ul.products li.product a img {
width: 100%;
height: auto;
display: block;
margin: 0 0 1em;
box-shadow: none
}
.commerce ul.products li.product strong {
display: block
}
.commerce ul.products li.product .star-rating {
font-size: .857em
}
.commerce ul.products li.product .button {
margin-top: 1em
}
.commerce ul.products li.product .price {
color: #77a464;
display: block;
font-weight: 400;
margin-bottom: .5em;
font-size: .857em
}
.commerce ul.products li.product .price del {
color: inherit;
opacity: .5;
display: block
}
.commerce ul.products li.product .price ins {
background: 0 0;
font-weight: 700
}
.commerce ul.products li.product .price .from {
font-size: .67em;
margin: -2px 0 0;
text-transform: uppercase;
color: rgba(132, 132, 132, .5)
}
.commerce .commerce-ordering,
.commerce .commerce-result-count {
margin: 0 0 1em
}
.commerce .commerce-ordering select {
vertical-align: top
}
.commerce nav.commerce-pagination {
text-align: center
}
.commerce nav.commerce-pagination ul {
display: inline-block;
white-space: nowrap;
padding: 0;
border: 1px solid #d3ced2;
border-right: 0;
margin: 1px
}
.commerce nav.commerce-pagination ul li {
border-right: 1px solid #d3ced2;
padding: 0;
margin: 0;
float: left;
display: inline;
overflow: hidden
}
.commerce nav.commerce-pagination ul li a,
.commerce nav.commerce-pagination ul li span {
margin: 0;
text-decoration: none;
line-height: 1;
font-size: 1em;
font-weight: 400;
padding: .5em;
min-width: 1em;
display: block
}
.commerce nav.commerce-pagination ul li a:focus,
.commerce nav.commerce-pagination ul li a:hover,
.commerce nav.commerce-pagination ul li span.current {
background: #ebe9eb;
color: #8a7e88
}
.commerce #respond input#submit,
.commerce a.button,
.commerce button.button,
.commerce input.button {
font-size: 100%;
margin: 0;
line-height: 1;
cursor: pointer;
position: relative;
font-family: inherit;
text-decoration: none;
overflow: visible;
padding: .618em 1em;
font-weight: 700;
border-radius: 3px;
left: auto;
color: #515151;
background-color: #ebe9eb;
border: 0;
white-space: nowrap;
display: inline-block;
background-image: none;
box-shadow: none;
-webkit-box-shadow: none;
text-shadow: none
}
.commerce #respond input#submit.loading,
.commerce a.button.loading,
.commerce button.button.loading,
.commerce input.button.loading {
opacity: .25;
padding-right: 2.618em
}
.commerce #respond input#submit.loading:after,
.commerce a.button.loading:after,
.commerce button.button.loading:after,
.commerce input.button.loading:after {
font-family: WooCommerce;
content: "\e01c";
vertical-align: top;
-webkit-font-smoothing: antialiased;
font-weight: 400;
position: absolute;
top: .618em;
right: 1em;
-webkit-animation: spin 2s linear infinite;
-moz-animation: spin 2s linear infinite;
animation: spin 2s linear infinite
}
.commerce #respond input#submit.added:after,
.commerce a.button.added:after,
.commerce button.button.added:after,
.commerce input.button.added:after {
font-family: WooCommerce;
content: "\e017";
margin-left: .53em;
vertical-align: bottom
}
.commerce #respond input#submit:hover,
.commerce a.button:hover,
.commerce button.button:hover,
.commerce input.button:hover {
background-color: #dad8da;
text-decoration: none;
background-image: none;
color: #515151
}
.commerce #respond input#submit.alt,
.commerce a.button.alt,
.commerce button.button.alt,
.commerce input.button.alt {
background-color: #a46497;
color: #fff;
-webkit-font-smoothing: antialiased
}
.commerce #respond input#submit.alt:hover,
.commerce a.button.alt:hover,
.commerce button.button.alt:hover,
.commerce input.button.alt:hover {
background-color: #935386;
color: #fff
}
.commerce #respond input#submit.alt.disabled,
.commerce #respond input#submit.alt.disabled:hover,
.commerce #respond input#submit.alt:disabled,
.commerce #respond input#submit.alt:disabled:hover,
.commerce #respond input#submit.alt:disabled[disabled],
.commerce #respond input#submit.alt:disabled[disabled]:hover,
.commerce a.button.alt.disabled,
.commerce a.button.alt.disabled:hover,
.commerce a.button.alt:disabled,
.commerce a.button.alt:disabled:hover,
.commerce a.button.alt:disabled[disabled],
.commerce a.button.alt:disabled[disabled]:hover,
.commerce button.button.alt.disabled,
.commerce button.button.alt.disabled:hover,
.commerce button.button.alt:disabled,
.commerce button.button.alt:disabled:hover,
.commerce button.button.alt:disabled[disabled],
.commerce button.button.alt:disabled[disabled]:hover,
.commerce input.button.alt.disabled,
.commerce input.button.alt.disabled:hover,
.commerce input.button.alt:disabled,
.commerce input.button.alt:disabled:hover,
.commerce input.button.alt:disabled[disabled],
.commerce input.button.alt:disabled[disabled]:hover {
background-color: #a46497;
color: #fff
}
.commerce #respond input#submit.disabled,
.commerce #respond input#submit:disabled,
.commerce #respond input#submit:disabled[disabled],
.commerce a.button.disabled,
.commerce a.button:disabled,
.commerce a.button:disabled[disabled],
.commerce button.button.disabled,
.commerce button.button:disabled,
.commerce button.button:disabled[disabled],
.commerce input.button.disabled,
.commerce input.button:disabled,
.commerce input.button:disabled[disabled] {
color: inherit;
cursor: not-allowed;
opacity: .5
}
.commerce #respond input#submit.disabled:hover,
.commerce #respond input#submit:disabled:hover,
.commerce #respond input#submit:disabled[disabled]:hover,
.commerce a.button.disabled:hover,
.commerce a.button:disabled:hover,
.commerce a.button:disabled[disabled]:hover,
.commerce button.button.disabled:hover,
.commerce button.button:disabled:hover,
.commerce button.button:disabled[disabled]:hover,
.commerce input.button.disabled:hover,
.commerce input.button:disabled:hover,
.commerce input.button:disabled[disabled]:hover {
color: inherit;
background-color: #ebe9eb
}
.commerce .cart .button,
.commerce .cart input.button {
float: none
}
.commerce a.added_to_cart {
padding-top: .5em;
white-space: nowrap;
display: inline-block
}
.commerce #reviews #comments .add_review:after,
.commerce #reviews #comments .add_review:before,
.commerce #reviews #comments ol.commentlist li .comment-text:after,
.commerce #reviews #comments ol.commentlist li .comment-text:before,
.commerce #reviews #comments ol.commentlist:after,
.commerce #reviews #comments ol.commentlist:before {
content: " ";
display: table
}
.commerce #reviews h2 small {
float: right;
color: #777;
font-size: 15px;
margin: 10px 0 0
}
.commerce #reviews h2 small a {
text-decoration: none;
color: #777
}
.commerce #reviews h3 {
margin: 0
}
.commerce #reviews #respond {
margin: 0;
border: 0;
padding: 0
}
.commerce #reviews #comment {
height: 75px
}
.commerce #reviews #comments h2 {
clear: none
}
.commerce #review_form #respond:after,
.commerce #reviews #comments ol.commentlist li .comment-text:after,
.commerce #reviews #comments ol.commentlist:after,
.commerce .commerce-product-rating:after,
.commerce td.product-name dl.variation:after {
clear: both
}
.commerce #reviews #comments ol.commentlist {
margin: 0;
width: 100%;
background: 0 0;
list-style: none
}
.commerce #reviews #comments ol.commentlist li {
padding: 0;
margin: 0 0 20px;
position: relative;
background: 0;
border: 0
}
.commerce #reviews #comments ol.commentlist li .meta {
color: #777;
font-size: .75em
}
.commerce #reviews #comments ol.commentlist li img.avatar {
float: left;
position: absolute;
top: 0;
left: 0;
padding: 3px;
width: 32px;
height: auto;
background: #ebe9eb;
border: 1px solid #e4e1e3;
margin: 0;
box-shadow: none
}
.commerce #reviews #comments ol.commentlist li .comment-text {
margin: 0 0 0 50px;
border: 1px solid #e4e1e3;
border-radius: 4px;
padding: 1em 1em 0
}
.commerce #reviews #comments ol.commentlist li .comment-text p {
margin: 0 0 1em
}
.commerce #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: .83em
}
.commerce #reviews #comments ol.commentlist ul.children {
list-style: none;
margin: 20px 0 0 50px
}
.commerce #reviews #comments ol.commentlist ul.children .star-rating {
display: none
}
.commerce #reviews #comments ol.commentlist #respond {
border: 1px solid #e4e1e3;
border-radius: 4px;
padding: 1em 1em 0;
margin: 20px 0 0 50px
}
.commerce #reviews #comments .commentlist>li:before {
content: ""
}
.commerce .star-rating {
float: right;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 1em;
width: 5.4em;
font-family: star
}
.commerce .star-rating:before {
content: "\73\73\73\73\73";
color: #d3ced2;
float: left;
top: 0;
left: 0;
position: absolute
}
.commerce .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em
}
.commerce .star-rating span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0
}
.commerce .commerce-product-rating {
line-height: 2;
display: block
}
.commerce .commerce-product-rating:after,
.commerce .commerce-product-rating:before {
content: " ";
display: table
}
.commerce .commerce-product-rating .star-rating {
margin: .5em 4px 0 0;
float: left
}
.commerce .products .star-rating {
display: block;
margin: 0 0 .5em;
float: none
}
.commerce .hreview-aggregate .star-rating {
margin: 10px 0 0
}
.commerce #review_form #respond {
position: static;
margin: 0;
width: auto;
padding: 0;
background: 0 0;
border: 0
}
.commerce #review_form #respond:after,
.commerce #review_form #respond:before {
content: " ";
display: table
}
.commerce p.stars a:before,
.commerce p.stars a:hover~a:before {
content: "\e021"
}
.commerce #review_form #respond p {
margin: 0 0 10px
}
.commerce #review_form #respond .form-submit input {
left: auto
}
.commerce #review_form #respond textarea {
box-sizing: border-box;
width: 100%
}
.commerce p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none
}
.commerce p.stars a:before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: WooCommerce;
text-indent: 0
}
.commerce table.shop_attributes td,
.commerce table.shop_attributes th {
line-height: 1.5;
border-bottom: 1px dotted rgba(0, 0, 0, .1);
border-top: 0;
margin: 0
}
.commerce p.stars.selected a.active:before,
.commerce p.stars:hover a:before {
content: "\e020"
}
.commerce p.stars.selected a.active~a:before {
content: "\e021"
}
.commerce p.stars.selected a:not(.active):before {
content: "\e020"
}
.commerce table.shop_attributes {
border: 0;
border-top: 1px dotted rgba(0, 0, 0, .1);
margin-bottom: 1.618em;
width: 100%
}
.commerce table.shop_attributes th {
width: 150px;
font-weight: 700;
padding: 8px
}
.commerce table.shop_attributes td {
font-style: italic;
padding: 0
}
.commerce table.shop_attributes td p {
margin: 0;
padding: 8px 0
}
.commerce table.shop_attributes .alt td,
.commerce table.shop_attributes .alt th {
background: rgba(0, 0, 0, .025)
}
.commerce table.shop_table {
border: 1px solid rgba(0, 0, 0, .1);
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
border-collapse: separate;
border-radius: 5px
}
.commerce table.shop_table th {
font-weight: 700;
padding: 9px 12px
}
.commerce table.shop_table td {
border-top: 1px solid rgba(0, 0, 0, .1);
padding: 6px 12px;
vertical-align: middle
}
.commerce table.shop_table td small {
font-weight: 400
}
.commerce table.shop_table tbody:first-child tr:first-child td,
.commerce table.shop_table tbody:first-child tr:first-child th {
border-top: 0
}
.commerce table.shop_table tbody th,
.commerce table.shop_table tfoot td,
.commerce table.shop_table tfoot th {
font-weight: 700;
border-top: 1px solid rgba(0, 0, 0, .1)
}
.commerce table.my_account_orders {
font-size: .85em
}
.commerce table.my_account_orders td,
.commerce table.my_account_orders th {
padding: 4px 8px;
vertical-align: middle
}
.commerce table.my_account_orders .button {
white-space: nowrap
}
.commerce table.my_account_orders .order-actions {
text-align: right
}
.commerce table.my_account_orders .order-actions .button {
margin: .125em 0 .125em .25em
}
.commerce td.product-name dl.variation {
margin: .25em 0
}
.commerce td.product-name dl.variation:after,
.commerce td.product-name dl.variation:before {
content: " ";
display: table
}
.commerce td.product-name dl.variation dd,
.commerce td.product-name dl.variation dt {
display: inline-block;
float: left;
margin-bottom: 1em
}
.commerce td.product-name dl.variation dt {
font-weight: 700;
padding: 0 0 .25em;
margin: 0 4px 0 0;
clear: left
}
.commerce ul.cart_list li dl:after,
.commerce ul.cart_list li:after,
.commerce ul.product_list_widget li dl:after,
.commerce ul.product_list_widget li:after {
clear: both
}
.commerce td.product-name dl.variation dd {
padding: 0 0 .25em
}
.commerce td.product-name dl.variation dd p:last-child {
margin-bottom: 0
}
.commerce td.product-name p.backorder_notification {
font-size: .83em
}
.commerce td.product-quantity {
min-width: 80px
}
.commerce ul.cart_list,
.commerce ul.product_list_widget {
list-style: none;
padding: 0;
margin: 0
}
.commerce ul.cart_list li,
.commerce ul.product_list_widget li {
padding: 4px 0;
margin: 0;
list-style: none
}
.commerce ul.cart_list li:after,
.commerce ul.cart_list li:before,
.commerce ul.product_list_widget li:after,
.commerce ul.product_list_widget li:before {
content: " ";
display: table
}
.commerce ul.cart_list li a,
.commerce ul.product_list_widget li a {
display: block;
font-weight: 700
}
.commerce ul.cart_list li img,
.commerce ul.product_list_widget li img {
float: right;
margin-left: 4px;
width: 32px;
height: auto;
box-shadow: none
}
.commerce ul.cart_list li dl,
.commerce ul.product_list_widget li dl {
margin: 0;
padding-left: 1em;
border-left: 2px solid rgba(0, 0, 0, .1)
}
.commerce ul.cart_list li dl:after,
.commerce ul.cart_list li dl:before,
.commerce ul.product_list_widget li dl:after,
.commerce ul.product_list_widget li dl:before {
content: " ";
display: table
}
.commerce ul.cart_list li dl dd,
.commerce ul.cart_list li dl dt,
.commerce ul.product_list_widget li dl dd,
.commerce ul.product_list_widget li dl dt {
display: inline-block;
float: left;
margin-bottom: 1em
}
.commerce ul.cart_list li dl dt,
.commerce ul.product_list_widget li dl dt {
font-weight: 700;
padding: 0 0 .25em;
margin: 0 4px 0 0;
clear: left
}
.commerce .order_details:after,
.commerce .widget_layered_nav ul li:after,
.commerce .widget_shopping_cart .buttons:after,
.commerce-account .addresses .title:after,
.commerce-cart .wc-proceed-to-checkout:after,
.commerce.widget_shopping_cart .buttons:after {
clear: both
}
.commerce ul.cart_list li dl dd,
.commerce ul.product_list_widget li dl dd {
padding: 0 0 .25em
}
.commerce ul.cart_list li dl dd p:last-child,
.commerce ul.product_list_widget li dl dd p:last-child {
margin-bottom: 0
}
.commerce ul.cart_list li .star-rating,
.commerce ul.product_list_widget li .star-rating {
float: none
}
.commerce .widget_shopping_cart .total,
.commerce.widget_shopping_cart .total {
border-top: 3px double #ebe9eb;
padding: 4px 0 0
}
.commerce .widget_shopping_cart .total strong,
.commerce.widget_shopping_cart .total strong {
min-width: 40px;
display: inline-block
}
.commerce .widget_shopping_cart .cart_list li,
.commerce.widget_shopping_cart .cart_list li {
padding-left: 2em;
position: relative;
padding-top: 0
}
.commerce .widget_shopping_cart .cart_list li a.remove,
.commerce.widget_shopping_cart .cart_list li a.remove {
position: absolute;
top: 0;
left: 0
}
.commerce .widget_shopping_cart .buttons:after,
.commerce .widget_shopping_cart .buttons:before,
.commerce.widget_shopping_cart .buttons:after,
.commerce.widget_shopping_cart .buttons:before {
content: " ";
display: table
}
.commerce form .form-row {
padding: 3px;
margin: 0 0 6px
}
.commerce form .form-row [placeholder]:focus::-webkit-input-placeholder {
-webkit-transition: opacity .5s .5s ease;
-moz-transition: opacity .5s .5s ease;
transition: opacity .5s .5s ease;
opacity: 0
}
.commerce form .form-row label {
line-height: 2
}
.commerce form .form-row label.hidden {
visibility: hidden
}
.commerce form .form-row label.inline {
display: inline
}
.commerce form .form-row select {
cursor: pointer;
margin: 0
}
.commerce form .form-row .required {
color: red;
font-weight: 700;
border: 0
}
.commerce form .form-row .input-checkbox {
display: inline;
margin: -2px 8px 0 0;
text-align: center;
vertical-align: middle
}
.commerce form .form-row input.input-text,
.commerce form .form-row textarea {
box-sizing: border-box;
width: 100%;
margin: 0;
outline: 0;
line-height: 1;
border: 1px solid #f4eede;
font-weight: 300;
font-style: italic;
}
.commerce form .form-row textarea {
height: 4em;
line-height: 1.5;
display: block;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none
}
.commerce form .form-row .select2-container {
width: 100%;
line-height: 2em
}
.commerce form .form-row.commerce-invalid label {
color: #a00
}
.commerce form .form-row.commerce-invalid .select2-container,
.commerce form .form-row.commerce-invalid input.input-text,
.commerce form .form-row.commerce-invalid select {
border-color: #a00
}
.commerce form .form-row.commerce-validated .select2-container,
.commerce form .form-row.commerce-validated input.input-text,
.commerce form .form-row.commerce-validated select {
border-color: #69bf29
}
.commerce form .form-row::-webkit-input-placeholder {
line-height: normal
}
.commerce form .form-row:-moz-placeholder {
line-height: normal
}
.commerce form .form-row:-ms-input-placeholder {
line-height: normal
}
.commerce form.checkout_coupon,
.commerce form.login,
.commerce form.register {
border: 1px solid #d3ced2;
padding: 20px;
margin: 2em 0;
text-align: left;
border-radius: 5px
}
.commerce ul#shipping_method {
list-style: none;
margin: 0;
padding: 0
}
.commerce ul#shipping_method li {
margin: 0;
padding: .25em 0 .25em 22px;
text-indent: -22px;
list-style: none
}
.commerce ul#shipping_method li input {
margin: 3px .5ex
}
.commerce ul#shipping_method li label {
display: inline
}
.commerce ul#shipping_method .amount {
font-weight: 700
}
.commerce p.commerce-shipping-contents {
margin: 0
}
.commerce .order_details {
margin: 0 0 1.5em;
list-style: none
}
.commerce .order_details:after,
.commerce .order_details:before {
content: " ";
display: table
}
.commerce .order_details li {
float: left;
margin-right: 2em;
text-transform: uppercase;
font-size: .715em;
line-height: 1;
border-right: 1px dashed #d3ced2;
padding-right: 2em;
margin-left: 0;
padding-left: 0
}
.commerce .order_details li strong {
display: block;
font-size: 1.4em;
text-transform: none;
line-height: 1.5
}
.commerce .order_details li:last-of-type {
border: none
}
.commerce .widget_layered_nav ul {
margin: 0;
padding: 0;
border: 0;
list-style: none
}
.commerce .widget_layered_nav ul li {
padding: 0 0 1px;
list-style: none
}
.commerce .widget_layered_nav ul li:after,
.commerce .widget_layered_nav ul li:before {
content: " ";
display: table
}
.commerce .widget_layered_nav ul li.chosen a:before,
.commerce .widget_layered_nav_filters ul li a:before {
font-weight: 400;
line-height: 1;
content: "";
color: #a00;
font-family: WooCommerce;
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
text-decoration: none
}
.commerce .widget_layered_nav ul li a,
.commerce .widget_layered_nav ul li span {
padding: 1px 0
}
.commerce .widget_layered_nav ul li.chosen a:before {
margin-right: .618em
}
.commerce .widget_layered_nav_filters ul {
margin: 0;
padding: 0;
border: 0;
list-style: none;
overflow: hidden;
zoom: 1
}
.commerce .widget_layered_nav_filters ul li {
float: left;
padding: 0 1px 1px 0;
list-style: none
}
.commerce .widget_layered_nav_filters ul li a {
text-decoration: none
}
.commerce .widget_layered_nav_filters ul li a:before {
margin-right: .618em
}
.commerce .widget_price_filter .price_slider {
margin-bottom: 1em
}
.commerce .widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4;
font-size: .8751em
}
.commerce .widget_price_filter .price_slider_amount .button {
font-size: 1.15em;
float: left
}
.commerce .widget_price_filter .ui-slider {
position: relative;
text-align: left;
margin-left: .5em;
margin-right: .5em
}
.commerce .widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
background-color: #a46497;
border-radius: 1em;
cursor: ew-resize;
outline: 0;
top: -.3em;
margin-left: -.5em
}
.commerce .widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
border-radius: 1em;
background-color: #a46497
}
.commerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
border-radius: 1em;
background-color: #602053;
border: 0
}
.commerce .widget_price_filter .ui-slider-horizontal {
height: .5em
}
.commerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%
}
.commerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px
}
.commerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px
}
.commerce-account .addresses .title:after,
.commerce-account .addresses .title:before {
content: " ";
display: table
}
.commerce-account .addresses .title h3 {
float: left
}
.commerce-account .addresses .title .edit,
.commerce-account ul.digital-downloads li .count {
float: right
}
.commerce-account ol.commentlist.notes li.note p.meta {
font-weight: 700;
margin-bottom: 0
}
.commerce-account ol.commentlist.notes li.note .description p:last-child {
margin-bottom: 0
}
.commerce-account ul.digital-downloads {
margin-left: 0;
padding-left: 0
}
.commerce-account ul.digital-downloads li {
list-style: none;
margin-left: 0;
padding-left: 0
}
.commerce-account ul.digital-downloads li:before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: .618em;
content: "";
text-decoration: none
}
.commerce-cart table.cart .product-thumbnail {
min-width: 32px
}
.commerce-cart table.cart img {
width: 32px;
box-shadow: none
}
.commerce-cart table.cart td,
.commerce-cart table.cart th {
vertical-align: middle
}
.commerce-cart table.cart td.actions .coupon .input-text {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #d3ced2;
padding: 6px 6px 5px;
margin: 0 4px 0 0;
outline: 0;
line-height: 1
}
.commerce-cart table.cart input {
margin: 0;
vertical-align: middle;
line-height: 1
}
.commerce-cart .wc-proceed-to-checkout {
padding: 1em 0
}
.commerce-cart .wc-proceed-to-checkout:after,
.commerce-cart .wc-proceed-to-checkout:before {
content: " ";
display: table
}
.commerce-cart .wc-proceed-to-checkout a.checkout-button {
display: block;
text-align: center;
margin-bottom: 1em;
font-size: 1.25em;
padding: 1em
}
.commerce-cart .cart-collaterals .shipping_calculator .button {
width: 100%;
float: none;
display: block
}
.commerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button:after {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-left: .618em;
content: "";
text-decoration: none
}
#add_payment_method #payment ul.payment_methods li:after,
#add_payment_method #payment ul.payment_methods li:before,
#add_payment_method #payment ul.payment_methods:after,
#add_payment_method #payment ul.payment_methods:before,
.commerce-checkout #payment ul.payment_methods li:after,
.commerce-checkout #payment ul.payment_methods li:before,
.commerce-checkout #payment ul.payment_methods:after,
.commerce-checkout #payment ul.payment_methods:before {
content: " ";
display: table
}
.commerce-cart .cart-collaterals .cart_totals p small {
color: #777;
font-size: .83em
}
.commerce-cart .cart-collaterals .cart_totals table {
border-collapse: separate;
margin: 0 0 6px;
padding: 0
}
.commerce-cart .cart-collaterals .cart_totals table tr:first-child td,
.commerce-cart .cart-collaterals .cart_totals table tr:first-child th {
border-top: 0
}
.commerce-cart .cart-collaterals .cart_totals table th {
width: 40%
}
.commerce-cart .cart-collaterals .cart_totals table td,
.commerce-cart .cart-collaterals .cart_totals table th {
vertical-align: top;
border-left: 0;
border-right: 0;
line-height: 1.5em
}
.commerce-cart .cart-collaterals .cart_totals table small {
color: #777
}
.commerce-cart .cart-collaterals .cart_totals table select {
width: 100%
}
.commerce-cart .cart-collaterals .cart_totals .discount td {
color: #77a464
}
.commerce-cart .cart-collaterals .cart_totals tr td,
.commerce-cart .cart-collaterals .cart_totals tr th {
border-top: 1px solid #ebe9eb
}
.commerce-cart .cart-collaterals .cross-sells ul.products li.product {
margin-top: 0
}
.product.has-default-attributes.has-children>.images {
opacity: 0
}
.commerce .commerce-result-count,
.commerce-page .commerce-result-count {
float: left;
}
.commerce .commerce-ordering,
.commerce-page .commerce-ordering {
float: right;
}
.commerce form .form-row-wide {
clear: both;
}
.commerce .cart-collaterals .shipping_calculator:after, .commerce .cart-collaterals .shipping_calculator:before, .commerce .cart-collaterals:after, .commerce .cart-collaterals:before, .commerce form .form-row:after, .commerce form .form-row:before, .commerce ul.cart_list li:after, .commerce ul.cart_list li:before, .commerce ul.product_list_widget li:after, .commerce ul.product_list_widget li:before, .commerce-page .cart-collaterals .shipping_calculator:after, .commerce-page .cart-collaterals .shipping_calculator:before, .commerce-page .cart-collaterals:after, .commerce-page .cart-collaterals:before, .commerce-page form .form-row:after, .commerce-page form .form-row:before, .commerce-page ul.cart_list li:after, .commerce-page ul.cart_list li:before, .commerce-page ul.product_list_widget li:after, .commerce-page ul.product_list_widget li:before {
content: " ";
display: table;
}
.commerce #content div.product .commerce-tabs, .commerce #content div.product .commerce-tabs ul.tabs:after, .commerce #content div.product div.thumbnails a.first, .commerce #content div.product div.thumbnails:after, .commerce .cart-collaterals:after, .commerce .col2-set:after, .commerce .commerce-pagination ul.page-numbers:after, .commerce div.product .commerce-tabs, .commerce div.product .commerce-tabs ul.tabs:after, .commerce div.product div.thumbnails a.first, .commerce div.product div.thumbnails:after, .commerce ul.products, .commerce ul.products li.first, .commerce ul.products:after, .commerce-page #content div.product .commerce-tabs, .commerce-page #content div.product .commerce-tabs ul.tabs:after, .commerce-page #content div.product div.thumbnails a.first, .commerce-page #content div.product div.thumbnails:after, .commerce-page .cart-collaterals:after, .commerce-page .col2-set:after, .commerce-page .commerce-pagination ul.page-numbers:after, .commerce-page div.product .commerce-tabs, .commerce-page div.product .commerce-tabs ul.tabs:after, .commerce-page div.product div.thumbnails a.first, .commerce-page div.product div.thumbnails:after, .commerce-page ul.products, .commerce-page ul.products li.first, .commerce-page ul.products:after {
clear: both;
}
.commerce form .form-row label, .commerce-page form .form-row label {
display: block;
}
.commerce table.cart td.actions, .commerce-page table.cart td.actions {
text-align: right;
}
.commerce table.cart td.actions .coupon, .commerce-page table.cart td.actions .coupon {
float: left;
}
.commerce .cart-collaterals .cart_totals, .commerce-page .cart-collaterals .cart_totals,
.commerce #content div.product div.summary, .commerce div.product div.summary, .commerce-page #content div.product div.summary, .commerce-page div.product div.summary{
float: left;
width: 100%;
}
.commerce #content div.product div.images, .commerce div.product div.images, .commerce-page #content div.product div.images, .commerce-page div.product div.images {
float: left;
width: 100%;
}
@media (max-width: 767px) {
.commerce #content div.product div.summary,
.commerce div.product div.summary,
.commerce-page #content div.product div.summary,
.commerce-page div.product div.summary {
width: 100%;
float: none;
margin-top: 30px;
}
.commerce #content div.product div.images,
.commerce div.product div.images,
.commerce-page #content div.product div.images,
.commerce-page div.product div.images {
width: 100%;
float: none;
}
}
@media (max-width: 414px) {
.commerce-page .cart-collaterals .noocart-coupon,
.commerce .cart-collaterals .cart_totals,
.commerce-page .cart-collaterals .cart_totals {
width: 100%;
float: none;
}
.commerce-cart table.cart td.product-thumbnail a:last-child {
padding-left: 0;
}
.commerce-cart table.cart .product-thumbnail {
text-align: center;
}
.commerce-wishlist table.wishlist_table td.product-thumbnail img {
display: none;
}
.commerce-wishlist .noo-main {
overflow-x: auto;
}
}
.commerce .widget_price_filter .price_slider_wrapper {
margin-top: 25px;
}
.commerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background: #f4eede;
-webkit-border-radius: 0;
border-radius: 0;
}
.commerce .widget_price_filter .ui-slider .ui-slider-handle,
.commerce .widget_price_filter .ui-slider .ui-slider-range {
background: #79cba8;
}
.commerce .widget_price_filter .price_slider_amount {
margin-top: 30px;
}
.commerce .widget_price_filter .price_slider_amount .button {
height: 32px;
line-height: 32px;
background: #f4eede;
padding: 0 17px;
color: #212121;
font-size: 14px;
font-weight: 500;
}
.commerce .widget_price_filter .price_slider_amount .button:hover {
background: #79cba8;
color: #ffffff;
}
.commerce .widget_price_filter .price_slider_amount .price_label {
font-size: 14px;
color: #212121;
font-weight: 500;
}
/* === 7.2. SHOP PAGE === */
@media (min-width: 992px) {
.first {
clear: both;
}
}
input[type='checkbox'] {
width: auto !important;
height: auto !important;
}
.commerce-account input[type='checkbox'] {
display: inline-block !important;
margin-right: 10px;
}
.commerce form.login label[for='rememberme'] {
display: block;
margin-left: 0 !important;
margin-top: 10px;
}
.noo-shop-main {
padding-top: 100px;
padding-bottom: 140px;
}
.commerce #respond input#submit.loading:after,
.commerce a.button.loading:after,
.commerce button.button.loading:after,
.commerce input.button.loading:after {
top: 0;
}
.commerce .product-grid .noo-product-inner {
border: 1px solid #f4eede;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
position: relative;
margin: 15px 0;
z-index: 10;
}
.commerce .product-grid .noo-product-inner:hover {
-webkit-box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.18);
box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.18);
border-color: #79cba8;
}
.commerce .product-grid .noo-product-inner:hover .noo-product-thumbnail img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.commerce .product-grid .noo-product-inner:hover .noo-product-title .noo-product-action {
background: #45b284;
}
.commerce .product-grid .noo-product-thumbnail {
position: relative;
overflow: hidden;
text-align: center;
background: #ffffff;
}
.commerce .product-grid .noo-product-thumbnail img {
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.commerce .product-grid .noo-product-thumbnail .noo-rating {
text-align: center;
}
.commerce .product-grid .noo-product-thumbnail .noo-rating .star-rating {
display: inline-block;
letter-spacing: 7px;
width: 105px;
margin: 0;
}
.commerce .product-grid .noo-product-thumbnail .noo-rating .star-rating:before {
color: #f5a64a;
}
.commerce .product-grid .noo-product-thumbnail .noo-rating .star-rating span {
color: #f5a64a;
}
.commerce .product-grid .noo-product-thumbnail .noo-rating .star-rating span strong {
display: none;
}
.commerce .product-grid .noo-product-title {
text-align: center;
padding: 15px 0 0;
position: relative;
overflow: hidden;
background-color: #ffffff;
}
.commerce .product-grid .noo-product-title .noo-product-excerpt {
display: none;
}
.commerce .product-grid .noo-product-title h3 {
font-family: 'Lato', sans-serif;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
margin: 0;
padding: 0;
}
.commerce .product-grid .noo-product-title .price {
color: #696969;
margin-top: 10px;
display: inline-block;
font-weight: 700;
margin-bottom: 15px;
font-size: 14px;
}
.commerce .product-grid .noo-product-title .noo-product-action {
background: #79cba8;
-webkit-transition: background 0.6s ease 0s;
-o-transition: background 0.6s ease 0s;
transition: background 0.6s ease 0s;
}
.commerce .product-grid .noo-product-title .noo-product-action h4 {
font-family: 'Lato', sans-serif;
font-weight: 500;
text-transform: uppercase;
margin: 0;
padding: 30px 0 0 0;
}
.commerce .product-grid .noo-product-title .noo-product-action h4 a {
color: #ffffff;
}
.commerce .product-grid .noo-product-title .noo-product-action .noo-action {
display: block;
position: relative;
}
div.product-style2 .product-grid .noo-product-inner:hover .noo-product-title .noo-action {
position: static;
}
.commerce .product-grid .noo-product-title .noo-product-action .noo-action:before,
.commerce .product-grid .noo-product-title .noo-product-action .noo-action:after {
content: " ";
display: table;
}
.commerce .product-grid .noo-product-title .noo-product-action .noo-action:after {
clear: both;
}
.commerce .product-grid .noo-product-title .noo-product-action .noo-action:before,
.commerce .product-grid .noo-product-title .noo-product-action .noo-action:after {
content: " ";
display: table;
}
.commerce .product-grid .noo-product-title .noo-product-action .noo-action:after {
clear: both;
}
.commerce .product-grid .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist {
display: none;
}
.commerce .product-grid .noo-product-title .noo-product-action .noo-action .noo-qucik-view {
display: none;
-webkit-transform: translate(-100px, 0);
-ms-transform: translate(-100px, 0);
-o-transform: translate(-100px, 0);
transform: translate(-100px, 0);
}
.commerce .product-grid .noo-product-title .noo-product-action .noo-action .noo-qucik-view span {
display: none;
}
.commerce .product-grid .noo-product-title .noo-product-action .noo-action .add_to_cart_button {
font-size: 14px;
height: 48px;
line-height: 48px;
background: none;
display: block;
}
.commerce .product-grid .noo-product-title .noo-product-action .noo-action .add_to_cart_button.loading {
padding-right: 20px;
opacity: 1;
filter: alpha(opacity=100);
}
.commerce .product-grid .noo-product-title .noo-product-action .noo-action .add_to_cart_button.loading:after {
right: auto;
margin-left: 10px;
}
.commerce .product-grid .noo-product-title .noo-product-action .noo-action .add_to_cart_button:focus {
outline: none;
outline-color: transparent;
}
.commerce .product-grid .noo-product-title .noo-product-action .noo-action .add_to_cart_button span:before {
font-family: 'FontAwesome';
content: '';
content: "\f07a";
padding-right: 10px;
}
.commerce .product-grid .noo-product-title .noo-product-action .noo-action .add_to_cart_button:hover,
.commerce .product-grid .noo-product-title .noo-product-action .noo-action .add_to_cart_button:focus {
background: none;
}
.commerce .product-grid .noo-product-title .noo-product-action .noo-action .link-detail {
display: none;
}
.commerce .product-list .noo-product-column {
width: 100%;
}
.commerce .product-list .noo-product-inner {
border: 1px solid #f4eede;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
position: relative;
margin: 15px 0;
}
.commerce .product-list .noo-product-inner:before,
.commerce .product-list .noo-product-inner:after {
content: " ";
display: table;
}
.commerce .product-list .noo-product-inner:after {
clear: both;
}
.commerce .product-list .noo-product-inner:before,
.commerce .product-list .noo-product-inner:after {
content: " ";
display: table;
}
.commerce .product-list .noo-product-inner:after {
clear: both;
}
.commerce .product-list .noo-product-inner:hover {
-webkit-box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.18);
box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.18);
}
.commerce .product-list .noo-product-inner:hover .noo-product-thumbnail img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.commerce .product-list .noo-product-thumbnail {
width: 35%;
display: block;
float: left;
overflow: hidden;
}
.commerce .product-list .noo-product-thumbnail {
text-align: center;
position: relative;
min-height: 270px;
}
.commerce .product-list .noo-product-thumbnail img {
max-width: none;
width: auto;
min-height: 200px;
max-height: 200px;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.commerce .product-list .noo-product-thumbnail .noo-rating {
position: absolute;
left: 0;
bottom: 30px;
width: 100%;
text-align: center;
}
.commerce .product-list .noo-product-thumbnail .noo-rating .star-rating {
display: inline-block;
letter-spacing: 7px;
width: 105px;
margin: 0;
}
.commerce .product-list .noo-product-thumbnail .noo-rating .star-rating:before {
color: #f5a64a;
}
.commerce .product-list .noo-product-thumbnail .noo-rating .star-rating span {
color: #f5a64a;
}
.commerce .product-list .noo-product-thumbnail .noo-rating .star-rating span strong {
display: none;
}
.commerce .product-list .noo-product-title {
float: left;
width: 65%;
padding-right: 6%;
}
.commerce .product-list .noo-product-title .noo-product-action {
margin-top: 35px;
}
.commerce .product-list .noo-product-title .noo-product-action h4 {
display: none;
}
.commerce .product-list .noo-product-title .noo-product-action .noo-action .noo-qucik-view {
display: none;
}
.commerce .product-list .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist {
position: absolute;
right: 20px;
top: 20px;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.commerce .product-list .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist a {
background: none;
text-indent: -110px;
}
.commerce .product-list .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist a:before {
color: #f5a64a;
left: 115px;
}
.commerce .product-list .noo-product-title .noo-product-action .noo-action .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.commerce .product-list .noo-product-title .noo-product-action .add_to_cart_button {
padding: 0 27px;
height: 40px;
line-height: 40px;
background: #79cba8;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.commerce .product-list .noo-product-title .noo-product-action .add_to_cart_button:hover {
background: #45b284;
color: #ffffff;
}
.commerce .product-list .noo-product-title h3 {
font-family: 'Lato', sans-serif;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
margin: 30px 0 0 0;
padding: 0;
}
.commerce .product-list .noo-product-title .price {
font-size: 18px;
color: #79cba8;
margin-top: 12px;
display: inline-block;
}
.commerce .product-list .noo-product-title .noo-product-excerpt {
margin-top: 15px;
}
.commerce #respond input#submit,
.commerce a.button,
.commerce a.button.alt,
.commerce button.button,
.commerce input.button {
font-size: 12px;
background: #79cba8;
-webkit-border-radius: 0;
border-radius: 0;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
padding: 0 20px;
height: 40px;
line-height: 40px;
font-weight: 400;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.commerce #respond input#submit:hover,
.commerce a.button:hover,
.commerce a.button.alt:hover,
.commerce button.button:hover,
.commerce input.button:hover {
background: #45b284;
color: #ffffff;
}
.noo-qucik-view {
background: #000000;
-webkit-border-radius: 0;
border-radius: 0;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
padding: 0 5px;
height: 32px;
width: 32px;
line-height: 32px;
font-weight: 400;
display: inline-block;
margin-right: 3px;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.noo-qucik-view:hover {
background: #ffffff;
color: #000000;
}
.products .yith-wcwl-add-to-wishlist,
.products .yith-wcwl-wishlistexistsbrowse {
display: inline-block;
margin: 0;
position: relative;
}
.products .yith-wcwl-add-to-wishlist a,
.products .yith-wcwl-wishlistexistsbrowse a {
width: 32px;
height: 32px;
overflow: hidden;
background: #000000;
position: relative;
text-indent: -150px;
display: inline-block;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.products .yith-wcwl-add-to-wishlist a:before,
.products .yith-wcwl-wishlistexistsbrowse a:before {
font-family: 'FontAwesome';
content: "\f08a";
font-size: 14px;
color: #ffffff;
position: absolute;
left: 91px;
top: 0;
line-height: 32px;
}
.products .yith-wcwl-add-to-wishlist a:hover,
.products .yith-wcwl-wishlistexistsbrowse a:hover {
background: #ffffff;
}
.products .yith-wcwl-add-to-wishlist a:hover:before,
.products .yith-wcwl-wishlistexistsbrowse a:hover:before {
color: #000000;
}
.products .yith-wcwl-add-to-wishlist .ajax-loading,
.products .yith-wcwl-wishlistexistsbrowse .ajax-loading {
position: absolute;
left: 6px;
top: 9px;
}
.products .yith-wcwl-wishlistexistsbrowse a:before,
.products .yith-wcwl-wishlistaddedbrowse a:before {
content: "\f004";
}
.commerce .noo-catalog {
margin: 0 0 35px 0;
}
.commerce .noo-catalog:before,
.commerce .noo-catalog:after {
content: " ";
display: table;
}
.commerce .noo-catalog:after {
clear: both;
}
.commerce .noo-catalog:before,
.commerce .noo-catalog:after {
content: " ";
display: table;
}
.commerce .noo-catalog:after {
clear: both;
}
.commerce .noo-catalog .commerce-ordering {
border: 1px solid #f4eede;
margin: 0;
position: relative;
padding-left: 10px;
}
.commerce .noo-catalog .commerce-ordering:after {
position: absolute;
width: 38px;
height: 38px;
right: 1px;
top: 1px;
content: "\f0dd";
background: #ffffff;
pointer-events: none;
font-family: 'FontAwesome';
text-align: center;
line-height: 30px;
font-size: 16px;
}
.commerce .noo-catalog .commerce-ordering select {
cursor: pointer;
border: 0;
height: 40px;
min-width: 240px;
background: #fff;
text-transform: uppercase;
color: #ababab;
}
.commerce .noo-catalog .commerce-ordering select option {
text-transform: none;
}
.commerce .noo-catalog .commerce-ordering select:focus {
outline: none;
outline-color: transparent;
}
.commerce .noo-catalog .commerce-result-count {
margin: 10px 0 0 0;
color: #212121;
}
.commerce .noo-catalog .commerce-result-count em {
color: #79cba8;
font-style: normal;
}
.commerce a.added_to_cart {
display: none;
}
.yith-wcwl-add-to-wishlist .show .feedback {
display: none !important;
}
.product-style-control {
margin-left: 2px;
}
.product-style-control span {
display: inline-block;
width: 40px;
height: 40px;
background: #f4eede;
line-height: 40px;
color: #ababab;
text-align: center;
margin-left: 8px;
cursor: pointer;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.product-style-control span:hover,
.product-style-control span.active {
-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
background: #79cba8;
color: #ffffff;
}
/* === 7.3. SINGLE PRODUCT === */
.single-inner:before,
.single-inner:after {
content: " ";
display: table;
}
.single-inner:after {
clear: both;
}
.single-inner:before,
.single-inner:after {
content: " ";
display: table;
}
.single-inner:after {
clear: both;
}
.single-product .noo-main.noo-md-9 .product-grid .masonry-item:nth-child(4) {
clear: both;
}
.single-product .noo-main.noo-md-9 .product-grid .masonry-item:nth-child(7) {
clear: both;
}
.single-product .noo-main.noo-md-9 .product-grid .masonry-item.first {
clear: none;
}
.single-product div.product:before,
.single-product div.product:after {
content: " ";
display: table;
}
.single-product div.product:after {
clear: both;
}
.single-product div.product:before,
.single-product div.product:after {
content: " ";
display: table;
}
.single-product div.product:after {
clear: both;
}
.single-product div.product .images {
margin-bottom: 0 !important;
}
.single-product div.product .images .product-simple-image {
border: 1px solid #f4eede;
}
.single-product div.product .images .project-slider .sync1 {
border: 1px solid #f4eede;
margin-right: 5px;
width: auto;
}
.single-product div.product .images .project-slider .sync2 {
margin-top: 15px;
margin-left: -5px;
margin-right: -5px;
cursor: ew-resize;
}
.single-product div.product .images .project-slider .sync2 .owl-item {
padding: 0 5px;
}
.single-product div.product .images .project-slider .sync2 .item {
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
border: 1px solid #f4eede;
cursor: ew-resize;
}
.single-product div.product .images .project-slider .sync2 .item:hover {
border: 1px solid #79cba8;
}
.single-product div.product .entry-summary {
margin-bottom: 0 !important;
position: relative;
}
.single-product div.product .entry-summary .noo_link_boxes {
position: absolute;
right: 0;
top: 0;
padding: 0;
margin: 0;
list-style: none;
}
.single-product div.product .entry-summary .noo_link_boxes > li > a {
background-color: #f5a64a;
display: block;
padding: 10px 30px;
text-transform: uppercase;
color: #ffffff;
position: relative;
overflow: hidden;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.single-product div.product .entry-summary .noo_link_boxes > li > a i {
font-size: 18px;
padding-left: 15px;
}
.single-product div.product .entry-summary .noo_link_boxes > li > a:hover {
background-color: #79cba8;
}
.single-product div.product .entry-summary .noo_link_boxes > li:hover ul {
display: block;
}
.single-product div.product .entry-summary .noo_link_boxes > li:hover ul li {
visibility: visible;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.single-product div.product .entry-summary .noo_link_boxes > li:hover ul li:nth-child(1) {
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
z-index: 5;
}
.single-product div.product .entry-summary .noo_link_boxes > li:hover ul li:nth-child(2) {
z-index: 4;
-webkit-transition: all 0.6s ease 0.3s;
-o-transition: all 0.6s ease 0.3s;
transition: all 0.6s ease 0.3s;
}
.single-product div.product .entry-summary .noo_link_boxes ul {
list-style: none;
position: absolute;
left: 0;
top: 100%;
padding: 0;
margin: 0;
width: 100%;
overflow: hidden;
}
.single-product div.product .entry-summary .noo_link_boxes ul li {
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #eee;
visibility: hidden;
position: relative;
background-color: #ffffff;
-webkit-transform: translate(0, -40px);
-ms-transform: translate(0, -40px);
-o-transform: translate(0, -40px);
transform: translate(0, -40px);
}
.single-product div.product .entry-summary .noo_link_boxes ul li:first-child {
border-width: 0 1px 1px 1px;
}
.single-product div.product .entry-summary .noo_link_boxes ul li a {
padding: 10px 30px;
display: block;
text-transform: uppercase;
}
.single-product div.product .entry-summary .product_title {
font-family: 'Lato', sans-serif;
text-transform: uppercase;
font-size: 24px;
margin-bottom: 16px;
padding-right: 150px;
}
.single-product div.product .entry-summary .star-rating {
display: inline-block;
letter-spacing: 7px;
width: 105px;
margin: 0;
}
.single-product div.product .entry-summary .star-rating:before {
color: #ababab;
}
.single-product div.product .entry-summary .star-rating span {
color: #f5a64a;
}
.single-product div.product .entry-summary .star-rating span strong {
display: none;
}
.single-product div.product .entry-summary .commerce-product-rating {
margin-bottom: 7px;
padding-top: 2px;
}
.single-product div.product .entry-summary .commerce-product-rating .commerce-review-link {
color: #ababab;
font-style: italic;
margin: 0;
padding-left: 30px;
-webkit-transform: translate(0, -6px);
-ms-transform: translate(0, -6px);
-o-transform: translate(0, -6px);
transform: translate(0, -6px);
display: inline-block;
font-weight: 300;
}
.single-product div.product .entry-summary .price {
font-size: 34px;
font-weight: 500;
color: #79cba8;
border-bottom: 1px solid #f4eede;
padding-bottom: 25px;
}
.single-product div.product .entry-summary .description {
margin-bottom: 20px;
margin-top: 30px;
}
.single-product div.product .entry-summary form.cart {
float: left;
}
.single-product div.product .entry-summary form.cart div.quantity {
margin-right: 8px;
}
.single-product div.product .entry-summary form.cart div.quantity input[type='number'] {
height: 40px;
width: 70px;
font-weight: 600;
color: #212121;
border: 1px solid #f4eede;
}
.single-product div.product .entry-summary form.cart .button {
height: 40px;
background: #79cba8;
font-size: 14px;
font-weight: 600;
}
.single-product div.product .entry-summary form.cart .button:hover {
background: #45b284;
color: #ffffff;
}
.single-product div.product .entry-summary .yith-wcwl-add-to-wishlist {
margin-top: 0;
float: left;
margin-left: 10px;
}
.single-product div.product .entry-summary .yith-wcwl-add-to-wishlist a {
width: 40px;
height: 40px;
overflow: hidden;
background: #79cba8;
position: relative;
text-indent: -110px;
display: inline-block;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.single-product div.product .entry-summary .yith-wcwl-add-to-wishlist a:before {
font-family: 'FontAwesome';
content: "\f08a";
font-size: 14px;
color: #ffffff;
position: absolute;
left: 122px;
top: 0;
line-height: 40px;
}
.single-product div.product .entry-summary .yith-wcwl-add-to-wishlist a:hover {
background: #45b284;
}
.single-product div.product .entry-summary .commerce-tabs {
padding-top: 50px;
padding-bottom: 0;
}
.single-product div.product .product_meta {
margin-top: 0;
margin-bottom: 25px;
}
.single-product div.product .product_meta .tagged_as {
margin-top: 5px;
}
.single-product div.product .product_meta .posted_in,
.single-product div.product .product_meta .tagged_as {
display: block;
text-transform: uppercase;
font-size: 14px;
}
.single-product div.product .product_meta .posted_in a,
.single-product div.product .product_meta .tagged_as a {
text-transform: none;
}
.single-product div.product .product_meta .posted_in a:first-child,
.single-product div.product .product_meta .tagged_as a:first-child {
margin-left: 30px;
}
.single-product div.product .noo-social-share span {
text-transform: uppercase;
padding-right: 10px;
}
.single-product div.product .noo-social-share a {
color: #cccccc;
margin: 0 10px;
}
.single-product div.product .noo-social-share a:hover {
color: #79cba8;
}
.single-product div.product .commerce-tabs {
clear: both;
padding-top: 70px;
padding-bottom: 20px;
}
.single-product div.product .commerce-tabs ul.tabs {
padding: 0;
margin: 0;
}
.single-product div.product .commerce-tabs ul.tabs:before {
display: none;
}
.single-product div.product .commerce-tabs ul.tabs li {
-webkit-border-radius: 0;
border-radius: 0;
padding: 0;
margin: 0;
border: 0;
background-color: #f4eede;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.single-product div.product .commerce-tabs ul.tabs li:before,
.single-product div.product .commerce-tabs ul.tabs li:after {
display: none;
}
.single-product div.product .commerce-tabs ul.tabs li.active {
background-color: transparent;
}
.single-product div.product .commerce-tabs ul.tabs li.active a {
color: #696969;
}
.single-product div.product .commerce-tabs ul.tabs li:hover {
background-color: #79cba8;
}
.single-product div.product .commerce-tabs ul.tabs li:hover a {
color: #ffffff;
}
.single-product div.product .commerce-tabs ul.tabs li a {
font-weight: 500;
padding: 10px 30px;
text-transform: uppercase;
}
.single-product div.product .commerce-tabs .tab-pane {
border: 1px solid #f4eede;
padding: 30px;
margin: 0;
}
.single-product div.product .commerce-tabs .tab-pane #reviews #reply-title {
font-size: 18px;
}
.single-product div.product .commerce-tabs .tab-pane #comments {
margin: 0;
padding: 0;
border: 0;
}
.single-product div.product .commerce-tabs .tab-pane #comments > h2 {
font-size: 24px;
padding: 0;
margin: 12px 0 30px 0;
}
.single-product div.product .commerce-tabs .tab-pane #comments ol.commentlist li {
border-bottom: 1px solid #f4eede;
padding-bottom: 25px;
}
.single-product div.product .commerce-tabs .tab-pane #comments ol.commentlist li img.avatar {
width: 80px;
height: 80px;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 0;
background: #eeeff0;
padding: 5px;
top: 10px;
}
.single-product div.product .commerce-tabs .tab-pane #comments ol.commentlist li .comment-text {
padding-left: 60px;
border: 0;
}
.single-product div.product .commerce-tabs .tab-pane #comments ol.commentlist li .comment-text .meta {
color: #ababab;
font-size: 12px;
font-style: italic;
}
.single-product div.product .commerce-tabs .tab-pane #comments ol.commentlist li .comment-text .meta strong {
text-transform: uppercase;
font-size: 14px;
color: #212121;
font-style: normal;
display: block;
margin-bottom: 3px;
}
.single-product div.product .commerce-tabs .tab-pane #comments ol.commentlist li .comment-text .star-rating {
display: inline-block;
letter-spacing: 5px;
width: 105px;
margin: 0;
}
.single-product div.product .commerce-tabs .tab-pane #review_form_wrapper .comment-form-author,
.single-product div.product .commerce-tabs .tab-pane #review_form_wrapper .comment-form-email {
padding-right: 10px;
float: left;
width: 50%;
}
.single-product div.product .commerce-tabs .tab-pane #review_form_wrapper .comment-form-author label,
.single-product div.product .commerce-tabs .tab-pane #review_form_wrapper .comment-form-email label {
text-transform: uppercase;
display: block;
padding-bottom: 10px;
}
.single-product div.product .commerce-tabs .tab-pane #review_form_wrapper .comment-form-author label .required,
.single-product div.product .commerce-tabs .tab-pane #review_form_wrapper .comment-form-email label .required {
color: #f5a64a;
}
.single-product div.product .commerce-tabs .tab-pane #review_form_wrapper .comment-form-author input,
.single-product div.product .commerce-tabs .tab-pane #review_form_wrapper .comment-form-email input {
width: 100%;
height: 40px;
border: 1px solid #f4eede;
}
.single-product div.product .commerce-tabs .tab-pane #review_form_wrapper .comment-form-email {
padding-left: 10px;
}
.single-product div.product .commerce-tabs .tab-pane #review_form_wrapper .comment-form-comment label[for='comment'] {
text-transform: uppercase;
margin-bottom: 15px;
}
.single-product div.product .commerce-tabs .tab-pane #review_form_wrapper .comment-form-comment textarea {
min-height: 100px;
border: 1px solid #f4eede;
}
.single-product div.product .commerce-tabs .tab-pane #review_form_wrapper .form-submit {
margin: 20px 0;
}
.single-product div.product .commerce-tabs .tab-pane #review_form_wrapper .form-submit input {
padding: 0 30px;
height: 40px;
background: #79cba8;
font-size: 14px;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.single-product div.product .commerce-tabs .tab-pane #review_form_wrapper .form-submit input:hover {
background: #45b284;
color: #ffffff;
}
.single-product div.product .commerce-tabs #tab-noo_boxes_tab ul {
padding: 0;
margin: 0;
list-style: none;
}
.single-product div.product .commerce-tabs #tab-noo_boxes_tab ul li {
display: table;
width: 100%;
border-bottom: 1px dashed #f4eede;
}
.single-product div.product .commerce-tabs #tab-noo_boxes_tab ul li:first-child .box-item {
padding-top: 0;
}
.single-product div.product .commerce-tabs #tab-noo_boxes_tab ul li .box-item {
display: table-cell;
vertical-align: middle;
position: relative;
padding: 10px 0;
}
.single-product div.product .commerce-tabs #tab-noo_boxes_tab ul li .box-item:before,
.single-product div.product .commerce-tabs #tab-noo_boxes_tab ul li .box-item:after {
content: " ";
display: table;
}
.single-product div.product .commerce-tabs #tab-noo_boxes_tab ul li .box-item:after {
clear: both;
}
.single-product div.product .commerce-tabs #tab-noo_boxes_tab ul li .box-item:before,
.single-product div.product .commerce-tabs #tab-noo_boxes_tab ul li .box-item:after {
content: " ";
display: table;
}
.single-product div.product .commerce-tabs #tab-noo_boxes_tab ul li .box-item:after {
clear: both;
}
.single-product div.product .commerce-tabs #tab-noo_boxes_tab ul li .box-item img {
width: 70px;
margin: 0;
}
.single-product div.product .commerce-tabs #tab-noo_boxes_tab ul li .box-item strong {
text-transform: uppercase;
margin-left: 30px;
font-weight: 400;
color: #212121;
}
.single-product div.product .commerce-tabs #tab-noo_boxes_tab ul li .box-item span {
position: absolute;
right: 0;
top: 50%;
display: block;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.single-product div.product .commerce-tabs #tab-noo_boxes_tab .ds {
margin-top: 30px;
}
.single-product div.product .related {
clear: both;
padding-top: 50px;
}
.single-product div.product .related h2 {
padding-bottom: 15px;
font-size: 24px;
margin-top: 0;
}
.stars a {
color: #696969;
}
.stars a:hover {
color: #f5a64a;
}
/* === 7.4. CART === */
.commerce-cart table.cart {
border: 0;
margin: 0;
}
.commerce-cart table.cart th {
background: #79cba8;
border: 0;
font-size: 20px;
font-family: 'Pacifico', cursive;
color: #ffffff;
padding: 18px 0;
font-weight: 400;
}
.commerce-cart table.cart th.product-thumbnail {
padding-left: 30px;
width: 40%;
}
.commerce-cart table.cart th.product-price,
.commerce-cart table.cart th.product-quantity,
.commerce-cart table.cart th.product-subtotal {
width: 18.3%;
}
.commerce-cart table.cart th.product-remove {
width: 5.1%;
}
.commerce-cart table.cart td {
border-width: 0 0 1px 0;
border-style: solid;
border-color: #f4eede;
padding: 50px 0;
}
.commerce-cart table.cart td.product-thumbnail img {
width: 100px;
border: 1px solid #f4eede;
margin: 0;
}
.commerce-cart table.cart td.product-thumbnail a:last-child {
text-transform: uppercase;
padding-left: 35px;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.commerce-cart table.cart td.product-subtotal {
color: #212121;
}
.commerce-cart table.cart td.product-remove a {
color: red;
line-height: 20px;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.commerce-cart table.cart td.product-remove a:hover {
background: red;
color: #ffffff !important;
}
.commerce-cart table.cart td .quantity .qty {
height: 40px;
border: 1px solid #f4eede;
}
.commerce-cart table.cart .actions .coupon {
display: none;
}
.commerce-cart table.cart .actions .continue {
text-transform: uppercase;
display: inline-block;
background-color: #f4eede;
padding: 7px 15px;
float: left;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.commerce-cart table.cart .actions .continue:hover {
background: #79cba8;
color: #ffffff;
}
.commerce-page .cart-collaterals .cart_totals {
border: 1px dashed #f4eede;
padding: 30px;
margin-top: 70px;
}
.commerce-page .cart-collaterals .cart_totals > h2 {
font-size: 24px;
margin-bottom: 30px;
margin-top: 0;
}
.commerce-page .cart-collaterals .cart_totals table {
border: 0;
}
.commerce-page .cart-collaterals .cart_totals table th {
text-transform: uppercase;
font-weight: 400;
text-align: left;
}
.commerce-page .cart-collaterals .cart_totals table td,
.commerce-page .cart-collaterals .cart_totals table th {
border-width: 1px 0 0 0;
border-style: solid;
border-color: #f4eede;
padding: 15px 0;
}
.commerce-page .cart-collaterals .cart_totals table tr:first-child td,
.commerce-page .cart-collaterals .cart_totals table tr:first-child th {
border-width: 1px 0 0 0;
border-style: solid;
border-color: #f4eede;
}
.commerce-page .cart-collaterals .cart_totals table .order-total .amount {
color: #79cba8;
}
.commerce-page .cart-collaterals .cart_totals table .calc_shipping_country {
height: 40px;
border: 1px solid #f4eede;
}
.commerce-page .cart-collaterals .cart_totals table #calc_shipping_postcode_field input {
height: 40px;
padding: 10px;
border: 1px solid #f4eede;
width: 100%;
margin-top: 5px;
margin-bottom: 10px;
}
.commerce-page .cart-collaterals .cart_totals .wc-proceed-to-checkout {
padding: 0;
}
.commerce-page .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button {
background: #79cba8;
font-weight: 500;
font-size: 14px;
margin-bottom: 0;
}
.commerce-page .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button:hover {
background: #000000;
}
.commerce-page .cart-collaterals .noocart-coupon {
float: left;
width: 48%;
border: 1px dashed #f4eede;
padding: 30px;
margin-top: 70px;
}
.commerce-page .cart-collaterals .noocart-coupon label {
font-size: 24px;
margin-bottom: 10px;
margin-top: 0;
display: block;
font-family: 'Pacifico', cursive;
font-weight: 400;
color: #212121;
}
.commerce-page .cart-collaterals .noocart-coupon input {
height: 40px;
padding: 10px;
border: 1px solid #f4eede;
width: 100%;
margin-top: 10px;
}
.commerce-page .cart-collaterals .noocart-coupon button {
margin-top: 30px;
}
/* === 7.5.MY ACCOUNT === */
.commerce-account input.button {
display: inline-block;
padding: 8px 30px;
background: #79cba8;
font-weight: 400;
color: #ffffff;
text-align: center;
line-height: 24px;
text-transform: uppercase;
-webkit-border-radius: 0;
border-radius: 0;
margin-top: 20px;
}
.commerce-account input.button:hover,
.commerce-account input.button:focus {
background: #000000;
color: #ffffff;
}
.commerce-account input:not([type='submit']) {
display: block;
height: 40px;
border: 0;
width: 100%;
-webkit-border-radius: 0;
border-radius: 0;
font-style: normal;
padding: 0 10px;
}
.commerce-account input:not([type='submit']):before,
.commerce-account input:not([type='submit']):after {
content: " ";
display: table;
}
.commerce-account input:not([type='submit']):after {
clear: both;
}
.commerce-account input:not([type='submit']):before,
.commerce-account input:not([type='submit']):after {
content: " ";
display: table;
}
.commerce-account input:not([type='submit']):after {
clear: both;
}
.commerce-account #customer_login h2 {
padding: 0 0 0 37px;
margin: 0 0 34px 0;
color: #212121;
font-size: 24px;
position: relative;
}
.commerce-account #customer_login h2:before {
position: absolute;
left: 0;
top: 50%;
content: "\f090";
font-family: 'FontAwesome';
color: #79cba8;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 20px;
}
.commerce-account #customer_login .col-2 h2:before {
content: "\f25d";
}
.commerce-account form.register {
min-height: 352px;
}
.commerce-account h2,
.commerce-account h3 {
font-size: 24px;
margin-bottom: 25px;
}
.select2-drop-mask {
background: #989898;
}
.commerce form.lost_reset_password input {
border: 1px solid #f4eede;
}
.commerce form.login,
.commerce form.register {
border: 1px dashed #f4eede;
-webkit-border-radius: 0;
border-radius: 0;
}
.commerce form.login .form-row,
.commerce form.register .form-row {
margin-bottom: 15px;
}
.commerce form.login label,
.commerce form.register label,
.commerce form.login .lost_password,
.commerce form.register .lost_password {
margin: 0 0 10px 0;
padding: 0;
font-weight: 400;
text-transform: uppercase;
color: #212121;
}
.commerce form.login label[for='rememberme'],
.commerce form.register label[for='rememberme'] {
margin-left: 8px;
}
.commerce nav.commerce-pagination {
margin-top: 35px;
}
.commerce nav.commerce-pagination ul {
border: 0;
padding: 0;
}
.commerce nav.commerce-pagination ul li {
border: 0;
}
.commerce nav.commerce-pagination ul li a,
.commerce nav.commerce-pagination ul li span {
padding: 13px 15px;
border: 1px solid #f4eede;
font-weight: normal;
margin: 0 3px;
display: inline-block;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.commerce nav.commerce-pagination ul li a.current,
.commerce nav.commerce-pagination ul li span.current,
.commerce nav.commerce-pagination ul li a:hover,
.commerce nav.commerce-pagination ul li span:hover {
background-color: #79cba8;
border-color: #79cba8;
color: #ffffff;
}
.home
{
margin-top: -105px !important;
}
.tp-rightarrow, .tp-leftarrow
{
display: none;
}
.scroll_down
{
border-bottom: 1px solid #898989 !important;
color: #898989 !important;
font-weight: 600 !important;
}
.scroll_down:hover
{
background-color: #fff !important;
color: #000 !important;
}
.section_heading_h2
{
font-size: 40px;
font-family: Segoe_UI_Symbol_Regular;
font-weight: bold;
}
.section_heading_h2 span
{
color: #017b32;
}
/*********** CUSTOM ***********/
.all_air_filter
{
text-align: center;
margin-top: 30px;
}
.all_air_filter a
{
background-color: #007b33;
color: #fff;
padding: 15px;
border-radius: 2px;
font-weight: 600;
font-size: 16px;
}
.bg_nasa
{
background-image: url('../images/nasa.png');
background-repeat: no-repeat;
}
.blog-thumbnail1
{
}
.blog-thumbnail1 img {
position: relative;
top: 0px;
-webkit-transition: top .7s ease-in-out;
-moz-transition: top .7s ease-in-out;
-o-transition:top .7s ease-in-out;
transition:top .7s ease-in-out
}
.blog-thumbnail1 img:hover
{
top: -20px;
}
.title_description
{
font-size: 18px;
margin-top: 16px;
margin-bottom: 25px;
font-family: Segoe_UI;
color: #000;
color: rgb(52, 52, 52);
line-height: 1.883;
}
.best_nature
{
color: #fff;
font-family: Segoe_UI_Symbol_Regular !important;
font-size: 32px !important;
text-transform: capitalize !important;
font-weight: bold;
}
.best_nature_p
{
font-size: 18px;
padding-bottom: 30px;
line-height: 1.7;
font-family: Segoe_UI_Symbol_Regular;
}
.best_nature_p a
{
color: #fff;
font-size: 16px;
text-decoration: underline;
}
.plant_category
{
text-align: left;
}
.plant_category h5
{
font-family: Segoe_UI_Symbol_Regular !important;
color: #057932;
font-size: 18px;
font-weight: bold;
}
.plant_category h3
{
font-size: 100px;
font-family: Segoe_UI_Symbol_bold;
font-weight: bolder;
line-height: 1;
margin-top: 0;
}
.plant_category h3 span
{
color: #057932;
}
.plant_category p
{
color: #292929;
}
.orange
{
color: #eb5729 !important;
font-size: 22px !important;
font-family: Segoe_UI_Symbol_bold;
}
.parrot_green
{
color: #7ea032 !important;
font-size: 22px !important;
font-family: Segoe_UI_Symbol_bold;
}
.light_chocolate
{
color: #cebb9d !important;
font-size: 22px !important;
font-family: Segoe_UI_Symbol_bold;
}
.dark_orange
{
color: #d76936 !important;
font-size: 22px !important;
font-family: Segoe_UI_Symbol_bold;
}
.color_b
{
color: rgba(0, 0, 0, 0.64);
}
.color_b a
{
color: #057932;
}
.nasa
{
padding-top: 100px;
}
.go_green
{
padding-top: 25px;
}
.top_div
{
height:5px;
background-color: #007934;
width: 100%;
}
.viewing-page-2 .top_div, .viewing-page-3 .top_div, .viewing-page-4 .top_div, .viewing-page-5 .top_div
{
display: none !important;
}
.viewing-page-2 header, .viewing-page-3 header, .viewing-page-4 header, .viewing-page-5 header
{
display: none !important;
}
.go_green .blog-description
{
padding: 5px 10px 0px;
}
.go_green .best_nature_p
{
padding-bottom: 0;
}
.footer
{
padding-top: 100px;
}
.address
{
margin-top: 10%;
}
.address h3
{
font-family: Segoe_UI_Symbol_bold;
font-size: 26px;
margin-top: 40px;
}
.address p
{
font-size: 17px;
color: #000;
}
.address .contact
{
color: #007934;
font-size: 17px;
font-weight: bold;
font-family: Segoe_UI_Symbol_bold;
}
.footer_links
{
color: #007934;
font-size: 15px;
}
.footer_links a
{
color: #007934;
padding: 0 7px;
}
.copyrights
{
margin-top: 14%;
}
.copyrights h5
{
font-family: Segoe_UI_Symbol_Regular;
}
.copyrights h5
{
color: #007a33;
}
.copyrights h5 i
{
color: #ff0000;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover
{
color: #007a33 !important;
}
.onepage-pagination
{
display: none;
}
.fruit_top
{
margin-top: 70px;
}
@media(max-width: 1920px) and (min-width: 991px)
{
.sync2 .owl-item
{
width: 140px !important;
}
}
@media(max-width: 1368px)
{
.nasa {
padding-top: 22px;
}
.go_green {
padding-top: 10px;
}
.go_green .blog-item {
margin: 0px;
}
.go_green .plant_category h3
{
font-size: 92px;
line-height: 0.9;
}
.footer {
padding-top: 50px;
}
.copyrights {
margin-top: 7%;
}
}
@media(max-width: 1600px)
{
.nasa {
padding-top: 20px;
}
.go_green {
padding-top: 10px;
}
.go_green .blog-item {
margin: 0px;
}
.go_green .plant_category h3
{
font-size: 92px;
line-height: 0.9;
}
.all_air_filter
{
margin-top: 0px;
}
.fruit_top
{
margin-top: 40px;
}
.blog-item .blog-description h3
{
padding: 0px 3% 15px;
}
.footer {
padding-top: 60px;
}
.copyrights {
margin-top: 5%;
}
} |