@charset "UTF-8";
@charset "UTF-8";
@charset "utf-8";



article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
a {
background: transparent;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
mark {
background: #ff0;
color: #000;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
pre {
white-space: pre-wrap;
}
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
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: 0;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
}
button,
input {
line-height: normal;
}
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;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
@media print {
* {
text-shadow: none !important;
color: #000 !important;
background: transparent !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page  {
margin: 2cm .5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
select {
background: #fff !important;
}
.navbar {
display: none;
}
.table td,
.table th {
background-color: #fff !important;
}
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 62.5%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: sans-serif;
font-size: 13px;
line-height: 20px;
color: #555;
background-color: #ffffff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
text-decoration: none;
}
a:hover,
a:focus {
text-decoration: underline;
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
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 #ebebeb;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: sans-serif;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
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;
}
h1,
h2,
h3 {
margin-top: 20px;
margin-bottom: 10px;
}
h1 small,
h2 small,
h3 small,
h1 .small,
h2 .small,
h3 .small {
font-size: 65%;
}
h4,
h5,
h6 {
margin-top: 10px;
margin-bottom: 10px;
}
h4 small,
h5 small,
h6 small,
h4 .small,
h5 .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: 200;
line-height: 1.4;
}
@media (min-width: 768px) {
.lead {
font-size: 21px;
}
}
small,
.small {
font-size: 85%;
}
cite {
font-style: normal;
}
.text-muted {
color: #999999;
}
.text-primary:hover {
color: #3071a9;
}
.text-warning {
color: #8a6d3b;
}
.text-warning:hover {
color: #66512c;
}
.text-danger {
color: #a94442;
}
.text-danger:hover {
color: #843534;
}
.text-success {
color: #3c763d;
}
.text-success:hover {
color: #2b542c;
}
.text-info {
color: #31708f;
}
.text-info:hover {
color: #245269;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eeeeee;
}
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;
}
.list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
.list-inline > li:first-child {
padding-left: 0;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dt,
dd {
line-height: 20px;
}
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;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after {
content: " ";
display: table;
}
.dl-horizontal dd:after {
clear: both;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after {
content: " ";
display: table;
}
.dl-horizontal dd:after {
clear: both;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #999999;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
border-left: 5px solid #eeeeee;
}
blockquote p {
font-size: 17.5px;
font-weight: 300;
line-height: 1.25;
}
blockquote p:last-child {
margin-bottom: 0;
}
blockquote small,
blockquote .small {
display: block;
line-height: 1.428571429;
color: #999999;
}
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0';
}
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eeeeee;
border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small,
blockquote.pull-right .small {
text-align: right;
}
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
content: '';
}
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
content: "";
}
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;
white-space: nowrap;
border-radius: 0;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 12px;
line-height: 1.428571429;
word-break: break-all;
word-wrap: break-word;
color: #555;
background-color: #f5f5f5;
border: 1px solid #cccccc;
border-radius: 0;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.container:before,
.container:after {
content: " ";
display: table;
}
.container:after {
clear: both;
}
.container:before,
.container:after {
content: " ";
display: table;
}
.container:after {
clear: both;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.row:before,
.row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.row:before,
.row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666666666666%;
}
.col-xs-10 {
width: 83.33333333333334%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666666666666%;
}
.col-xs-7 {
width: 58.333333333333336%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666666666667%;
}
.col-xs-4 {
width: 33.33333333333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.666666666666664%;
}
.col-xs-1 {
width: 8.333333333333332%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666666666666%;
}
.col-xs-pull-10 {
right: 83.33333333333334%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666666666666%;
}
.col-xs-pull-7 {
right: 58.333333333333336%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666666666667%;
}
.col-xs-pull-4 {
right: 33.33333333333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.666666666666664%;
}
.col-xs-pull-1 {
right: 8.333333333333332%;
}
.col-xs-pull-0 {
right: 0%;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666666666666%;
}
.col-xs-push-10 {
left: 83.33333333333334%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666666666666%;
}
.col-xs-push-7 {
left: 58.333333333333336%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666666666667%;
}
.col-xs-push-4 {
left: 33.33333333333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.666666666666664%;
}
.col-xs-push-1 {
left: 8.333333333333332%;
}
.col-xs-push-0 {
left: 0%;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666666666666%;
}
.col-xs-offset-10 {
margin-left: 83.33333333333334%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666666666666%;
}
.col-xs-offset-7 {
margin-left: 58.333333333333336%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666666666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.666666666666664%;
}
.col-xs-offset-1 {
margin-left: 8.333333333333332%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666666666666%;
}
.col-sm-10 {
width: 83.33333333333334%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666666666666%;
}
.col-sm-7 {
width: 58.333333333333336%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666666666667%;
}
.col-sm-4 {
width: 33.33333333333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.666666666666664%;
}
.col-sm-1 {
width: 8.333333333333332%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666666666666%;
}
.col-sm-pull-10 {
right: 83.33333333333334%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666666666666%;
}
.col-sm-pull-7 {
right: 58.333333333333336%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666666666667%;
}
.col-sm-pull-4 {
right: 33.33333333333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.666666666666664%;
}
.col-sm-pull-1 {
right: 8.333333333333332%;
}
.col-sm-pull-0 {
right: 0%;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666666666666%;
}
.col-sm-push-10 {
left: 83.33333333333334%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666666666666%;
}
.col-sm-push-7 {
left: 58.333333333333336%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666666666667%;
}
.col-sm-push-4 {
left: 33.33333333333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.666666666666664%;
}
.col-sm-push-1 {
left: 8.333333333333332%;
}
.col-sm-push-0 {
left: 0%;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666666666666%;
}
.col-sm-offset-10 {
margin-left: 83.33333333333334%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666666666666%;
}
.col-sm-offset-7 {
margin-left: 58.333333333333336%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666666666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.666666666666664%;
}
.col-sm-offset-1 {
margin-left: 8.333333333333332%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666666666666%;
}
.col-md-10 {
width: 83.33333333333334%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666666666666%;
}
.col-md-7 {
width: 58.333333333333336%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666666666667%;
}
.col-md-4 {
width: 33.33333333333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.666666666666664%;
}
.col-md-1 {
width: 8.333333333333332%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666666666666%;
}
.col-md-pull-10 {
right: 83.33333333333334%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666666666666%;
}
.col-md-pull-7 {
right: 58.333333333333336%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666666666667%;
}
.col-md-pull-4 {
right: 33.33333333333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.666666666666664%;
}
.col-md-pull-1 {
right: 8.333333333333332%;
}
.col-md-pull-0 {
right: 0%;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666666666666%;
}
.col-md-push-10 {
left: 83.33333333333334%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666666666666%;
}
.col-md-push-7 {
left: 58.333333333333336%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666666666667%;
}
.col-md-push-4 {
left: 33.33333333333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.666666666666664%;
}
.col-md-push-1 {
left: 8.333333333333332%;
}
.col-md-push-0 {
left: 0%;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666666666666%;
}
.col-md-offset-10 {
margin-left: 83.33333333333334%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666666666666%;
}
.col-md-offset-7 {
margin-left: 58.333333333333336%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666666666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.666666666666664%;
}
.col-md-offset-1 {
margin-left: 8.333333333333332%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666666666666%;
}
.col-lg-10 {
width: 83.33333333333334%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666666666666%;
}
.col-lg-7 {
width: 58.333333333333336%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666666666667%;
}
.col-lg-4 {
width: 33.33333333333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.666666666666664%;
}
.col-lg-1 {
width: 8.333333333333332%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666666666666%;
}
.col-lg-pull-10 {
right: 83.33333333333334%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666666666666%;
}
.col-lg-pull-7 {
right: 58.333333333333336%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666666666667%;
}
.col-lg-pull-4 {
right: 33.33333333333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.666666666666664%;
}
.col-lg-pull-1 {
right: 8.333333333333332%;
}
.col-lg-pull-0 {
right: 0%;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666666666666%;
}
.col-lg-push-10 {
left: 83.33333333333334%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666666666666%;
}
.col-lg-push-7 {
left: 58.333333333333336%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666666666667%;
}
.col-lg-push-4 {
left: 33.33333333333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.666666666666664%;
}
.col-lg-push-1 {
left: 8.333333333333332%;
}
.col-lg-push-0 {
left: 0%;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666666666666%;
}
.col-lg-offset-10 {
margin-left: 83.33333333333334%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666666666666%;
}
.col-lg-offset-7 {
margin-left: 58.333333333333336%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666666666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.666666666666664%;
}
.col-lg-offset-1 {
margin-left: 8.333333333333332%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
fieldset {
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #555;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
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;
}
select[multiple],
select[size] {
height: auto;
}
select optgroup {
font-size: inherit;
font-style: inherit;
font-family: inherit;
}
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;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
height: auto;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
vertical-align: middle;
}
.form-control {
display: block;
width: 100%;
height: 32px;
padding: 6px 12px;
font-size: 13px;
line-height: 20px;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out .15s;
transition: border-color ease-in-out .15s;
}
.form-control:focus {
border-color: #959595;
outline: 0;
background-color: #fffeef;
-webkit-box-shadow: none;
box-shadow: none;
}
.form-control:-moz-placeholder {
color: #999999;
}
.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 {
cursor: not-allowed;
background-color: #eeeeee;
}
textarea.form-control {
height: auto;
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
display: block;
min-height: 20px;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 20px;
vertical-align: middle;
}
.radio label,
.checkbox label {
display: inline;
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"] {
float: left;
margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
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],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
select.input-sm {
height: 30px;
line-height: 30px;
}
textarea.input-sm {
height: auto;
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
}
select.input-lg {
height: 46px;
line-height: 46px;
}
textarea.input-lg {
height: auto;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
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-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
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-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
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;
}
.form-control-static {
margin-bottom: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
}
.form-inline select.form-control {
width: auto;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
float: none;
margin-left: 0;
}
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px;
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
content: " ";
display: table;
}
.form-horizontal .form-group:after {
clear: both;
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
content: " ";
display: table;
}
.form-horizontal .form-group:after {
clear: both;
}
.form-horizontal .form-control-static {
padding-top: 7px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: right;
}
}
.btn {
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px !important;
font-size: 13px !important;
text-transform: uppercase;
line-height: 20px !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
font-weight: 700;
border-radius: 0 !important;
}
.btn:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus {
color: #555;
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;
pointer-events: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-default {
color: #555;
background-color: #ffffff;
border-color: #cccccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
color: #555;
background-color: #ebebeb;
border-color: #adadad;
}
.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: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: #fff;
}
.btn-primary {
color: #ffffff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color: #ffffff;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary .badge {
background-color: #fff;
}
.btn-warning {
color: #ffffff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
color: #ffffff;
background-color: #ed9c28;
border-color: #d58512;
}
.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: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: #fff;
}
.btn-danger {
color: #ffffff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
color: #ffffff;
background-color: #d2322d;
border-color: #ac2925;
}
.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: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: #fff;
}
.btn-success {
color: #ffffff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
color: #ffffff;
background-color: #47a447;
border-color: #398439;
}
.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: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: #fff;
}
.btn-info {
color: #ffffff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
color: #ffffff;
background-color: #39b3d7;
border-color: #269abc;
}
.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: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: #fff;
}
.btn-link {
font-weight: normal;
cursor: pointer;
border-radius: 0;
}
.btn-link,
.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 {
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: #999999;
text-decoration: none;
}
.btn-lg {
padding: 10px 16px !important;
font-size: 18px !important;
line-height: 1.33 !important;
}
.btn-sm {
padding: 5px 10px !important;
font-size: 12px !important;
line-height: 1.5 !important;
}
.btn-xs {
padding: 1px 5px !important;
font-size: 12px !important;
line-height: 1.5 !important;
}
.btn-block {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #ffffff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
}
.label[href]:hover,
.label[href]:focus {
color: #ffffff;
text-decoration: none;
cursor: pointer;
}
.label:empty {
display: none;
}
.btn .label {
position: relative;
top: -1px;
}
.label-default {
background-color: #999999;
}
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #808080;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
background-color: #3071a9;
}
.label-success {
background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
background-color: #449d44;
}
.label-info {
background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
background-color: #31b0d5;
}
.label-warning {
background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
background-color: #ec971f;
}
.label-danger {
background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
background-color: #c9302c;
}
.tooltip {
position: absolute;
z-index: 1030;
display: block;
visibility: visible;
font-size: 12px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.9;
filter: alpha(opacity=90);
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #ffffff;
text-align: center;
text-decoration: none;
background-color: #000000;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
left: 5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
right: 5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
left: 5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
right: 5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.tooltip.fade.in {
opacity: 1;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
visibility: hidden !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-xs.visible-sm {
display: block !important;
}
table.visible-xs.visible-sm {
display: table;
}
tr.visible-xs.visible-sm {
display: table-row !important;
}
th.visible-xs.visible-sm,
td.visible-xs.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-xs.visible-md {
display: block !important;
}
table.visible-xs.visible-md {
display: table;
}
tr.visible-xs.visible-md {
display: table-row !important;
}
th.visible-xs.visible-md,
td.visible-xs.visible-md {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-xs.visible-lg {
display: block !important;
}
table.visible-xs.visible-lg {
display: table;
}
tr.visible-xs.visible-lg {
display: table-row !important;
}
th.visible-xs.visible-lg,
td.visible-xs.visible-lg {
display: table-cell !important;
}
}
.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
display: none !important;
}
@media (max-width: 767px) {
.visible-sm.visible-xs {
display: block !important;
}
table.visible-sm.visible-xs {
display: table;
}
tr.visible-sm.visible-xs {
display: table-row !important;
}
th.visible-sm.visible-xs,
td.visible-sm.visible-xs {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-sm.visible-md {
display: block !important;
}
table.visible-sm.visible-md {
display: table;
}
tr.visible-sm.visible-md {
display: table-row !important;
}
th.visible-sm.visible-md,
td.visible-sm.visible-md {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-sm.visible-lg {
display: block !important;
}
table.visible-sm.visible-lg {
display: table;
}
tr.visible-sm.visible-lg {
display: table-row !important;
}
th.visible-sm.visible-lg,
td.visible-sm.visible-lg {
display: table-cell !important;
}
}
.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
display: none !important;
}
@media (max-width: 767px) {
.visible-md.visible-xs {
display: block !important;
}
table.visible-md.visible-xs {
display: table;
}
tr.visible-md.visible-xs {
display: table-row !important;
}
th.visible-md.visible-xs,
td.visible-md.visible-xs {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-md.visible-sm {
display: block !important;
}
table.visible-md.visible-sm {
display: table;
}
tr.visible-md.visible-sm {
display: table-row !important;
}
th.visible-md.visible-sm,
td.visible-md.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-md.visible-lg {
display: block !important;
}
table.visible-md.visible-lg {
display: table;
}
tr.visible-md.visible-lg {
display: table-row !important;
}
th.visible-md.visible-lg,
td.visible-md.visible-lg {
display: table-cell !important;
}
}
.visible-lg,
tr.visible-lg,
th.visible-lg,
td.visible-lg {
display: none !important;
}
@media (max-width: 767px) {
.visible-lg.visible-xs {
display: block !important;
}
table.visible-lg.visible-xs {
display: table;
}
tr.visible-lg.visible-xs {
display: table-row !important;
}
th.visible-lg.visible-xs,
td.visible-lg.visible-xs {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-lg.visible-sm {
display: block !important;
}
table.visible-lg.visible-sm {
display: table;
}
tr.visible-lg.visible-sm {
display: table-row !important;
}
th.visible-lg.visible-sm,
td.visible-lg.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-lg.visible-md {
display: block !important;
}
table.visible-lg.visible-md {
display: table;
}
tr.visible-lg.visible-md {
display: table-row !important;
}
th.visible-lg.visible-md,
td.visible-lg.visible-md {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
.hidden-xs {
display: block !important;
}
table.hidden-xs {
display: table;
}
tr.hidden-xs {
display: table-row !important;
}
th.hidden-xs,
td.hidden-xs {
display: table-cell !important;
}
@media (max-width: 767px) {
.hidden-xs,
tr.hidden-xs,
th.hidden-xs,
td.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-xs.hidden-sm,
tr.hidden-xs.hidden-sm,
th.hidden-xs.hidden-sm,
td.hidden-xs.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-xs.hidden-md,
tr.hidden-xs.hidden-md,
th.hidden-xs.hidden-md,
td.hidden-xs.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-xs.hidden-lg,
tr.hidden-xs.hidden-lg,
th.hidden-xs.hidden-lg,
td.hidden-xs.hidden-lg {
display: none !important;
}
}
.hidden-sm {
display: block !important;
}
table.hidden-sm {
display: table;
}
tr.hidden-sm {
display: table-row !important;
}
th.hidden-sm,
td.hidden-sm {
display: table-cell !important;
}
@media (max-width: 767px) {
.hidden-sm.hidden-xs,
tr.hidden-sm.hidden-xs,
th.hidden-sm.hidden-xs,
td.hidden-sm.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm,
tr.hidden-sm,
th.hidden-sm,
td.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-sm.hidden-md,
tr.hidden-sm.hidden-md,
th.hidden-sm.hidden-md,
td.hidden-sm.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-sm.hidden-lg,
tr.hidden-sm.hidden-lg,
th.hidden-sm.hidden-lg,
td.hidden-sm.hidden-lg {
display: none !important;
}
}
.hidden-md {
display: block !important;
}
table.hidden-md {
display: table;
}
tr.hidden-md {
display: table-row !important;
}
th.hidden-md,
td.hidden-md {
display: table-cell !important;
}
@media (max-width: 767px) {
.hidden-md.hidden-xs,
tr.hidden-md.hidden-xs,
th.hidden-md.hidden-xs,
td.hidden-md.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-md.hidden-sm,
tr.hidden-md.hidden-sm,
th.hidden-md.hidden-sm,
td.hidden-md.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md,
tr.hidden-md,
th.hidden-md,
td.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-md.hidden-lg,
tr.hidden-md.hidden-lg,
th.hidden-md.hidden-lg,
td.hidden-md.hidden-lg {
display: none !important;
}
}
.hidden-lg {
display: block !important;
}
table.hidden-lg {
display: table;
}
tr.hidden-lg {
display: table-row !important;
}
th.hidden-lg,
td.hidden-lg {
display: table-cell !important;
}
@media (max-width: 767px) {
.hidden-lg.hidden-xs,
tr.hidden-lg.hidden-xs,
th.hidden-lg.hidden-xs,
td.hidden-lg.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-lg.hidden-sm,
tr.hidden-lg.hidden-sm,
th.hidden-lg.hidden-sm,
td.hidden-lg.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-lg.hidden-md,
tr.hidden-lg.hidden-md,
th.hidden-lg.hidden-md,
td.hidden-lg.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg,
tr.hidden-lg,
th.hidden-lg,
td.hidden-lg {
display: none !important;
}
}
.visible-print,
tr.visible-print,
th.visible-print,
td.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
.hidden-print,
tr.hidden-print,
th.hidden-print,
td.hidden-print {
display: none !important;
}
}
table {
max-width: 100%;
background-color: transparent;
}
th {
text-align: left;
} .table {
width: 100%;
margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 8px;
line-height: 1.428571429;
vertical-align: top;
border-top: 1px solid #ebebeb;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ebebeb;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table > tbody + tbody {
border-top: 2px solid #ebebeb;
}
.table .table {
background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
padding: 5px;
}
.table-bordered {
border: 1px solid #ebebeb;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #ebebeb;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 1px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
background-color: #f5f5f5;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
background-color: #f5f5f5;
}
table col[class*="col-"] {
position: static;
float: none;
display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
float: none;
display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc;
}
@media (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
overflow-x: scroll;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ebebeb;
-webkit-overflow-scrolling: touch;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
transition: height 0.35s ease;
}
@font-face {
font-family: 'Glyphicons Halflings Regular';
src: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/font-icons/glyphicons_halflings/fonts/glyphicons-halflings-regular.eot);
src: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/font-icons/glyphicons_halflings/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/font-icons/glyphicons_halflings/fonts/glyphicons-halflings-regular.woff) format('woff'), url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/font-icons/glyphicons_halflings/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/font-icons/glyphicons_halflings/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
font-weight: normal;
font-style: normal;
}
.halflings {
display: inline-block;
position: relative;
padding-left: 25px;
color: #1d1d1b;
text-decoration: none;
*display: inline;
*zoom: 1;
vertical-align: middle;
}
.halflings:before {
position: absolute;
left: 0;
top: 0;
display: inline-block;
margin: 0 5px 0 0;
font: 12px/1em 'Glyphicons Halflings Regular';
font-style: normal;
font-weight: normal;
color: #1d1d1b;
*display: inline;
*zoom: 1;
vertical-align: middle;
text-transform: none;
-webkit-font-smoothing: antialiased;
}
.halflings.glass:before {
content: "\E001";
}
.halflings.music:before {
content: "\E002";
}
.halflings.search:before {
content: "\E003";
}
.halflings.envelope:before {
content: "\2709";
}
.halflings.heart:before {
content: "\E005";
}
.halflings.star:before {
content: "\E006";
}
.halflings.star-empty:before {
content: "\E007";
}
.halflings.user:before {
content: "\E008";
}
.halflings.film:before {
content: "\E009";
}
.halflings.th-large:before {
content: "\E010";
}
.halflings.th:before {
content: "\E011";
}
.halflings.th-list:before {
content: "\E012";
}
.halflings.ok:before {
content: "\E013";
}
.halflings.remove:before {
content: "\E014";
}
.halflings.zoom-in:before {
content: "\E015";
}
.halflings.zoom-out:before {
content: "\E016";
}
.halflings.off:before {
content: "\E017";
}
.halflings.signal:before {
content: "\E018";
}
.halflings.cog:before {
content: "\E019";
}
.halflings.trash:before {
content: "\E020";
}
.halflings.home:before {
content: "\E021";
}
.halflings.file:before {
content: "\E022";
}
.halflings.time:before {
content: "\E023";
}
.halflings.road:before {
content: "\E024";
}
.halflings.download-alt:before {
content: "\E025";
}
.halflings.download:before {
content: "\E026";
}
.halflings.upload:before {
content: "\E027";
}
.halflings.inbox:before {
content: "\E028";
}
.halflings.play-circle:before {
content: "\E029";
}
.halflings.repeat:before {
content: "\E030";
}
.halflings.refresh:before {
content: "\E031";
}
.halflings.list-alt:before {
content: "\E032";
}
.halflings.lock:before {
content: "\1F512";
}
.halflings.flag:before {
content: "\E034";
}
.halflings.headphones:before {
content: "\E035";
}
.halflings.volume-off:before {
content: "\E036";
}
.halflings.volume-down:before {
content: "\E037";
}
.halflings.volume-up:before {
content: "\E038";
}
.halflings.qrcode:before {
content: "\E039";
}
.halflings.barcode:before {
content: "\E040";
}
.halflings.tag:before {
content: "\E041";
}
.halflings.tags:before {
content: "\E042";
}
.halflings.book:before {
content: "\E043";
}
.halflings.bookmark:before {
content: "\1F516";
}
.halflings.print:before {
content: "\E045";
}
.halflings.camera:before {
content: "\1F4F7";
}
.halflings.font:before {
content: "\E047";
}
.halflings.bold:before {
content: "\E048";
}
.halflings.italic:before {
content: "\E049";
}
.halflings.text-height:before {
content: "\E050";
}
.halflings.text-width:before {
content: "\E051";
}
.halflings.align-left:before {
content: "\E052";
}
.halflings.align-center:before {
content: "\E053";
}
.halflings.align-right:before {
content: "\E054";
}
.halflings.align-justify:before {
content: "\E055";
}
.halflings.list:before {
content: "\E056";
}
.halflings.indent-left:before {
content: "\E057";
}
.halflings.indent-right:before {
content: "\E058";
}
.halflings.facetime-video:before {
content: "\E059";
}
.halflings.picture:before {
content: "\E060";
}
.halflings.pencil:before {
content: "\270F";
}
.halflings.map-marker:before {
content: "\E062";
}
.halflings.adjust:before {
content: "\E063";
}
.halflings.tint:before {
content: "\E064";
}
.halflings.edit:before {
content: "\E065";
}
.halflings.share:before {
content: "\E066";
}
.halflings.check:before {
content: "\E067";
}
.halflings.move:before {
content: "\E068";
}
.halflings.step-backward:before {
content: "\E069";
}
.halflings.fast-backward:before {
content: "\E070";
}
.halflings.backward:before {
content: "\E071";
}
.halflings.play:before {
content: "\E072";
}
.halflings.pause:before {
content: "\E073";
}
.halflings.stop:before {
content: "\E074";
}
.halflings.forward:before {
content: "\E075";
}
.halflings.fast-forward:before {
content: "\E076";
}
.halflings.step-forward:before {
content: "\E077";
}
.halflings.eject:before {
content: "\E078";
}
.halflings.chevron-left:before {
content: "\E079";
}
.halflings.chevron-right:before {
content: "\E080";
}
.halflings.plus-sign:before {
content: "\E081";
}
.halflings.minus-sign:before {
content: "\E082";
}
.halflings.remove-sign:before {
content: "\E083";
}
.halflings.ok-sign:before {
content: "\E084";
}
.halflings.question-sign:before {
content: "\E085";
}
.halflings.info-sign:before {
content: "\E086";
}
.halflings.screenshot:before {
content: "\E087";
}
.halflings.remove-circle:before {
content: "\E088";
}
.halflings.ok-circle:before {
content: "\E089";
}
.halflings.ban-circle:before {
content: "\E090";
}
.halflings.arrow-left:before {
content: "\E091";
}
.halflings.arrow-right:before {
content: "\E092";
}
.halflings.arrow-up:before {
content: "\E093";
}
.halflings.arrow-down:before {
content: "\E094";
}
.halflings.share-alt:before {
content: "\E095";
}
.halflings.resize-full:before {
content: "\E096";
}
.halflings.resize-small:before {
content: "\E097";
}
.halflings.plus:before {
content: "\002B";
}
.halflings.minus:before {
content: "\2212";
}
.halflings.asterisk:before {
content: "\002A";
}
.halflings.exclamation-sign:before {
content: "\E101";
}
.halflings.gift:before {
content: "\E102";
}
.halflings.leaf:before {
content: "\E103";
}
.halflings.fire:before {
content: "\1F525";
}
.halflings.eye-open:before {
content: "\E105";
}
.halflings.eye-close:before {
content: "\E106";
}
.halflings.warning-sign:before {
content: "\E107";
}
.halflings.plane:before {
content: "\E108";
}
.halflings.calendar:before {
content: "\1F4C5";
}
.halflings.random:before {
content: "\E110";
}
.halflings.comments:before {
content: "\E111";
}
.halflings.magnet:before {
content: "\E112";
}
.halflings.chevron-up:before {
content: "\E113";
}
.halflings.chevron-down:before {
content: "\E114";
}
.halflings.retweet:before {
content: "\E115";
}
.halflings.shopping-cart:before {
content: "\E116";
}
.halflings.folder-close:before {
content: "\E117";
}
.halflings.folder-open:before {
content: "\E118";
}
.halflings.resize-vertical:before {
content: "\E119";
}
.halflings.resize-horizontal:before {
content: "\E120";
}
.halflings.hdd:before {
content: "\E121";
}
.halflings.bullhorn:before {
content: "\E122";
}
.halflings.bell:before {
content: "\1F514";
}
.halflings.certificate:before {
content: "\E124";
}
.halflings.thumbs-up:before {
content: "\E125";
}
.halflings.thumbs-down:before {
content: "\E126";
}
.halflings.hand-right:before {
content: "\E127";
}
.halflings.hand-left:before {
content: "\E128";
}
.halflings.hand-top:before {
content: "\E129";
}
.halflings.hand-down:before {
content: "\E130";
}
.halflings.circle-arrow-right:before {
content: "\E131";
}
.halflings.circle-arrow-left:before {
content: "\E132";
}
.halflings.circle-arrow-top:before {
content: "\E133";
}
.halflings.circle-arrow-down:before {
content: "\E134";
}
.halflings.globe:before {
content: "\E135";
}
.halflings.wrench:before {
content: "\1F527";
}
.halflings.tasks:before {
content: "\E137";
}
.halflings.filter:before {
content: "\E138";
}
.halflings.briefcase:before {
content: "\1F4BC";
}
.halflings.fullscreen:before {
content: "\E140";
}
.halflings.dashboard:before {
content: "\E141";
}
.halflings.paperclip:before {
content: "\1F4CE";
}
.halflings.heart-empty:before {
content: "\E143";
}
.halflings.link:before {
content: "\E144";
}
.halflings.phone:before {
content: "\E145";
}
.halflings.pushpin:before {
content: "\1F4CC";
}
.halflings.euro:before {
content: "\20AC";
}
.halflings.usd:before {
content: "\E148";
}
.halflings.gbp:before {
content: "\E149";
}
.halflings.sort:before {
content: "\E150";
}
.halflings.sort-by-alphabet:before {
content: "\E151";
}
.halflings.sort-by-alphabet-alt:before {
content: "\E152";
}
.halflings.sort-by-order:before {
content: "\E153";
}
.halflings.sort-by-order-alt:before {
content: "\E154";
}
.halflings.sort-by-attributes:before {
content: "\E155";
}
.halflings.sort-by-attributes-alt:before {
content: "\E156";
}
.halflings.unchecked:before {
content: "\E157";
}
.halflings.expand:before {
content: "\E158";
}
.halflings.collapse1:before {
content: "\E159";
}
.halflings.collapse-top:before {
content: "\E160";
}
.halflings.log_in:before {
content: "\E161";
}
.halflings.flash:before {
content: "\E162";
}
.halflings.log_out:before {
content: "\E163";
}
.halflings.new_window:before {
content: "\E164";
}
.halflings.record:before {
content: "\E165";
}
.halflings.save:before {
content: "\E166";
}
.halflings.open:before {
content: "\E167";
}
.halflings.saved:before {
content: "\E168";
}
.halflings.import:before {
content: "\E169";
}
.halflings.export:before {
content: "\E170";
}
.halflings.send:before {
content: "\E171";
}
.halflings.floppy_disk:before {
content: "\E172";
}
.halflings.floppy_saved:before {
content: "\E173";
}
.halflings.floppy_remove:before {
content: "\E174";
}
.halflings.floppy_save:before {
content: "\E175";
}
.halflings.floppy_open:before {
content: "\E176";
}
.halflings.credit_card:before {
content: "\E177";
}
.halflings.transfer:before {
content: "\E178";
}
.halflings.cutlery:before {
content: "\E179";
}
.halflings.header:before {
content: "\E180";
}
.halflings.compressed:before {
content: "\E181";
}
.halflings.earphone:before {
content: "\E182";
}
.halflings.phone_alt:before {
content: "\E183";
}
.halflings.tower:before {
content: "\E184";
}
.halflings.stats:before {
content: "\E185";
}
.halflings.sd_video:before {
content: "\E186";
}
.halflings.hd_video:before {
content: "\E187";
}
.halflings.subtitles:before {
content: "\E188";
}
.halflings.sound_stereo:before {
content: "\E189";
}
.halflings.sound_dolby:before {
content: "\E190";
}
.halflings.sound_5_1:before {
content: "\E191";
}
.halflings.sound_6_1:before {
content: "\E192";
}
.halflings.sound_7_1:before {
content: "\E193";
}
.halflings.copyright_mark:before {
content: "\E194";
}
.halflings.registration_mark:before {
content: "\E195";
}
.halflings.cloud:before {
content: "\2601";
}
.halflings.cloud_download:before {
content: "\E197";
}
.halflings.cloud_upload:before {
content: "\E198";
}
.halflings.tree_conifer:before {
content: "\E199";
}
.halflings.tree_deciduous:before {
content: "\E200";
}
.halflings.white:before {
color: #fff;
}
.halflings-icon-list ul{
padding: 0;
list-style: none;
}
.halflings-icon-list ul li {
position: relative;
padding-left: 20px;
color: #555;
text-decoration: none;
*display: inline;
*zoom: 1;
vertical-align: middle;
}
.halflings-icon-list.featured ul li{
padding-bottom: 5px;
padding-top: 5px;
}
.halflings-icon-list ul li:before {
position: absolute;
left: 0;
top: 0;
display: inline-block;
margin: 0;
font: 12px/20px 'Glyphicons Halflings Regular';
font-style: normal;
font-weight: normal;
color: #555;
*display: inline;
*zoom: 1;
vertical-align: middle;
text-transform: none;
-webkit-font-smoothing: antialiased;
}
.halflings-icon-list.featured ul li:before{
top: 5px;
}
.halflings-icon-list.glass ul li:before {
content: "\E001";
}
.halflings-icon-list.music ul li:before {
content: "\E002";
}
.halflings-icon-list.search ul li:before {
content: "\E003";
}
.halflings-icon-list.envelope ul li:before {
content: "\2709";
}
.halflings-icon-list.heart ul li:before {
content: "\E005";
}
.halflings-icon-list.star ul li:before {
content: "\E006";
}
.halflings-icon-list.star-empty ul li:before {
content: "\E007";
}
.halflings-icon-list.user ul li:before {
content: "\E008";
}
.halflings-icon-list.film ul li:before {
content: "\E009";
}
.halflings-icon-list.th-large ul li:before {
content: "\E010";
}
.halflings-icon-list.th ul li:before {
content: "\E011";
}
.halflings-icon-list.th-list ul li:before {
content: "\E012";
}
.halflings-icon-list.ok ul li:before {
content: "\E013";
}
.halflings-icon-list.remove ul li:before {
content: "\E014";
}
.halflings-icon-list.zoom-in ul li:before {
content: "\E015";
}
.halflings-icon-list.zoom-out ul li:before {
content: "\E016";
}
.halflings-icon-list.off ul li:before {
content: "\E017";
}
.halflings-icon-list.signal ul li:before {
content: "\E018";
}
.halflings-icon-list.cog ul li:before {
content: "\E019";
}
.halflings-icon-list.trash ul li:before {
content: "\E020";
}
.halflings-icon-list.home ul li:before {
content: "\E021";
}
.halflings-icon-list.file ul li:before {
content: "\E022";
}
.halflings-icon-list.time ul li:before {
content: "\E023";
}
.halflings-icon-list.road ul li:before {
content: "\E024";
}
.halflings-icon-list.download-alt ul li:before {
content: "\E025";
}
.halflings-icon-list.download ul li:before {
content: "\E026";
}
.halflings-icon-list.upload ul li:before {
content: "\E027";
}
.halflings-icon-list.inbox ul li:before {
content: "\E028";
}
.halflings-icon-list.play-circle ul li:before {
content: "\E029";
}
.halflings-icon-list.repeat ul li:before {
content: "\E030";
}
.halflings-icon-list.refresh ul li:before {
content: "\E031";
}
.halflings-icon-list.list-alt ul li:before {
content: "\E032";
}
.halflings-icon-list.lock ul li:before {
content: "\1F512";
}
.halflings-icon-list.flag ul li:before {
content: "\E034";
}
.halflings-icon-list.headphones ul li:before {
content: "\E035";
}
.halflings-icon-list.volume-off ul li:before {
content: "\E036";
}
.halflings-icon-list.volume-down ul li:before {
content: "\E037";
}
.halflings-icon-list.volume-up ul li:before {
content: "\E038";
}
.halflings-icon-list.qrcode ul li:before {
content: "\E039";
}
.halflings-icon-list.barcode ul li:before {
content: "\E040";
}
.halflings-icon-list.tag ul li:before {
content: "\E041";
}
.halflings-icon-list.tags ul li:before {
content: "\E042";
}
.halflings-icon-list.book ul li:before {
content: "\E043";
}
.halflings-icon-list.bookmark ul li:before {
content: "\1F516";
}
.halflings-icon-list.print ul li:before {
content: "\E045";
}
.halflings-icon-list.camera ul li:before {
content: "\1F4F7";
}
.halflings-icon-list.font ul li:before {
content: "\E047";
}
.halflings-icon-list.bold ul li:before {
content: "\E048";
}
.halflings-icon-list.italic ul li:before {
content: "\E049";
}
.halflings-icon-list.text-height ul li:before {
content: "\E050";
}
.halflings-icon-list.text-width ul li:before {
content: "\E051";
}
.halflings-icon-list.align-left ul li:before {
content: "\E052";
}
.halflings-icon-list.align-center ul li:before {
content: "\E053";
}
.halflings-icon-list.align-right ul li:before {
content: "\E054";
}
.halflings-icon-list.align-justify ul li:before {
content: "\E055";
}
.halflings-icon-list.list ul li:before {
content: "\E056";
}
.halflings-icon-list.indent-left ul li:before {
content: "\E057";
}
.halflings-icon-list.indent-right ul li:before {
content: "\E058";
}
.halflings-icon-list.facetime-video ul li:before {
content: "\E059";
}
.halflings-icon-list.picture ul li:before {
content: "\E060";
}
.halflings-icon-list.pencil ul li:before {
content: "\270F";
}
.halflings-icon-list.map-marker ul li:before {
content: "\E062";
}
.halflings-icon-list.adjust ul li:before {
content: "\E063";
}
.halflings-icon-list.tint ul li:before {
content: "\E064";
}
.halflings-icon-list.edit ul li:before {
content: "\E065";
}
.halflings-icon-list.share ul li:before {
content: "\E066";
}
.halflings-icon-list.check ul li:before {
content: "\E067";
}
.halflings-icon-list.move ul li:before {
content: "\E068";
}
.halflings-icon-list.step-backward ul li:before {
content: "\E069";
}
.halflings-icon-list.fast-backward ul li:before {
content: "\E070";
}
.halflings-icon-list.backward ul li:before {
content: "\E071";
}
.halflings-icon-list.play ul li:before {
content: "\E072";
}
.halflings-icon-list.pause ul li:before {
content: "\E073";
}
.halflings-icon-list.stop ul li:before {
content: "\E074";
}
.halflings-icon-list.forward ul li:before {
content: "\E075";
}
.halflings-icon-list.fast-forward ul li:before {
content: "\E076";
}
.halflings-icon-list.step-forward ul li:before {
content: "\E077";
}
.halflings-icon-list.eject ul li:before {
content: "\E078";
}
.halflings-icon-list.chevron-left ul li:before {
content: "\E079";
}
.halflings-icon-list.chevron-right ul li:before {
content: "\E080";
}
.halflings-icon-list.plus-sign ul li:before {
content: "\E081";
}
.halflings-icon-list.minus-sign ul li:before {
content: "\E082";
}
.halflings-icon-list.remove-sign ul li:before {
content: "\E083";
}
.halflings-icon-list.ok-sign ul li:before {
content: "\E084";
}
.halflings-icon-list.question-sign ul li:before {
content: "\E085";
}
.halflings-icon-list.info-sign ul li:before {
content: "\E086";
}
.halflings-icon-list.screenshot ul li:before {
content: "\E087";
}
.halflings-icon-list.remove-circle ul li:before {
content: "\E088";
}
.halflings-icon-list.ok-circle ul li:before {
content: "\E089";
}
.halflings-icon-list.ban-circle ul li:before {
content: "\E090";
}
.halflings-icon-list.arrow-left ul li:before {
content: "\E091";
}
.halflings-icon-list.arrow-right ul li:before {
content: "\E092";
}
.halflings-icon-list.arrow-up ul li:before {
content: "\E093";
}
.halflings-icon-list.arrow-down ul li:before {
content: "\E094";
}
.halflings-icon-list.share-alt ul li:before {
content: "\E095";
}
.halflings-icon-list.resize-full ul li:before {
content: "\E096";
}
.halflings-icon-list.resize-small ul li:before {
content: "\E097";
}
.halflings-icon-list.plus ul li:before {
content: "\002B";
}
.halflings-icon-list.minus ul li:before {
content: "\2212";
}
.halflings-icon-list.asterisk ul li:before {
content: "\002A";
}
.halflings-icon-list.exclamation-sign ul li:before {
content: "\E101";
}
.halflings-icon-list.gift ul li:before {
content: "\E102";
}
.halflings-icon-list.leaf ul li:before {
content: "\E103";
}
.halflings-icon-list.fire ul li:before {
content: "\1F525";
}
.halflings-icon-list.eye-open ul li:before {
content: "\E105";
}
.halflings-icon-list.eye-close ul li:before {
content: "\E106";
}
.halflings-icon-list.warning-sign ul li:before {
content: "\E107";
}
.halflings-icon-list.plane ul li:before {
content: "\E108";
}
.halflings-icon-list.calendar ul li:before {
content: "\1F4C5";
}
.halflings-icon-list.random ul li:before {
content: "\E110";
}
.halflings-icon-list.comments ul li:before {
content: "\E111";
}
.halflings-icon-list.magnet ul li:before {
content: "\E112";
}
.halflings-icon-list.chevron-up ul li:before {
content: "\E113";
}
.halflings-icon-list.chevron-down ul li:before {
content: "\E114";
}
.halflings-icon-list.retweet ul li:before {
content: "\E115";
}
.halflings-icon-list.shopping-cart ul li:before {
content: "\E116";
}
.halflings-icon-list.folder-close ul li:before {
content: "\E117";
}
.halflings-icon-list.folder-open ul li:before {
content: "\E118";
}
.halflings-icon-list.resize-vertical ul li:before {
content: "\E119";
}
.halflings-icon-list.resize-horizontal ul li:before {
content: "\E120";
}
.halflings-icon-list.hdd ul li:before {
content: "\E121";
}
.halflings-icon-list.bullhorn ul li:before {
content: "\E122";
}
.halflings-icon-list.bell ul li:before {
content: "\1F514";
}
.halflings-icon-list.certificate ul li:before {
content: "\E124";
}
.halflings-icon-list.thumbs-up ul li:before {
content: "\E125";
}
.halflings-icon-list.thumbs-down ul li:before {
content: "\E126";
}
.halflings-icon-list.hand-right ul li:before {
content: "\E127";
}
.halflings-icon-list.hand-left ul li:before {
content: "\E128";
}
.halflings-icon-list.hand-top ul li:before {
content: "\E129";
}
.halflings-icon-list.hand-down ul li:before {
content: "\E130";
}
.halflings-icon-list.circle-arrow-right ul li:before {
content: "\E131";
}
.halflings-icon-list.circle-arrow-left ul li:before {
content: "\E132";
}
.halflings-icon-list.circle-arrow-top ul li:before {
content: "\E133";
}
.halflings-icon-list.circle-arrow-down ul li:before {
content: "\E134";
}
.halflings-icon-list.globe ul li:before {
content: "\E135";
}
.halflings-icon-list.wrench ul li:before {
content: "\1F527";
}
.halflings-icon-list.tasks ul li:before {
content: "\E137";
}
.halflings-icon-list.filter ul li:before {
content: "\E138";
}
.halflings-icon-list.briefcase ul li:before {
content: "\1F4BC";
}
.halflings-icon-list.fullscreen ul li:before {
content: "\E140";
}
.halflings-icon-list.dashboard ul li:before {
content: "\E141";
}
.halflings-icon-list.paperclip ul li:before {
content: "\1F4CE";
}
.halflings-icon-list.heart-empty ul li:before {
content: "\E143";
}
.halflings-icon-list.link ul li:before {
content: "\E144";
}
.halflings-icon-list.phone ul li:before {
content: "\E145";
}
.halflings-icon-list.pushpin ul li:before {
content: "\1F4CC";
}
.halflings-icon-list.euro ul li:before {
content: "\20AC";
}
.halflings-icon-list.usd ul li:before {
content: "\E148";
}
.halflings-icon-list.gbp ul li:before {
content: "\E149";
}
.halflings-icon-list.sort ul li:before {
content: "\E150";
}
.halflings-icon-list.sort-by-alphabet ul li:before {
content: "\E151";
}
.halflings-icon-list.sort-by-alphabet-alt ul li:before {
content: "\E152";
}
.halflings-icon-list.sort-by-order ul li:before {
content: "\E153";
}
.halflings-icon-list.sort-by-order-alt ul li:before {
content: "\E154";
}
.halflings-icon-list.sort-by-attributes ul li:before {
content: "\E155";
}
.halflings-icon-list.sort-by-attributes-alt ul li:before {
content: "\E156";
}
.halflings-icon-list.unchecked ul li:before {
content: "\E157";
}
.halflings-icon-list.expand ul li:before {
content: "\E158";
}
.halflings-icon-list.collapse1 ul li:before {
content: "\E159";
}
.halflings-icon-list.collapse-top ul li:before {
content: "\E160";
}
.halflings-icon-list.log_in ul li:before {
content: "\E161";
}
.halflings-icon-list.flash ul li:before {
content: "\E162";
}
.halflings-icon-list.log_out ul li:before {
content: "\E163";
}
.halflings-icon-list.new_window ul li:before {
content: "\E164";
}
.halflings-icon-list.record ul li:before {
content: "\E165";
}
.halflings-icon-list.save ul li:before {
content: "\E166";
}
.halflings-icon-list.open ul li:before {
content: "\E167";
}
.halflings-icon-list.saved ul li:before {
content: "\E168";
}
.halflings-icon-list.import ul li:before {
content: "\E169";
}
.halflings-icon-list.export ul li:before {
content: "\E170";
}
.halflings-icon-list.send ul li:before {
content: "\E171";
}
.halflings-icon-list.floppy_disk ul li:before {
content: "\E172";
}
.halflings-icon-list.floppy_saved ul li:before {
content: "\E173";
}
.halflings-icon-list.floppy_remove ul li:before {
content: "\E174";
}
.halflings-icon-list.floppy_save ul li:before {
content: "\E175";
}
.halflings-icon-list.floppy_open ul li:before {
content: "\E176";
}
.halflings-icon-list.credit_card ul li:before {
content: "\E177";
}
.halflings-icon-list.transfer ul li:before {
content: "\E178";
}
.halflings-icon-list.cutlery ul li:before {
content: "\E179";
}
.halflings-icon-list.header ul li:before {
content: "\E180";
}
.halflings-icon-list.compressed ul li:before {
content: "\E181";
}
.halflings-icon-list.earphone ul li:before {
content: "\E182";
}
.halflings-icon-list.phone_alt ul li:before {
content: "\E183";
}
.halflings-icon-list.tower ul li:before {
content: "\E184";
}
.halflings-icon-list.stats ul li:before {
content: "\E185";
}
.halflings-icon-list.sd_video ul li:before {
content: "\E186";
}
.halflings-icon-list.hd_video ul li:before {
content: "\E187";
}
.halflings-icon-list.subtitles ul li:before {
content: "\E188";
}
.halflings-icon-list.sound_stereo ul li:before {
content: "\E189";
}
.halflings-icon-list.sound_dolby ul li:before {
content: "\E190";
}
.halflings-icon-list.sound_5_1 ul li:before {
content: "\E191";
}
.halflings-icon-list.sound_6_1 ul li:before {
content: "\E192";
}
.halflings-icon-list.sound_7_1 ul li:before {
content: "\E193";
}
.halflings-icon-list.copyright_mark ul li:before {
content: "\E194";
}
.halflings-icon-list.registration_mark ul li:before {
content: "\E195";
}
.halflings-icon-list.cloud ul li:before {
content: "\2601";
}
.halflings-icon-list.cloud_download ul li:before {
content: "\E197";
}
.halflings-icon-list.cloud_upload ul li:before {
content: "\E198";
}
.halflings-icon-list.tree_conifer ul li:before {
content: "\E199";
}
.halflings-icon-list.tree_deciduous ul li:before {
content: "\E200";
}
.picons_social .icon{
display: block;
width: 30px;
height: 40px;
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-001_forrst.png);
background-repeat: no-repeat;
background-position: 3px 8px;
}
.picons_social .forrst{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-001_forrst.png);
}
.picons_social .dribbble{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-002_dribbble.png);
}
.picons_social .twitter{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-003_twitter.png);
}
.picons_social .flickr{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-004_flickr.png);
}
.picons_social .twitter-1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-005_twitter.png);
}
.picons_social .facebook{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-006_facebook.png);
}
.picons_social .skype{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-007_skype.png);
}
.picons_social .digg{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-008_digg.png);
}
.picons_social .google{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-009_google.png);
}
.picons_social .html5{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-010_html5.png);
}
.picons_social .linkedin{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-011_linkedin.png);
}
.picons_social .last_fm{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-012_last_fm.png);
}
.picons_social .vimeo{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-013_vimeo.png);
}
.picons_social .yahoo{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-014_yahoo.png);
}
.picons_social .tumblr{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-015_tumblr.png);
}
.picons_social .apple{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-016_apple.png);
}
.picons_social .windows{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-017_windows.png);
}
.picons_social .youtube{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-018_youtube.png);
}
.picons_social .delicious{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-019_delicious.png);
}
.picons_social .rss{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-020_rss.png);
}
.picons_social .picasa{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-021_picasa.png);
}
.picons_social .deviantart{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-022_deviantart.png);
}
.picons_social .technorati{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-023_technorati.png);
}
.picons_social .stumbleupon{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-024_stumbleupon.png);
}
.picons_social .blogger{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-025_blogger.png);
}
.picons_social .wordpress{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-026_wordpress.png);
}
.picons_social .amazon{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-027_amazon.png);
}
.picons_social .appstore{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-028_appstore.png);
}
.picons_social .paypal{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-029_paypal.png);
}
.picons_social .myspace{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-030_myspace.png);
}
.picons_social .dropbox{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-031_dropbox.png);
}
.picons_social .windows8{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-032_windows8.png);
}
.picons_social .pinterest{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-033_pinterest.png);
}
.picons_social .soundcloud{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-034_soundcloud.png);
}
.picons_social .google_drive{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-035_google_drive.png);
}
.picons_social .android{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-036_android.png);
}
.picons_social .behance{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-037_behance.png);
}
.picons_social .instagram{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-038_instagram.png);
}
.picons_social .ebay{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-039_ebay.png);
}
.picons_social .google_plus{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-040_google_plus.png);
}
.picons_social .forrst1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-041_forrst.png);
}
.picons_social .dribbble1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-042_dribbble.png);
}
.picons_social .twitter1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-043_twitter.png);
}
.picons_social .flickr1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-044_flickr.png);
}
.picons_social .twitter-11{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-045_twitter.png);
}
.picons_social .facebook1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-046_facebook.png);
}
.picons_social .skype1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-047_skype.png);
}
.picons_social .digg1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-048_digg.png);
}
.picons_social .google1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-049_google.png);
}
.picons_social .html51{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-050_html5.png);
}
.picons_social .linkedin1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-051_linkedin.png);
}
.picons_social .last_fm1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-052_last_fm.png);
}
.picons_social .vimeo1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-053_vimeo.png);
}
.picons_social .yahoo1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-054_yahoo.png);
}
.picons_social .tumblr1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-055_tumblr.png);
}
.picons_social .apple1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-056_apple.png);
}
.picons_social .windows1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-057_windows.png);
}
.picons_social .youtube1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-058_youtube.png);
}
.picons_social .delicious1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-059_delicious.png);
}
.picons_social .rss1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-060_rss.png);
}
.picons_social .picasa1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-061_picasa.png);
}
.picons_social .deviantart1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-062_deviantart.png);
}
.picons_social .technorati1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-063_technorati.png);
}
.picons_social .stumbleupon1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-064_stumbleupon.png);
}
.picons_social .blogger1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-065_blogger.png);
}
.picons_social .wordpress1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-066_wordpress.png);
}
.picons_social .amazon1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-067_amazon.png);
}
.picons_social .appstore1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-068_appstore.png);
}
.picons_social .paypal1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-069_paypal.png);
}
.picons_social .myspace1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-070_myspace.png);
}
.picons_social .dropbox1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-071_dropbox.png);
}
.picons_social .windows81{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-072_windows8.png);
}
.picons_social .pinterest1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-073_pinterest.png);
}
.picons_social .soundcloud1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-074_soundcloud.png);
}
.picons_social .google_drive1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-075_google_drive.png);
}
.picons_social .android1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-076_android.png);
}
.picons_social .behance1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-077_behance.png);
}
.picons_social .instagram1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-078_instagram.png);
}
.picons_social .ebay1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-079_ebay.png);
}
.picons_social .google_plus1{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img-icons/picons_social/social-080_google_plus.png);
}
#main{
position: relative;
z-index: 1;
background-color: #fff;
}
.boxed #header,
.boxed #title-breadcrumb,
.boxed #main,
.boxed #footer{
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.boxed #header,
.boxed #title-breadcrumb,
.boxed #main,
.boxed #footer{
width: 780px;
}
}
@media (min-width: 992px) {
.boxed #header,
.boxed #title-breadcrumb,
.boxed #main,
.boxed #footer{
width: 1000px;
}	
}
@media (min-width: 1200px) {
.boxed #header,
.boxed #title-breadcrumb,
.boxed #main,
.boxed #footer{
width: 1200px;
}	
}
embed,
iframe,
object,
video {
max-width: 100%;
}
.sidebar{
margin-bottom: 60px;
}
.single-product .sidebar{
margin-bottom: 20px;
}
.single-product .left-sidebar-template .page-content .product,
.left-sidebar-template .page-content{
float: right !important;
}
@media (max-width: 767px) {
.left-sidebar-template .page-content .product,
.left-sidebar-template .page-content{
float: none !important;
}	
}
.inner-page{
padding-top: 40px;
}
.post-type-archive-product .inner-page,
.tax-product_cat .inner-page,
.tax-product_tag .inner-page{
padding-top: 20px;
}
.no-shop-title.inner-page{
padding-top: 0;
}
.page-content{
margin-bottom: 40px;
}
.no-margin-element{
margin-bottom: 0 !important;
}
.deco-sep-line-200{
height: 3px;
width: 200px;
display: inline-block;
background-color: rgba(0,0,0,0.2);
margin: 13px 0 4px;
}
.deco-sep-line-150{
height: 3px;
width: 150px;
display: inline-block;
background-color: rgba(0,0,0,0.2);
margin: 13px 0 4px;
}
.deco-sep-line-100{
height: 3px;
width: 100px;
display: inline-block;
background-color: rgba(0,0,0,0.2);
margin: 13px 0 4px;
}
.deco-sep-line-50{
height: 3px;
width: 50px;
display: inline-block;
background-color: rgba(0,0,0,0.2);
margin: 13px 0 4px;
}
.dark_bg .deco-sep-line-50,
.dark_bg .deco-sep-line-100,
.dark_bg .deco-sep-line-150,
.dark_bg .deco-sep-line-200{
background-color: rgba(255,255,255,0.2);
}
.menu-item .label{
margin: 0 0 0 5px;
padding: 0.1em 0.4em 0.15em;
}
.lpd-heading-title{
font-size: 16px;
font-weight: 900;
text-transform: uppercase;
position: relative;
line-height: 20px;
font-family: inherit;
margin: 20px 0;
}
.lpd-heading-title:before{
content: "";
top: 10px;
left: 0;
position: absolute;
height: 1px;
width: 100%;
display: block;
background: #ebebeb;
z-index: 1;
}
.lpd-heading-title span{
display: table;
margin: 0 auto;
padding: 0 10px;
background-color: #fff;
position: relative;
z-index: 9;
}
.lpd-heading-title span.left{
margin: 0 auto 0 10px;
} .lpd-video-responsive{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
margin-bottom: 20px;
height:0;
}
.lpd-video-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
.lpd-halflings-icon{
display: inline-block;
height: 20px;
width: 20px;
line-height: 20px;
padding-left: 20px;
vertical-align: top;
}
.lpd-halflings-icon:before{
color: #555;
top: 3px;
}
.meta-block .lpd-halflings-icon:before{
color: inherit;
} .menu3dmega.skin-456ecology{
background-color:transparent;
border-left: none;
border-top: none;
border-right: none;
border-bottom: none;
}
.menu3dmega.skin-456ecology > ul > li.no-link:hover{
background-color:transparent;
}
.menu3dmega.skin-456ecology > ul ul li > a:hover{
color:#555;
}
#header{
position: relative;
z-index: 2;
background-color: #fff;
}
.header-top{
min-height: 40px;
background-color: #ebebeb;
}
.header-top .picons_social{
float: left;
margin-right: 10px;
}
.picons_social{
height: 40px;
}
.picons_social .icon{
display: inline-block;
opacity: 0.66;
filter: alpha(opacity=50);
-webkit-transition: all .15s;
-moz-transition: all .15s;
-o-transition: all .15s;
transition: all .15s;
}
.picons_social .icon:hover{
opacity: 0.75;
filter: alpha(opacity=75);
}
.footer-meta .social-media{
vertical-align: top;
}
.footer-meta .picons_social{
float: left;
}
.meta-menu{
display: block;
padding: 10px 0;
margin: 0;
}
.meta-menu a{
color: #555;
}
.left-meta-menu{
float: left;
}
.right-meta-menu{
float: left;
margin-left: -5px;
}
.left-meta-menu li:first-child{
padding-left: 0;
}
.meta-menu li:first-child{
border-left: none;
}
.meta-menu li{
display: inline-block;
padding: 0 5px;
border-left: 1px solid #ccc;
}
.custom-meta{
padding: 10px 0;
}
.left-custom-meta{
float: left;
}
.right-custom-meta{
float: left;
}
@media (min-width: 992px) {
.right-meta-menu{
float: right;
margin-left: 0;
margin-right: -5px;
}
.right-custom-meta{
float: right;
}
.header-top .picons_social{
float: right;
margin-left: 10px;
margin-right: 0;
}
}
.header-middle{
position: relative;
z-index: 2;
padding: 10px 0;
}
@media (min-width: 992px) {
.header-middle{
padding: 20px 0;
}
}
#logo{
display: table;
margin: 0 auto;
padding: 10px 0;
text-align: center;
}
@media (min-width: 992px) {
#logo{
float: left;
margin: 0;
padding: 0 40px 0 0;
display: table-cell;
text-align: inherit;
}	
}
#logo h1{
margin: 0;
line-height: 40px;
}
#logo h5{
margin: 0;
line-height: 20px;
}
.header-middle-search{
display: table;
margin: 0 auto;
padding: 10px 0;
}
@media (min-width: 768px) and (max-width: 991px) {
.header-middle-search.visible-xs.visible-sm{
display: table !important;
}
}
@media (max-width: 767px) {
.visible-sm.visible-xs {
display: table !important;
}
}
@media (min-width: 992px) {
.header-middle-search{
float: right;
margin: 10px 0 0 20px;
display: table-cell;
}
}
.header-middle-search form{
padding: 4px 0;
}
.header-middle-search input{
width: 190px;
display: inline-block;
vertical-align: top;
}
.header-middle-search input:focus{}
.header-middle-search .search-btn{
display: inline-block;
width: 32px;
height: 32px;
vertical-align: top;
border: none;
-webkit-border-radius:16px;
-moz-border-radius:16px;
border-radius:16px;
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/basic1-015_search_zoom_find_white.png);
background-position: 8px;
background-repeat: no-repeat;
}
.header-middle .picons_social{
display: table;
margin: 0 auto;
}
@media (min-width: 992px) {
.header-middle .picons_social{
float: right;
margin: 0;
height: 60px;
display: table-cell;
padding: 20px 0 10px;
}
}
.header-content-wrap{
text-align: center;
padding: 10px 0;
}
@media (min-width: 992px) {
.header-content-wrap{
text-align: inherit;
padding: 0;
}
}
.header-content{
vertical-align: top;
display: inline-block;
text-align: left;
}
@media (min-width: 992px) {
.header-content{
padding: 0 39px 0 20px;
}
}
.custom-header-container.header-content,
.delivery.header-content{
margin-left: 20px;
}
@media (min-width: 992px) {
.custom-header-container.header-content,
.delivery.header-content{
margin-left: 0px;
}	
}
.phone-work-hours.header-content{
padding-left: 0;
}
.phone-work-hours td{
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
vertical-align: top;
}
.phone-work-hours td.phone-numbers{
padding-left: 60px;
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/basic2-191_phone_call.png);
background-repeat: no-repeat;
background-position: 18px 24px;
border-left: 1px solid #ebebeb;
}
.phone-work-hours td.first-work-hours{
padding-left: 60px;
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/basic3-038_open.png);
background-repeat: no-repeat;
background-position: 18px 24px;
border-left: 1px solid #ebebeb;
}
.work-hours{
color: #959595;
}
.work-hours.first-work-hours{
color: inherit;
}
.header-content a{
color: #555;
}
.custom-header-container,
.delivery{
padding-top: 20px !important;
padding-bottom: 20px !important;
border-left: 1px solid #ebebeb;
}
.delivery{
padding-left: 60px !important;
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/basic3-023_delivery_service_transport.png);
background-repeat: no-repeat;
background-position: 18px 24px;
}
@media only screen and (min-width: 320px) and (max-width: 479px){
.phone-numbers, .phone-work-hours tr{
display: block;
}
.custom-header-container, .delivery,
.phone-work-hours td.work-hours,
.phone-work-hours td.first-work-hours,
.phone-work-hours td.phone-numbers{
border-left: none;
border-top: 1px solid #ebebeb;
}
.delivery{
display:table;
margin: 0 auto !important;
} 
}
.header-middle-logo-center .header-content-wrap{
display: block;
float: none;
width: 100%;
}
@media (min-width: 992px) {
.header-middle-logo-center .header-content-wrap{
float: left;
width: 40%;	
}	
}
.header-middle-logo-center #logo{
display: block;
float: none;
width: 100%;
text-align: center;
}
@media (min-width: 992px) {
.header-middle-logo-center #logo{
float: left;
width: 20%;
margin: 0;
padding: 0;
}	
}
.header-middle-logo-center .header-content{
}
.header-middle-logo-center .header-middle-logo-center-right-conteiner{
display: block;
float: none;
width: 100%;	
}
@media (min-width: 992px) {
.header-middle-logo-center .header-middle-logo-center-right-conteiner{
float: left;
width: 40%;	
}
}
.header-middle-logo-center .phone-work-hours{
margin-left: -20px;
}
.header-middle-logo-center .phone-work-hours td:first-child{
border: none;
}
.header-bottom-search{
position: relative;
z-index: 2;
}
.header-search{
display: block;
position: relative;
}
.header-search a.search-icon{
display: block;
position: relative;
float: right;
width: 40px;
height: 40px;
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/basic1-015_search_zoom_find.png) !important;
background-position: 8px !important;
background-repeat: no-repeat !important;
opacity: 0.66;
filter: alpha(opacity=66);
-webkit-transition: all .15s;
-moz-transition: all .15s;
-o-transition: all .15s;
transition: all .15s;
}
.header-search a.search-icon:hover{
opacity: 1;
filter: alpha(opacity=100);
}
.search-icon.sep-line:before{
content: "";
top: 10px;
right: 0;
position: absolute;
height: 20px;
width: 1px;
display: block;
background: #ebebeb;
z-index: 1;
}
.search-dropdown{
position: absolute;
top: 40px;
display: block;
visibility: hidden;
float: left;
width: 100%;
height: 40px;
background-clip: padding-box;
color: black;
opacity: 0.5;
filter: alpha(opacity=50);
}
.search-dropdown-full-width{
margin: 0 -15px;
height: 40px;
background-color: rgba(255,255,255,0.5);
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.boxed .search-dropdown-full-width{
margin: 0 -30px !important;
}
.active-dropdown .search-dropdown,
.header-search:hover .search-dropdown{
opacity: 1;
filter: alpha(opacity=100);
top: 40px;
visibility: visible;
}
.search-dropdown form input{
text-align: center;
border: none;
height: 40px;
padding: 10px;
background-color: rgba(255,255,255,0.75);
font-size: 14px;
}
.search-dropdown form input.form-control:focus {
background-color: rgba(255,254,239,0.75);
}
.header-bottom{
min-height: 40px;
width: 100%;
position: relative !important;
z-index: 1;
}
.header-bottom-wrap{
width: 100%;
top: -40px;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.15s ease-in 0s; 
-moz-transition: all 0.15s ease-in 0s; 
-o-transition: all 0.15s ease-in 0s; 
transition: all 0.15s ease-in 0s;
}
.header-bottom-wrap.affix {
position: inherit;
}
@media (min-width: 768px) {
.header-bottom-wrap.affix {
position: fixed;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
}
.admin-bar .header-bottom-wrap.affix {
padding-top: 32px;
}
.affix .header-bottom-wrap.affix{
top: 0;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
}
#title-breadcrumb{
padding: 40px 0 0;
text-align: center;
background-color: #fff;
}
#title-breadcrumb h2{
font-size: 30px;
font-weight: 900;
text-transform:  uppercase;
line-height: 40px;
margin: 0;
letter-spacing: 0.5px;
}
#title-breadcrumb .sep-border{
height: 40px;
border-bottom: 1px solid #ebebeb;
}
.lpd_breadcrumb{
line-height: 40px;
font-size: 14px;
}
.lpd_breadcrumb a{
color: #555;
text-decoration: underline;
}
.lpd_breadcrumb a:hover{
text-decoration: none;
} .footer-top{
background-color: #fafafa;
border-top: 1px solid #ebebeb;
padding: 30px 0 0;
}
.footer{
background-color: #5b6265;
}
.footer.dark-theme{
color: #fff;
}
.footer-bottom{
background-color: #393e40;
}
.footer-bottom.dark-theme{
color: rgba(255,255,255,0.9);
}
#footer .footer-meta .item{
margin: 20px 0;
}
#footer .footer-meta{
color: rgba(255,255,255,0.9);
font-size: 16px;
}
@media (min-width: 992px) {
#footer .footer-meta .item{
text-align: center;
border-left: 1px solid rgba(255,255,255,0.5);
}
#footer .footer-meta .col-md-3:first-child .item{
border: none;
}
#footer .footer-meta .col-md-4:first-child .item{
border: none;
}
#footer .footer-meta .col-md-6:first-child .item{
border: none;
}
#footer .footer-meta .col-md-12:first-child .item{
border: none;
}
}
#footer .footer-meta .social-media{
margin: 10px 0;
}
#footer .footer-meta .sm_label{
float: left;
padding: 10px 5px 10px 0;
}
#footer .footer-meta .item .label{
font-size: 12px;
margin: 0 5px;
line-height: 20px;
padding: 2px 5px;
}
@media (min-width: 992px) {
.payment-methods{
text-align: right;
}
}
.payment-methods img{
max-height: 50px;
width: auto;
display: inline-block;
margin: 20px 0;
}
.footer_logo{
display: block;
float: left;
margin-right: 0;
padding-top: 20px;
margin-bottom: 20px;
}
.footer-m-copyright{
margin: 20px 0;
padding: 0 0 0 20px;
display: block;
float: left;
border-left: 1px solid #e1e1e1;
}
.dark-theme .footer-m-copyright{
color: rgba(255,255,255,0.6);
border-left: 1px solid rgba(255,255,255,0.2);
}
.dark-theme .footer-m-copyright a{
color: rgba(255,255,255,0.9);
-webkit-transition: all .15s;
-moz-transition: all .15s;
-o-transition: all .15s;
transition: all .15s;
}
.dark-theme .footer-m-copyright a:hover{
color: rgba(255,255,255,0.6);
text-decoration: none;
}
.footer-m-copyright.no-footer-logo{
padding: 0;
border-left: none;
}
.footer-menu{
padding: 0;
margin: 0;
}
.footer-menu li{
display: inline-block;
font-weight: 700;
border-left: 1px solid #e1e1e1;
}
.dark-theme .footer-menu li{
border-left: 1px solid rgba(255,255,255,0.2);
}
.footer-menu li a{
padding: 0 8px;
}
.footer-menu li:first-child{
border: none;
}
.footer-menu li:first-child a{
padding-left: 0;
}
p.copyright{
margin-bottom: 10px;
}
.footer{
padding: 40px 0 0;
} .more-link{
display: block;
margin-top: 10px;
}
.page-thumbnail{
margin-bottom: 20px;
}
.blog-pagination{
margin-top: 20px;
}
.blog-pagination{
margin-left: -5px;
}
.blog-pagination a{
margin: 0 5px;
}
.blog-post{
margin-top: 40px;
}
.blog-post:first-child{
margin-top: 0;
}
.blog-post-title{
margin-top: 10px;
}
.blog-post-title a{
color: #555;
}
.blog-post-taxo{
margin: 10px 0;
color: #959595;
}
.blog-post-taxo ul li,
.blog-post-taxo ul{
display: inline-block;
padding: 0;
margin: 0;
}
.blog-post-taxo ul:first-child{
margin-right: 10px;
}
.blog-post-content{
margin-bottom: 20px;
}
.blog-post-meta{
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
padding: 9px 0;
}
.single-post-meta a,
.blog-post-meta a{
display: inline-block;
position: relative;
color: #555;
margin-left: 10px;
padding-left: 25px;
background-position: 0 2px; 
background-repeat: no-repeat;
}
.single-post-meta a.date,
.blog-post-meta a.date{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/basic2-028_clock_watch_timer.png);
}
.single-post-meta a.comment,
.blog-post-meta a.comment{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/basic2-001_comment_bubble_chat.png);
}
.single-post-meta a.author,
.blog-post-meta a.author{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/basic2-102_user_people_business_man.png);
}
.single-post-meta a:first-child,
.blog-post-meta a:first-child{
margin-left: 0;
}
.single-post-meta{
margin-bottom: 10px;
}
.comment-title,
.comment-reply-title{
font-size: 18px;
margin: 0 0 10px 0;
padding: 10px 0;
position: relative;
}
#comments{
margin-top: 40px;
}
.comment-container{
position: relative;
left: -3px;
margin-bottom: 20px;
background-color: #fff;
border: 1px solid #ebebeb;
}
.comment-title{
}
.comment-post{
position: relative;
left: 4px;
top: -4px;
background-color: #fff;
border: 1px solid #e1e1e1;
padding: 20px 20px 10px;
}
.comment-post div.avatar{
float: left;
padding: 2px;
background: #fff;
border: 1px solid #ebebeb;
}
.comment-post img{
display: block;
}
.comment-post .author{
margin-left: 80px;
}
.comment-content,
.comment-post p{
float: left;
}
.comment-content{
width: 100%;
}
.comment-content p{
float: none;
}
.comment-author{
float: left;
font-weight: 900;
text-transform: uppercase;
color: #555;
margin-bottom: 10px;
}
.comment-info{
float: right;
color: #959595;
margin-bottom: 10px;
}
.comment-info a{
border-left: 1px solid #ebebeb;
padding-left: 5px;
margin-left: 5px;
}
.comment-post.reply{
background: none;
border: none;
}
#comments #respond{
padding: 20px;
}
.comment-container .comment-container{
left: 0;
margin: 0;
background: none;
border: none;
}
.comment-container .comment-container .comment-post{
background: none;
border: none;
}
.no-content-matched,
.moderation{
color: #d9534f;
}
@media (min-width: 768px) {
#commentform input{
width: 33%;
}
#commentform textarea{
width: 66%;
}
#pp_full_res #commentform textarea{
width: 100%;
}
#commentform input.btn{
width: inherit;
}
} .portfolio-post-details ul{
padding: 0;
margin: 0 0 20px;
border-top: 1px dotted #ccc;
}
.portfolio-post-details ul li{
list-style: none;
border-bottom: 1px dotted #ccc;
line-height: 40px;
}
.portfolio-post-details ul li strong{
min-width: 100px;
display: inline-block;
}
.post_content{
margin-bottom: 20px;
} .about-post-details{
padding-top: 20px;
height: inherit;	
}
.about-post-details ul{
padding: 0;
margin: 0;
border-top: 1px dotted #ccc;
}
.about-post-details ul li{
list-style: none;
border-bottom: 1px dotted #ccc;
line-height: 40px;
}
.about-post-details ul li .icon{
display: block;
padding-left: 40px;
}
.about-post-details.picons_social .icon{
width: 100%;
}
.about-post-details.picons_social .icon.custom-icon{
background-position: 0 4px;
} .widget .title{
font-size: 13px;
font-weight: 900;
line-height: 20px;
text-transform: uppercase;
}
.widget{
margin-bottom: 40px;
}
.widget select,
.widget .textwidget img{
max-width: 98.5%;
}
.widget.widget_rss ul li a,
.widget.widget_pages ul li a,
.widget.widget_nav_menu ul li a,
.widget.widget_login ul li a,
.widget.widget_meta ul li a,
.widget.widget_categories ul li a,
.widget.widget_archive ul li a,
.widget.widget_recent_comments ul li a,
.widget.widget_recent_entries ul li a{
color: #555;
-webkit-transition: all .15s;
-moz-transition: all .15s;
-o-transition: all .15s;
transition: all .15s;
}
.footer.dark-theme .widget.widget_rss ul li a,
.footer.dark-theme .widget.widget_pages ul li a,
.footer.dark-theme .widget.widget_nav_menu ul li a,
.footer.dark-theme .widget.widget_login ul li a,
.footer.dark-theme .widget.widget_meta ul li a,
.footer.dark-theme .widget.widget_categories ul li a,
.footer.dark-theme .widget.widget_archive ul li a,
.footer.dark-theme .widget.widget_recent_comments ul li a,
.footer.dark-theme .widget.widget_recent_entries ul li a{
color: #fff;
}
.widget_product_search .screen-reader-text,
.widget_search .screen-reader-text{
display: block;
}
.widget_product_search .form-control,
.widget_search .form-control{
display: inline-block;
width: 65%
}
.footer.dark-theme .widget_product_search .form-control,
.footer.dark-theme .widget_search .form-control{
border-color: white;
}
.widget ul{
padding: 0;
list-style: none;
}
.widget.widget_rss ul li,
.widget.widget_pages ul li,
.widget.widget_nav_menu ul li,
.widget.widget_login ul li,
.widget.widget_meta ul li,
.widget.widget_categories ul li,
.widget.widget_archive ul li,
.widget.widget_recent_comments ul li,
.widget.widget_recent_entries ul li{
padding: 10px 0;
border-bottom: 1px solid #ebebeb;
position: relative;
}
.footer.dark-theme .widget.widget_rss ul li,
.footer.dark-theme .widget.widget_pages ul li,
.footer.dark-theme .widget.widget_nav_menu ul li,
.footer.dark-theme .widget.widget_login ul li,
.footer.dark-theme .widget.widget_meta ul li,
.footer.dark-theme .widget.widget_categories ul li,
.footer.dark-theme .widget.widget_archive ul li,
.footer.dark-theme .widget.widget_recent_comments ul li,
.footer.dark-theme .widget.widget_recent_entries ul li{
border-color: rgba(255,255,255,0.1);
}
.footer .widget.widget_rss ul li,
.footer .widget.widget_pages ul li,
.footer .widget.widget_nav_menu ul li,
.footer .widget.widget_login ul li,
.footer .widget.widget_meta ul li,
.footer .widget.widget_categories ul li,
.footer .widget.widget_archive ul li,
.footer .widget.widget_recent_comments ul li,
.footer .widget.widget_recent_entries ul li{
border-bottom: 1px solid #d7d7d7;
}
.widget.widget_pages ul li a:before,
.widget.widget_nav_menu ul li a:before,
.widget.widget_login ul li a:before,
.widget.widget_meta ul li a:before,
.widget.widget_categories ul li a:before,
.widget.widget_archive ul li a:before,
.widget.widget_recent_comments ul li a:before,
.widget.widget_recent_entries ul li a:before{
content: "→";
top: 10px;
right: 0;
position: absolute;
height: 20px;
width: 13px;
display: inline-block;
z-index: 1;
color: #ccc;
font-style: normal;
font-weight: normal;
*display: inline;
*zoom: 1;
vertical-align: middle;
text-transform: none;
-webkit-font-smoothing: antialiased;
-webkit-transition: all .15s;
-moz-transition: all .15s;
-o-transition: all .15s;
transition: all .15s;
}
.widget.widget_rss ul ul,
.widget.widget_pages ul ul,
.widget.widget_nav_menu ul ul,
.widget.widget_login ul ul,
.widget.widget_meta ul ul,
.widget.widget_categories ul ul,
.widget.widget_archive ul ul,
.widget.widget_recent_comments ul ul{
padding: 5px 0 5px 10px;
margin: 10px 0 0;
}
.widget.widget_rss ul ul li,
.widget.widget_pages ul ul li,
.widget.widget_nav_menu ul ul li,
.widget.widget_login ul ul li,
.widget.widget_meta ul ul li,
.widget.widget_categories ul ul li,
.widget.widget_archive ul ul li,
.widget.widget_recent_comments ul ul li,
.widget.widget_recent_entries ul ul li{
padding: 5px 0 5px 5px;
border: none;
font-size: 95%;
list-style: square inside;
}
.widget_rss .title .rsswidget{
color: #555;
text-decoration: none !important;
}
.footer.dark-theme .widget_rss .title .rsswidget{
color: #fff;
}
.tagcloud a,
.tags a{
display: inline-block;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
padding: 2px 5px;
color: #555;
border: 1px solid #ccc;
margin-bottom: 10px;
margin-right: 10px;
font-weight: 700;
-webkit-transition: all 0.1s ease-in-out 0s;  
-moz-transition: all 0.1s ease-in-out 0s;  
-o-transition: all 0.1s ease-in-out 0s;  
-ms-transition: all 0.1s ease-in-out 0s;  
transition: all 0.1s ease-in-out 0s;  
}
.tagcloud a:hover,
.tags a:hover{
color: #fff;
}
.footer.dark-theme .tagcloud a,
.footer.dark-theme .tags a{
color: #fff;
}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 12px; }
#wp-calendar thead th { padding-bottom: 10px;text-align: center; }
#wp-calendar tbody { color: #959595; border: none;}
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none !important; border: none;}
#wp-calendar tfoot #next { font-size: 12px; text-transform: uppercase; text-align: right;}
#wp-calendar tfoot #prev { font-size: 12px; text-transform: uppercase; padding-top: 10px;}
#wp-calendar tfoot #next a { font-weight: 700; }
#wp-calendar tfoot #prev a { font-weight: 700; } .lpd-portfolio-item{
text-align: center;
margin-bottom: 20px !important;
background-color: #fff;
}
.lpd-portfolio-item .content{
border: 1px solid #ebebeb;
padding-top: 40px;
}
.lpd-portfolio-item .content.no-thumbnail{
padding-top: 20px;
}
.lpd-portfolio-item .title{
font-size: 18px
}
.lpd-portfolio-item .deco-sep-line-50{
margin: 1px 0 8px;
background-color: rgba(0,0,0,0.1);
}
.lpd-portfolio-item .title a{
color: #555;
}
.lpd-portfolio-item .column .post_content{
padding: 0 10px 20px;
color: #959595;
}
.widget-meta{
border-top: 1px solid #ebebeb;
}
.widget-meta .portfolio-categories,
.widget-meta .author-data,
.widget-meta .news-meta{
width: 50%;
float: left;
padding: 10px 0;
}
.widget-meta .author-data.no-cat-data{
width: 100%;
border: none;
}
.widget-meta .author-data{
border-right: 1px solid #ebebeb;
}
.author-data a{
padding-left: 23px;
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/basic2-102_user_people_business_man.png);
background-repeat: no-repeat;
}
.news-meta a{
padding-left: 21px;
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/basic2-028_clock_watch_timer.png);
background-repeat: no-repeat;
}
.portfolio-categories a:first-child{
padding-left: 22px;
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/basic2-091_map.png);
background-repeat: no-repeat;
}
.effect-thumb{
position: relative;
display: block;
}
.mega-icon-bg{
position: absolute;
left: 50%;
bottom: -30px;
width: 60px;
height: 60px;
margin-left: -30px;
background: red;
display: block;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.mega-icon-photo{
position: absolute;
left: 50%;
bottom: -30px;
width: 60px;
height: 60px;
margin-left: -30px;
display: block;
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/basic2-198_photos_camera.png);
background-repeat: no-repeat;
background-position: 14px 12px;
}
.mega-icon-video{
position: absolute;
left: 50%;
bottom: -30px;
width: 60px;
height: 60px;
margin-left: -30px;
display: block;
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/basic2-141_movie.png);
background-repeat: no-repeat;
background-position: 14px 12px;
}
.mega-icon-link{
position: absolute;
left: 50%;
bottom: -30px;
width: 60px;
height: 60px;
margin-left: -30px;
display: block;
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/basic2-297_url_link_address.png);
background-repeat: no-repeat;
background-position: 14px 14px;
} .working-time ul{
list-style: none;
padding: 0;
}
.working-time ul li{
border: none;
padding: 5px; 
}
.working-time ul li a{
text-decoration: underline;
}
.working-time ul li a:hover{
text-decoration: none;
}
.working-time ul li span{
font-size: 12px;
text-transform: uppercase;
font-weight: 900;
}
.working-time ul li span.right{
float: right;
font-size: inherit;
text-transform: inherit;
font-weight: inherit;
}
.working-time ul li:nth-child(odd){
background-color: #f0f0f0;
}
.divider30{
display: block;
height: 30px;
}
.divider20{
display: block;
height: 20px;
}
.divider15{
display: block;
height: 15px;
}
.divider10{
display: block;
height: 10px;
}
.divider5{
display: block;
height: 5px;
}
.vc_divider{
display: block;
height: 20px;
}
.dropcap2,
.dropcap1,
.dropcap{
display: block;
float: left;
text-align: center;
height: 40px;
width: 40px;
line-height: 40px;
font-size: 31.5px;
color: #fff;
text-transform: uppercase;
margin-right: 10px;
background: #555;
}
.dropcap2{
background: #555;
}
.dropcap2{
background: #ccc;
}
.dropcap2.rounded,
.dropcap1.rounded,
.dropcap.rounded{
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
} .lpd-404-template ul,
.lpd-search-template ul{
padding-left: 20px;
}
p.not-happy{
color: #959595;
}
.lpd-search-template-form{
margin-bottom: 40px;
}
.lpd-search-template-form .search_input{
width: 70%;
display: inline-block;
}
.lpd-404-content{
text-align: center;
margin-bottom: 40px;
}
.title-404{
font-size: 144px;
line-height: 140px;
font-weight: 700;
margin: 0;
}
.description-404,
.subtitle-404{
display: block;
}
.subtitle-404{
font-size: 30px;
font-weight: 700;
line-height: 40px;
}
.description-404{
font-size: 18px;
color: #959595;
padding: 10px 0 30px
} .lpd-badge{
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
background: #d95352;
color: #fff;
font-weight: bold;
height: 26px !important;
line-height: 28px;
margin: 0 !important;
max-height: 26px !important;
min-height: 26px !important;
overflow: hidden;
padding: 4px;
position: absolute;
right: -31px !important;
text-align: center;
top: 16px !important;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
width: 120px;
z-index: 99;
}
.featured-module{
position: relative;
display: block;
overflow: hidden;
margin-bottom: 20px !important;
color: #555 !important;
}
.featured-module img {
width: 100%;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.featured-module-no-scale img{
-webkit-transform: scale(1) !important;
-moz-transform: scale(1) !important;
-o-transform: scale(1) !important;
-ms-transform: scale(1) !important;
transform: scale(1) !important;
}
.featured-module:hover img {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-o-transform: scale(1.0);
-ms-transform: scale(1.0);
transform: scale(1.0);
}
.featured-module-1-content{
position: absolute;
bottom: 0;
width: 100%;
background: white;
text-align: center;
padding: 10px;
opacity: .90 !important;
filter: alpha(opacity=90) !important;
}
.featured-module-1-content h3{
margin-top: 10px !important;
margin-bottom: 10px !important;
font-size: 18px;
font-weight: 900;
line-height: 20px;
}
.featured-module-1-content p{
margin-bottom: 10px !important;
}
.featured-module-2{
color: #fff !important;
}
.featured-module-2 h3{
margin-left: 10px;
margin-right: 10px;
}
.featured-module-2-content{
position: absolute;
top: 0;
width: 100%;
text-align: center;
padding: 10px 0;
background-color: #79ad4b;
opacity: .90 !important;
filter: alpha(opacity=90) !important;
}
.featured-module-2-content h3{
font-size: 36px;
margin-top: 10px;
margin-bottom: 10px !important;
font-weight: 900;
line-height: 40px;
}
.featured-module-2-content h3:first-child{
font-size: 24px;
line-height: 30px;
margin: 15px 10px;
}
.featured-module-2-content-2{
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
background-color: #ccc;
opacity: .90 !important;
filter: alpha(opacity=90) !important;
}
.featured-module-2-content-2 h3{
font-size: 30px;
line-height: 30px;
margin: 15px 10px !important;
font-weight: 900;
}
.featured-module-2 .sep-border{
height: 3px;
width: 80px;
background: #fff;
display: table;
margin: 0 auto;
}
.featured-module-3{
color: #fff !important;
}
.featured-module-3-content{
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
background-color: #79ad4b;
padding-bottom: 20px;
padding-top: 10px;
opacity: .90 !important;
filter: alpha(opacity=90) !important;
}
.featured-module-3-content .featured-module-3-label{
position: absolute;
top: -10px;
display: block;
width: 100%;
font-size: 14px;
font-weight: 900;
color: #555 !important;
}
.featured-module-3-label span{
background-color: #fff;
padding: 5px 15px;
}
.featured-module-3-content h3{
font-size: 30px;
line-height: 40px;
margin: 20px 10px;
font-weight: 900;
}
.featured-module-3-text{
margin: 20px 20px 0 !important;
display: block;
}
.lpd-module{
color: #fff !important;
display: block;
margin-bottom: 20px !important;
overflow: hidden;
position: relative;
}
.lpd-module img {
width: 100%;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.lpd-module:hover img {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-o-transform: scale(1.0);
-ms-transform: scale(1.0);
transform: scale(1.0);
}
.module-no-scale img{
-webkit-transform: scale(1) !important;
-moz-transform: scale(1) !important;
-o-transform: scale(1) !important;
-ms-transform: scale(1) !important;
transform: scale(1) !important;
}
.lpd-module .module_content{
position: absolute;
top: 0;
height: 100%;
width: 100%;
background: rgba(149, 149, 149, 0.2);
text-align: center;
}
.lpd-module .module_content h3{
line-height: 30px;
font-size: 24px;
font-weight: 900;
margin: 0 10px 10px;
}
.lpd-module .module_content table{
height: 100%;
width: 100%;
}
.lpd-module .sep-border{
height: 3px;
width: 80px;
background: #fff;
display: table;
margin: 0 auto;
}
.mm_module{
position: relative;
display: block;
width: 100%;
background-position: center center;
-webkit-transition: all .15s;
-moz-transition: all .15s;
-o-transition: all .15s;
transition: all .15s;
color: #555;
text-decoration: none !important;
background-color: #f0f0f0;
}
.visible-xs .mm_module{
background-size:cover;
min-height: 400px !important;
}
.mm_module:before{
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
-webkit-transition: all .15s;
-moz-transition: all .15s;
-o-transition: all .15s;
transition: all .15s;
z-index: 1;
}
.mm_module:hover:before{
-webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.05) inset;
box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.05) inset;
}
.mm_module.mm_dark_bg{
color: #fff;
}
.mm_module_1{
min-height: 680px;
}
.mm_module_2,
.mm_module_3{
min-height: 360px;
}
.mm_module_4,
.mm_module_5{
min-height: 300px;
}
.mm1_content{
text-align: center;
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.visible-xs .mm1_content{
top: 40%;
height: auto;
}
.mm3_content table,
.mm2_content table,
.mm1_content table{
height: 100%;
width: 100%;
}
.mm1_content_wrap{
margin: 110px 0 !important;
}
.mm3_title,
.mm3_description,
.mm2_title,
.mm2_description,
.mm1_title,
.mm1_description{
display: block;
}
.mm1_title{
line-height: 40px;
font-size: 36px;
font-weight: 900;
}
.mm3_description,
.mm2_description,
.mm1_description{
font-size: 14px;
}
.mm5_title.letter-space,
.mm4_title.letter-space,
.mm3_description.letter-space,
.mm2_description.letter-space,
.mm1_description.letter-space{
letter-spacing: 5px;
}
.mm5_title.letter-space-10,
.mm4_title.letter-space-10,
.mm3_description.letter-space-10,
.mm2_description.letter-space-10,
.mm1_description.letter-space-10{
letter-spacing: 10px;
}
.mm1_content .btn{
margin-top: 20px;
}
.mm2_content{
text-align: center;
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.mm2_title{
line-height: 100px;
font-size: 100px;
font-weight: 700;
}
.mm3_content{
text-align: center;
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.visible-xs .mm2_content,
.visible-xs .mm3_content{
top: 40%;
height: auto;
}
.mm3_title{
line-height: 40px;
font-size: 30px;
font-weight: 900;
}
.mm5_title,
.mm4_title{
font-size: 14px;
}
.mm5_content,
.mm4_content{
position: absolute;
left: 0;
top: 0;
padding: 10px 15px;
}
.mm5_content.top-right,
.mm4_content.top-right{
left: auto;
right: 0;
}
.mm5_content.bottom-right,
.mm4_content.bottom-right{
left: auto;
top: auto;
bottom: 0;
right: 0;
}
.mm5_content.bottom-left,
.mm4_content.bottom-left{
top: auto;
bottom: 0;
}
.new-lpd-module{
display: block;
position: relative;
color: #555;
margin-bottom: 20px !important;
}
.new-lpd-module:before{
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
-webkit-transition: all .15s;
-moz-transition: all .15s;
-o-transition: all .15s;
transition: all .15s;
z-index: 1;
}
.new-lpd-module:hover:before{
-webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.05) inset;
box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.05) inset;
}
.new-lpd-module img{
width: 100%;
}
.new-lpd-module .new_module_content{
position: absolute;
top: 0;
height: 100%;
width: 100%;
}
.new-lpd-module .new_module_content.align-center{
text-align: center;
}
.new-lpd-module .new_module_content.align-right{
text-align: right;
}
.new-lpd-module .new_module_content table{
height: 100%;
width: 100%;
}
.new_module_content .title{
display: block;
line-height: 60px;
font-size: 60px;
font-weight: 700;
margin: 0 40px;
}
.new_module_content .description{
font-size: 18px;
margin: 0 40px;
}
.new_module_content .description.letter-space{
letter-spacing: 5px;
}
.new_module_content .description.letter-space-10{
letter-spacing: 10px;
}
.vc_lpd_testiomonial{
margin-bottom: 20px;
}
.vc_lpd_testiomonial .testiomonial_content{
position: relative;
border: 1px solid #ebebeb;
-webkit-transition: all 0.3s ease-in-out 0s;  
-moz-transition: all 0.3s ease-in-out 0s;  
-o-transition: all 0.3s ease-in-out 0s;  
-ms-transition: all 0.3s ease-in-out 0s;  
transition: all 0.3s ease-in-out 0s;
margin-bottom: 20px;
padding: 0 10px;
color: #959595;
}
.vc_lpd_testiomonial .testiomonial_content:before{
border-top: 12px solid #ebebeb;
border-left: 12px solid rgba(0, 0, 0, 0);
border-right: 12px solid rgba(0, 0, 0, 0);
content: "";
height: 0;
right: 30px;
bottom: -12px;
position: absolute;
width: 0;
z-index: 3;
-webkit-transition: all 0.3s ease-in-out 0s;  
-moz-transition: all 0.3s ease-in-out 0s;  
-o-transition: all 0.3s ease-in-out 0s;  
-ms-transition: all 0.3s ease-in-out 0s;  
transition: all 0.3s ease-in-out 0s;
}
.vc_lpd_testiomonial .testiomonial_content:after{
border-top: 12px solid #fff;
border-left: 12px solid rgba(0, 0, 0, 0);
border-right: 12px solid rgba(0, 0, 0, 0);
content: "";
height: 0;
right: 30px;
bottom: -11px;
position: absolute;
width: 0;
z-index: 3;
}
.vc_lpd_testiomonial .testiomonial_content .tc_title{
font-size: 13px;
font-weight: 900
}
.vc_lpd_testiomonial .testiomonial_content .tc_content{
margin-bottom: 10px !important;
}
.testiomonial_meta{
text-align: right;
}
.testiomonial_meta_img{
width: 60px;
height: auto;
margin-right: 20px;
}
.testiomonial_meta_content{
text-align: left;
display: inline-block;
}
.tmc_title{
display: block;
font-weight: 700;
}
.tmc_title small{
font-weight: 700;
color: #959595;
}
.tmc_info{
font-size: 12px;
}
.meta-block{
color: #555;
text-decoration: none !important;
border: 1px solid #ebebeb;
padding: 10px;
text-align: center;
display: block;
margin-bottom: 20px;
width: 100%;
-webkit-transition: all 0.3s ease-in-out 0s;  
-moz-transition: all 0.3s ease-in-out 0s;  
-o-transition: all 0.3s ease-in-out 0s;  
-ms-transition: all 0.3s ease-in-out 0s;  
transition: all 0.3s ease-in-out 0s;
display: block;
}
.meta-block h4{
display: table;
font-size: 14px;
font-weight: 900;
margin: 10px auto 9px;
line-height: 20px;
}
.meta-block h4{
position: relative;
}
.meta-block .sep-border{
height: 3px;
width: 30px;
background: #ebebeb;
display: table;
margin: 8px auto 9px;
-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s !important;
-moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s !important;
-o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s !important;;
transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s !important;
}
.meta-block:hover .sep-border{
width: 80px;	
}
.meta-block .meta-block-content{
display: block;
margin: 0 10px 10px !important;
}
.iconitem{
position: relative;
}
.iconitem .lpd-halflings-icon{
position: absolute;
left: 3px;
top: 0;
}
.iconitem .lpd-halflings-icon:before{
color: #959595;
}
.iconitem h5.title{
font-size: 13px;
font-weight: 900;
text-transform: uppercase;
font-family: inherit;
padding-left: 30px;
line-height: 20px;
position: relative;
text-transform: uppercase;
}
.iconitem .content{
border-left: 1px solid #ebebeb;
margin-left: 10px;
padding-left: 20px;
-webkit-transition: all .15s;
-moz-transition: all .15s;
-o-transition: all .15s;
transition: all .15s;
}
.callout{
border: 1px solid #ebebeb;
padding: 10px 20px;
margin-bottom: 20px;
width: 100%;
-webkit-transition: all 0.3s ease-in-out 0s;  
-moz-transition: all 0.3s ease-in-out 0s;  
-o-transition: all 0.3s ease-in-out 0s;  
-ms-transition: all 0.3s ease-in-out 0s;  
transition: all 0.3s ease-in-out 0s; 
}
.callout-content h4{
font-weight: 900;
font-size: 14px;
}
.callout-btn{
position: relative;
text-align: center;
vertical-align: middle;
}
.callout-btn table{
height: 100%;
width: 100%;
}
.callout-btn .btn{
margin: 0;
}
.callout .sep-border{
height: 3px;
width: 30px;
background: #ebebeb;
display: block;
margin: 9px 0 !important;
-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s !important;
-moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s !important;
-o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s !important;;
transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s !important;
}
.callout:hover .sep-border{
width: 80px;
}
blockquote{
-webkit-transition: all .15s;
-moz-transition: all .15s;
-o-transition: all .15s;
transition: all .15s;
}
.vc_callout2{
position: relative;
width: 100%;
text-align: center;
}
.vc_callout2:before{
content: "";
top: 50%;
left: 0;
position: absolute;
height: 1px;
width: 100%;
display: block;
background: #ebebeb;
z-index: 1;
}
.vc_callout2 .callout2_title{
width: 40%;
font-size: 18px;
font-weight: 700;
}
.vc_callout2 .callout2_sep_word{
width: 20%;
font-size: 18px;
}
.vc_callout2 .callout2_title span,
.vc_callout2 .callout2_sep_word span{
padding: 0 10px;
background: #fff;
position: relative;
z-index: 9;
font-weight: 900;
}
.vc_callout2 .callout2_btn{
width: 20%;
}
.vc_callout2 .btn{
position: relative;
z-index: 9;
}
.lpd-meta-container{
padding: 15px 0;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
min-height: 20px;
}
.lpd-meta-container .item{
font-size: 16px
}
@media (min-width: 992px) {
.lpd-meta-container .item{
text-align: center;
border-left: 1px solid #d7d7d7;
}
.lpd-meta-container .col-md-3:first-child .item{
border: none;
}
.lpd-meta-container .col-md-4:first-child .item{
border: none;
}
.lpd-meta-containera .col-md-6:first-child .item{
border: none;
}
.lpd-meta-container .col-md-12:first-child .item{
border: none;
}
}
.lpd_title{
position: relative;
}
.lpd_title:before{
content: "";
top: 50%;
left: 0;
position: absolute;
height: 1px;
width: 100%;
display: block;
background: #ebebeb;
z-index: 1;
}
.lpd_title h4{
position: relative;
margin: 0;
font-size: 16px;
font-weight: 900;
background-color: #fff;
padding: 0 20px 0 55px;
line-height: 40px;
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/vc/new_title/basic2-040_leaf_plant.png);
background-position: 14px 4px;
background-repeat: no-repeat;
display: table;
margin: 0 auto;
z-index: 9;
}
.lpd_title h4.leaf_nature{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/vc/new_title/basic1-160_leaf_nature.png);
}
.lpd_title h4.paper_plane{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/vc/new_title/basic1-170_paper_plane.png);
}
.lpd_title h4.leaf_plant{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/vc/new_title/basic2-040_leaf_plant.png);
}
.lpd_title h4.light_bulb_on{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/vc/new_title/basic2-175_light_bulb_on.png);
}
.lpd_title h4.delivery_van{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/vc/new_title/basic3-022_delivery_van_24h_rush_transport.png);
}
.lpd_title h4.shopping_bag{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/vc/new_title/basic3-032_shopping_bag_sale_price_tag.png);
}
.mega_header{
text-align: center;
padding-left: 15px;
padding-right: 15px;
}
.mega_header.dark_bg{
color: #fff;
}
.mega_header .sub-title{
color: rgba(0, 0, 0, 0.5);
}
.mega_header.dark_bg .sub-title{
color: rgba(255, 255, 255, 0.9);
}
.mega_header h2{
font-size: 30px;
font-weight: 900;
text-transform:  uppercase;
line-height: 40px;
margin: 0;
letter-spacing: 0.5px;
}
.mh_description{
padding: 10px 0;
font-size: 14px;
} .mi-slider {
position: relative;
height: 430px;
}
.mi-slider ul {
list-style-type: none;
position: absolute;
width: 100%;
left: 0;
margin: 0;
padding: 0;
bottom: 120px;
overflow: hidden;
text-align: center;
pointer-events: none;
}
.no-js .mi-slider ul {
position: relative;
left: auto;
bottom: auto;
margin: 0;
overflow: visible;
}
.mi-slider ul.mi-current {
pointer-events: auto;
}
.mi-slider ul li {
display: inline-block;
padding: 20px;
width: 24.5%;
max-width: 300px;
-webkit-transform: translateX(600%);
transform: translateX(600%);
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.no-js .mi-slider ul li {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.mi-slider ul li a,
.mi-slider ul li img {
display: block;
margin: 0 auto;
}
.mi-slider ul li a {
outline: none;
cursor: pointer;
color: #555;
}
.mi-slider ul li img {
max-width: 100%;
border: none;
}
.mi-slider ul li h4 {
display: inline-block;;
font-size: 16px;
padding: 20px 10px 0;
}
.mi-slider ul li:hover {
opacity: 0.7;
} 
.mi-slider nav {
position: relative;
top: 350px;
text-align: center;
margin: 0 auto;
border-top: 1px solid #ccc;
}
.no-js nav {
display: none;
}
.mi-slider nav a {
display: inline-block;
text-transform: uppercase;
font-weight: 700;
padding: 40px 30px 20px 30px;
position: relative;
color: #959595;
outline: none;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
text-decoration: none;
}
.mi-slider nav a:hover,
.mi-slider nav a.mi-selected {
color: #555;
text-decoration: none;
}
.mi-slider nav a.mi-selected:after,
.mi-slider nav a.mi-selected:before {
content: '';
position: absolute;
top: -1px;
border: solid transparent;
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.mi-slider nav a.mi-selected:after {
border-color: transparent;
border-top-color: #fff;
border-width: 26px;
left: 50%;
margin-left: -26px;
}
.mi-slider nav a.mi-selected:before {
border-color: transparent;
border-top-color: #ccc;
border-width: 27px;
left: 50%;
margin-left: -27px;
} .mi-slider ul:first-child li,
.no-js .mi-slider ul li {
-webkit-animation: scaleUp 350ms ease-in-out both;
animation: scaleUp 350ms ease-in-out both;
}
@-webkit-keyframes scaleUp {
0% { -webkit-transform: translateX(0) scale(0); }
100% { -webkit-transform: translateX(0) scale(1); }
}
@keyframes scaleUp {
0% { transform: translateX(0) scale(0); }
100% { transform: translateX(0) scale(1); }
}
.mi-slider ul:first-child li:first-child {
-webkit-animation-delay: 90ms;
animation-delay: 90ms;
}
.mi-slider ul:first-child li:nth-child(2) {
-webkit-animation-delay: 180ms;
animation-delay: 180ms;
}
.mi-slider ul:first-child li:nth-child(3) {
-webkit-animation-delay: 270ms;
animation-delay: 270ms;
}
.mi-slider ul:first-child li:nth-child(4) {
-webkit-animation-delay: 360ms;
animation-delay: 360ms;
} .mi-slider ul.mi-moveFromRight li {
-webkit-animation: moveFromRight 350ms ease-in-out both;
animation: moveFromRight 350ms ease-in-out both;
} .mi-slider ul.mi-moveFromLeft li {
-webkit-animation: moveFromLeft 350ms ease-in-out both;
animation: moveFromLeft 350ms ease-in-out both;
} .mi-slider ul.mi-moveToRight li {
-webkit-animation: moveToRight 350ms ease-in-out both;
animation: moveToRight 350ms ease-in-out both;
} .mi-slider ul.mi-moveToLeft li {
-webkit-animation: moveToLeft 350ms ease-in-out both;
animation: moveToLeft 350ms ease-in-out both;
} .mi-slider ul.mi-moveToLeft li:first-child,
.mi-slider ul.mi-moveFromRight li:first-child,
.mi-slider ul.mi-moveToRight li:nth-child(4),
.mi-slider ul.mi-moveFromLeft li:nth-child(4) {
-webkit-animation-delay: 0ms;
animation-delay: 0ms;
}
.mi-slider ul.mi-moveToLeft li:nth-child(2),
.mi-slider ul.mi-moveFromRight li:nth-child(2),
.mi-slider ul.mi-moveToRight li:nth-child(3),
.mi-slider ul.mi-moveFromLeft li:nth-child(3) {
-webkit-animation-delay: 90ms;
animation-delay: 90ms;
}
.mi-slider ul.mi-moveToLeft li:nth-child(3),
.mi-slider ul.mi-moveFromRight li:nth-child(3),
.mi-slider ul.mi-moveToRight li:nth-child(2),
.mi-slider ul.mi-moveFromLeft li:nth-child(2) {
-webkit-animation-delay: 180ms;
animation-delay: 180ms;
}
.mi-slider ul.mi-moveToLeft li:nth-child(4),
.mi-slider ul.mi-moveFromRight li:nth-child(4),
.mi-slider ul.mi-moveToRight li:first-child,
.mi-slider ul.mi-moveFromLeft li:first-child  {
-webkit-animation-delay: 270ms;
animation-delay: 270ms;
} @-webkit-keyframes moveFromRight {
0% { -webkit-transform: translateX(600%); }
100% { -webkit-transform: translateX(0%); }
}
@-webkit-keyframes moveFromLeft {
0% { -webkit-transform: translateX(-600%); }
100% { -webkit-transform: translateX(0%); }
}
@-webkit-keyframes moveToRight {
0% { -webkit-transform: translateX(0%); }
100% { -webkit-transform: translateX(600%); }
}
@-webkit-keyframes moveToLeft {
0% { -webkit-transform: translateX(0%); }
100% { -webkit-transform: translateX(-600%); }
}
@keyframes moveFromRight {
0% { transform: translateX(600%); }
100% { transform: translateX(0); }
}
@keyframes moveFromLeft {
0% { transform: translateX(-600%); }
100% { transform: translateX(0); }
}
@keyframes moveToRight {
0% { transform: translateX(0%); }
100% { transform: translateX(600%); }
}
@keyframes moveToLeft {
0% { transform: translateX(0%); }
100% { transform: translateX(-600%); }
}
.mi-slider {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} @media screen and (max-width: 910px){
.mi-slider nav {
max-width: 90%;
}
.mi-slider nav a {
font-size: 12px;
padding: 40px 10px 30px 14px;
}
}
@media screen and (max-width: 740px){
.mi-slider {
height: 300px;
}
.mi-slider nav {
top: 220px;
}
}
@media screen and (max-width: 490px){ 
.mi-slider {
text-align: center;
height: auto;
}
.mi-slider ul {
position: relative;
display: inline;
bottom: auto;
pointer-events: auto;
}
.mi-slider ul li {
-webkit-animation: none !important;
animation: none !important;
-webkit-transform: translateX(0) !important;
transform: translateX(0) !important;
padding: 10px 3px;
min-width: 140px;
}
.mi-slider nav {
display: none;
}
} .lpd-meta-container{
padding: 15px 0;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
min-height: 20px;
}
@media (min-width: 992px) {
.lpd-meta-container .item{
text-align: center;
border-left: 1px solid #d7d7d7;
}
.lpd-meta-container .col-md-3:first-child .item{
border: none;
}
.lpd-meta-container .col-md-4:first-child .item{
border: none;
}
.lpd-meta-containera .col-md-6:first-child .item{
border: none;
}
.lpd-meta-container .col-md-12:first-child .item{
border: none;
}
} .lpd-shopping-cart{
display: table;
margin: 10px auto;
position: relative;
padding: 10px;
border: 3px solid #e1e1e1;
}
@media (min-width: 992px) {
.lpd-shopping-cart{
float: right;
padding: 20px 0 10px;
display: table-cell;
border: none;
margin: 0;
}
}
.cart-button{
text-decoration: none !important;
color: #555;
}
.cart-icon{
float: left;
}
.cart-icon{
position: relative;
}
.cart-icon .icon{
position: relative;
margin: 1px 8px 0 10px;
width: 40px;
height: 40px;
display: block;
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/basic1-073_shopping_cart-1.png);
background-repeat: no-repeat;
background-position: 4px;
z-index: 1;
}
.cart-icon .count{
position: absolute;
display: block;
top: 0;
right: 0;
font-size: 11px;
min-height: 24px;
min-width: 24px;
border: 2px solid #555;
text-align: center;
-webkit-border-radius:12px;
-moz-border-radius:12px;
border-radius:12px;
background-color: white;
z-index: 9;
font-weight: 700;
}
.cart-dropdown{
position: absolute;
right: 0;
top: 70%;
display: block;
visibility: hidden;
float: left;
width: 280px;
padding: 10px;
margin: 0 -1px 0 0;
background-clip: padding-box;
opacity: 0.5;
filter: alpha(opacity=50);
background: white;
border: 5px solid #e1e1e1;
box-shadow:0 0 10px rgba(0,0,0,0.07);
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.07);
-moz-box-shadow:0 0 10px rgba(0,0,0,0.07);
margin-top: 7px;
}
.cart-dropdown:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #e1e1e1;
position: absolute;
top: -12px;
right: 26px;
margin-right: -10px;
}
.lpd-shopping-cart:hover .cart-dropdown{
opacity: 1;
filter: alpha(opacity=100);
top: 100%;
visibility: visible;
}
.lpd-shopping-cart .total{
min-height: 20px;
}
.lpd-shopping-cart .lpd-cart-total{
border-top: 1px dashed #ccc;
padding-top: 10px;
}
.lpd-shopping-cart .lpd-cart-total strong{
float: left;
color: #959595;
}
.lpd-shopping-cart .lpd-cart-total span{
float: right;
font-weight: 900;
text-decoration: underline;
}
.lpd-cart-buttons{
margin: 0;
}
.lpd-cart-list-thumbnail img{
width: 50px;
height: auto;
margin-left: 0;
margin-right: 10px;
border: 1px solid #ebebeb;
padding: 1px;
}
.lpd-cart-list-thumbnail,
.lpd-cart-list-content{
float: left;
}
.lpd-cart-list-content{
width: 170px;
}
.lpd-cart-list-meta .quantity{
float: right;
}
.lpd-cart-buttons .btn{
width: 100%;
display: block;
}
.view-cart-btn{
margin-bottom: 5px;
}
.lpd-cart-list-title a{
font-weight: 900;
color: #555;
}
.lpd-cart-list-meta .item-remove{
color: #959595;
text-decoration: line-through;
font-size: 11px;
text-transform: lowercase;
}
.lpd-cart-list-meta .item-remove:hover{
text-decoration: none;
}
.lpd-cart-list-item{
padding-bottom: 10px;
}
.lpd-cart-list-content .variation{
margin: 0;
font-size: 11px;
}
.lpd-cart-list-content .variation dt {
clear: left;
float: left;
margin-right: 0.25em;
}
.lpd-cart-list-content .variation p{
margin-bottom: 5px;
}
.lpd-shopping-cart-list .empty{
margin: 0;
}
.lpd-shopping-cart a.cart-total{
color: #555;
text-align: center;
}
.lpd-shopping-cart .cart-total strong{
display: block;
} .counter-circular{
width: 100%;
float: left;
}
.counter-circular div.easy-pie-chart{
display: table;
margin: 0 auto;
}
.counter-circular li.easy-pie-chart{
float: left;
margin-left: 30px;
margin-right: 60px;
}
.counter-circular li.easy-pie-chart:last-child{
margin-right: 0;
}
.chart {
position: relative;
display: inline-block;
text-align: center;
}
.counter-circular .chart{
width: 110px;
height: 110px;
}
.chart canvas {
position: absolute;
top: 0;
left: 0;
}
.percent-container{
top: 12px;
left: 12px;
position: relative;
}
.percent {
display: table-cell;
background: #df7a6c;
color: #fff;
text-align: center;
vertical-align: middle;
z-index: 2;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.percent:after {
content: '%';
margin-left: 0.1em;
font-size: .8em;
}
.counter-circular .percent{
width: 86px;
height: 86px;
font-size: 22px;
}
.chart span.info{
padding-top: 30px;
float: left;
width: 100%;
}
@media only screen and (min-width: 320px) and (max-width: 479px){  
.counter-circular .chart{
margin-bottom: 20px !important;
} 
} .parallax-object{
display: block;
min-height: 190px;
background-size: cover;
background-position: center center;
}
.single-product .parallax-object{
margin-top: 20px !important;
}
.single-product .parallax-object.up-sell-item{
margin-bottom: 30px !important;
}
.parallax-object.parallax-full{
margin: 0 -50px;
}
@media (max-width: 767px) {
.parallax-object.parallax-full{
margin: 0 -15px !important;}
}
.parallax-object.light-plx-bg{
border-top: 1px dashed #ebebeb;
border-bottom: 1px dashed #ebebeb;
}
.no-parallax-img{
background-color: #ebebeb;
}
.parallax-container h2{
margin: 20px 0 30px !important;
text-align: center;
font-weight: 700;
line-height: 20px;
display: block;
font-size: 16px;
}
.dark-plx-bg{
color: #ffffff;
}
.dark-plx-bg.parallax-container h2{
color: #fff;
}
.dark-plx-bg.parallax-container{
color: #fff;
}
.dark-plx-bg ul.lpd-products li.type-product .price del{
color: rgba(255, 255, 255, 0.75)
} .parallax-border .upb_row_bg{
border-bottom: 1px solid #ebebeb;
border-top: 1px solid #ebebeb;
} .css-transition-all-3-2{
-webkit-transition: all .3s ease .2s;
-moz-transition: all .3s ease .2s;
-o-transition: all .3s ease .2s;
transition: all .3s ease .2s;
}
.css-transition-all-3-1{
-webkit-transition: all .3s ease .1s;
-moz-transition: all .3s ease .1s;
-o-transition: all .3s ease .1s;
transition: all .3s ease .1s;
}  .wordpress-456ecology .wpb_single_image .vc_single_image-wrapper{
max-width: 100%;
} body.compose-mode.page-template-template-full-width-php .vc-vc_row:first-child .controls-out-tl{ 
top: 0;
}  .video-mask-1 .vc_video-bg:before{
content: "";
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
display: block;
background: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/video-mask-1.png) repeat;
z-index: 1;
}
.video-mask-2 .vc_video-bg:before{
content: "";
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
display: block;
background: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/video-mask-2.png) repeat;
z-index: 1;
}
.video-mask-1 .vc_column_container,
.video-mask-2 .vc_column_container{
z-index: 2;
} .wordpress-456ecology .wpb_content_element,
.wordpress-456ecology ul.wpb_thumbnails-fluid > li,
.wordpress-456ecology .wpb_button{
margin-bottom: 20px;
}
.wordpress-456ecology .vc_separator h4{
line-height: 20px;
font-size: 16px;
font-weight: 900;
}
.wordpress-456ecology .wpb_toggle,
.wordpress-456ecology #content h4.wpb_toggle {
background: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/vc/basic2-272_add_new_plus.png) no-repeat left center;
padding-left: 26px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.5px;
color: #555;
line-height: 20px;
}
.wordpress-456ecology .wpb_toggle_title_active,
.wordpress-456ecology #content h4.wpb_toggle_title_active {
background: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/vc/basic2-273_remove_delete_minus.png) no-repeat left center;
}
.wordpress-456ecology .wpb_toggle_content {
padding: 0px 0px 0px 21px;
margin-top: 10px;
}
.wordpress-456ecology .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a,
.wordpress-456ecology .wpb_content_element .wpb_accordion_header a {
padding: 5px 10px;
color: #959595;
font-weight: 700;
}
.wordpress-456ecology .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header,
.wordpress-456ecology .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
background-color: white;
border: 1px solid #ccc; 
}
.wordpress-456ecology .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab,
.wordpress-456ecology .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
padding: 10px;
}
.wordpress-456ecology .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content{
border-left: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
margin-top: -3px;
}
.wordpress-456ecology .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_section:last-child .wpb_accordion_content{
border-bottom: 1px solid #ebebeb;
}
.wordpress-456ecology .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {
margin: 0 0 1px 0;
}
.wordpress-456ecology .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
color: #555;
}
.wordpress-456ecology .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon,
.wordpress-456ecology .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
background: none;
}
.wordpress-456ecology .wpb_alert {
padding: 1em 35px 1em 15px;
}
.wordpress-456ecology .wpb_alert a{
text-decoration: underline;
}
.wordpress-456ecology .wpb_alert a:hover{
text-decoration: none;
}
.wordpress-456ecology .wpb_alert .messagebox_text,
.wordpress-456ecology .wpb_alert-warning .messagebox_text {
padding-left: 30px;
background: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/vc/basic1-126_question_help.png) no-repeat left center;
}
.wordpress-456ecology .wpb_alert-info .messagebox_text {
background: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/vc/basic1-125_information.png) no-repeat left center;
}
.wordpress-456ecology .wpb_alert-success .messagebox_text {
background: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/vc/basic1-174_ok_success_check.png) no-repeat left center;
}
.wordpress-456ecology .wpb_alert-danger .messagebox_text {
background: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/vc/basic1-173_close_remove_exit.png) no-repeat left center;
}
.wordpress-456ecology .wpb_alert-warning a{
color: #8A6D3B;
}
.wordpress-456ecology .wpb_alert-info a{
color: #31708F;
}
.wordpress-456ecology .wpb_alert-success a{
color: #3C763D;
}
.wordpress-456ecology .wpb_alert-danger a{
color: #A94442;
}
.wordpress-456ecology .wpb_content_element .wpb_tabs_nav {
margin: 0 0 -1px;
}
.wordpress-456ecology .wpb_content_element .wpb_tabs_nav li {
background-color: transparent;
border: 1px solid transparent;
border-right: none; 
}
.wordpress-456ecology .wpb_content_element .wpb_tabs_nav li:after,
.wordpress-456ecology .wpb_content_element .wpb_tabs_nav li:before {
display: none !important;
}
.wordpress-456ecology .wpb_content_element .wpb_tabs_nav li.ui-tabs-active,
.wordpress-456ecology .wpb_content_element .wpb_tabs_nav li:hover {
background-color: white;
border-color: #ccc;
}
.wordpress-456ecology .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a {
cursor: default;
color: #555;
}
.wordpress-456ecology .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a,
.wordpress-456ecology .wpb_content_element .wpb_accordion_header a {
padding: 5px 10px;
color: #959595;
font-weight: 700;
}
.wordpress-456ecology .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header,
.wordpress-456ecology .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
background-color: white;
border: 1px solid #ccc; 
}
.wordpress-456ecology .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li,
.wordpress-456ecology .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header {
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
.wordpress-456ecology .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab,
.wordpress-456ecology .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
padding: 10px;
}
.wordpress-456ecology .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content{
border-left: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
margin-top: -3px;
}
.wordpress-456ecology .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_section:last-child .wpb_accordion_content{
border-bottom: 1px solid #ebebeb;
}
.wordpress-456ecology .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab > .wpb_content_element:last-child,
.wordpress-456ecology .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content > .wpb_content_element:last-child,
.wordpress-456ecology .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab .wpb_row:last-child > div > div.wpb_wrapper .wpb_content_element:last-child,
.wordpress-456ecology .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content .wpb_row:last-child > div > div.wpb_wrapper .wpb_content_element:last-child {
margin-bottom: 0;
}
.wordpress-456ecology .wpb_tabs .wpb_tabs_nav li {
border: 1px solid transparent;
border-bottom: none;
}
.wordpress-456ecology .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
padding: 0 0 0 21.739130434782606px;
}
.wordpress-456ecology .wpb_heading,
.wordpress-456ecology .entry-content .wpb_heading {
margin-top: 0;
font-size: 18px
}
.wordpress-456ecology .vc_col-has-fill > .vc_column-inner,
.wordpress-456ecology .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner,
.wordpress-456ecology .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner,
.wordpress-456ecology .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner,
.wordpress-456ecology .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner,
.wordpress-456ecology .vc_row-has-fill > .vc_column_container > .vc_column-inner,
.wordpress-456ecology .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner,
.wordpress-456ecology .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner{
padding-top: 0;
} .wordpress-456ecology .menu-item-language a,
.wordpress-456ecology .submenu-languages,
.wordpress-456ecology .submenu-languages li{
display: inline-block;
}
.wordpress-456ecology .submenu-languages li{
background: none !important;
padding: 0;
}
.wordpress-456ecology .menu-item-language a{
padding: 10px 20px;
color: rgba(255, 255, 255, 0.9);
}
.wordpress-456ecology .menu-item-language a:hover{
color: #fff;
}
.wordpress-456ecology .menu-item-language .iclflag{
margin-right: 5px;
}
.wpml-switcher{
display: block;
float: right;
position: relative;
}
.wpml-switcher{
position: relative;
padding: 20px 0 10px;
cursor: pointer;
}
.wpml-switcher > .current-lang{
position: relative;
float: left;
}
.wpml-switcher > .current-lang .icon{
position: relative;
margin: 1px 8px 0 10px;
width: 40px;
height: 40px;
display: block;
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/basic2-055_world_international.png);
background-repeat: no-repeat;
background-position: 4px;
z-index: 1;
}
.wpml-switcher > .current-lang .language_code{
position: absolute;
display: block;
top: 0;
right: 0;
font-size: 11px;
min-height: 24px;
min-width: 24px;
border: 2px solid #555;
text-align: center;
-webkit-border-radius:12px;
-moz-border-radius:12px;
border-radius:12px;
background-color: white;
z-index: 9;
text-transform: uppercase;
font-weight: 700;
}
.wpml-switcher > .current-lang:hover{
}
.wpml-switcher > .current-lang > img{
}
.ws-dropdown{
display: inline-block;
}
.ws-dropdown ul{
padding: 0;
margin-bottom: 0;
margin-left: 5px;
}
.ws-dropdown ul li{
list-style: none;
display: inline-block;
margin-right: 5px;
}
.ws-dropdown ul li img{
margin-right: 5px;
margin-top: -1px;
}
.ws-dropdown ul li a{
color: #959595;
display: block;
}
.ws-dropdown ul li a:hover{
color: #555;
text-decoration: none;
}
.ws-dropdown{
position: absolute;
right: 0;
top: 70%;
display: block;
visibility: hidden;
float: left;
width: auto;
padding: 10px;
margin: 7px -1px 0 0;
background-clip: padding-box;
color: black;
opacity: 0.5;
filter: alpha(opacity=5);
background: white;
border: 5px solid #e1e1e1;
box-shadow:0 0 10px rgba(0,0,0,0.07);
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.07);
-moz-box-shadow:0 0 10px rgba(0,0,0,0.07);
}
.ws-dropdown:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #e1e1e1;
position: absolute;
top: -12px;
right: 26px;
margin-right: -10px;
}
.wpml-switcher.active-dropdown .ws-dropdown,
.wpml-switcher:hover .ws-dropdown{
opacity: 1;
filter: alpha(opacity=100);
top: 100%;
visibility: visible;
}
.ws-dropdown ul{
width: 140px;
border-bottom: 1px dashed #ebebeb;
margin-left: 0;
}
.ws-dropdown ul li{
border-top: 1px dashed #ebebeb;
display: block;
margin-right: 0;
}
.ws-dropdown ul li a{
padding: 5px 0;
}
.wpml-switcher-mobile{
text-align: center;
position: relative;
padding: 10px;
margin: 10px auto 0;
}
.wpml-switcher-mobile .flag{
margin: 0 5px;
}
.wpml-switcher-mobile .flag a{
color: #555;
}
.wpml-switcher-mobile .flag img{
margin-right: 5px;
} .wordpress-456ecology .woocommerce-shop-assistant{
margin-top: 0;
margin-bottom: 0;
}
.wordpress-456ecology .woocommerce-shop-assistant.woocommerce-shop-assistant-light{
color: inherit;
}
.wordpress-456ecology .woocommerce-shop-assistant.woocommerce-shop-assistant-themed{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
letter-spacing: inherit;
}
.wordpress-456ecology .woocommerce-shop-assistant.woocommerce-shop-assistant-light .assistant-title{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: #959595;
}
.wordpress-456ecology .woocommerce-shop-assistant.woocommerce-shop-assistant-dark{
background-color: #555;
color: #fff;
}
.wordpress-456ecology .woocommerce-shop-assistant.woocommerce-shop-assistant-dark .assistant-title{
color: #555;		
}
.wordpress-456ecology .woocommerce-shop-assistant .assistant-title{
font-size: 14px;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
img.size-thumbnail,
img.size-medium,
img.size-large,
img.size-full,
.alignnone{
max-width: 100%;
height: auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
max-width: 100% !important;
height: auto;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption.aligncenter{
text-align: center;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption-text{
color: #959595;
}
.sticky {color: #111}
.sticky .blog-post-title:before{background: #ccc;}
.sticky .blog-post-title a{color: #363636}
.sticky .blog-post-meta{
border-color: #ccc;
}
.gallery { margin: 0 auto 18px; }
.gallery .gallery-item {
float: left;
position: relative;
margin-top: 0;
text-align: center;
width: 33%;
}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img {
width: 100%;
height: auto;
-webkit-transition: all .15s;
-moz-transition: all .15s;
-o-transition: all .15s;
transition: all .15s;
}
.gallery img:hover {
opacity: 0.75;
filter: alpha(opacity=75);
}
.gallery-columns-2 .attachment-medium {
max-width: 92%;
height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
max-width: 84%;
height: auto;
}
.gallery .gallery-caption {
position: absolute;
bottom: 0;
padding: 10px;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
font-size: 12px;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }
.bypostauthor {}
body{
font-family: 'Lato', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{
font-family: 'Lato', sans-serif;
}
.search-dropdown form input{
font-family: 'Raleway', sans-serif;
}
.lpd_breadcrumb{
font-family: 'Raleway', sans-serif;
}
p.copyright{
font-family: 'Raleway', sans-serif;
}
.btn{
font-family: 'Raleway', sans-serif;
}
.tagcloud a,
.tags a{
font-family: 'Raleway', sans-serif;
}
.blog-post-title{
font-family: 'Raleway', sans-serif;
}
.blog-post-taxo{
font-family: 'Raleway', sans-serif;
}
.blog-post-meta{
font-family: 'Raleway', sans-serif;
}
.single-post-meta{
font-family: 'Raleway', sans-serif;
}
.comment-info{
font-family: 'Raleway', sans-serif;
}
.portfolio-post-details ul{
font-family: 'Raleway', sans-serif;
}
.cbp-l-project-details-list,
.cbp-popup-singlePage .cbp-l-project-subtitle,
.cbp-popup-singlePage .cbp-l-project-title{
font-family: 'Raleway', sans-serif;
}
.wordpress-123shop .wpb_toggle,
.wordpress-123shop #content h4.wpb_toggle{
font-family: 'Raleway', sans-serif;
}
.wordpress-123shop .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a{
font-family: 'Raleway', sans-serif;
}
.wpb_alert .messagebox_text{
font-family: 'Raleway', sans-serif;
}
.wordpress-123shop .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a,
.wordpress-123shop .wpb_content_element .wpb_accordion_header a{
font-family: 'Raleway', sans-serif;
}
.lpd-portfolio-item .title{
font-family: 'Raleway', sans-serif;
}
.widget-meta{
font-family: 'Raleway', sans-serif;
}
.featured-module-3-text{
font-family: 'Raleway', sans-serif;	
}
.featured-module-1-content{
font-family: 'Raleway', sans-serif;	
}
.mm1_description,
.mm2_description,
.mm3_description,
.mm4_title,
.mm5_title{
font-family: 'Raleway', sans-serif;	
}
.new_module_content .description{
font-family: 'Raleway', sans-serif;	
}
.tmc_info{
font-family: 'Raleway', sans-serif;	
}
.vc_lpd_testiomonial .testiomonial_content{
font-family: 'Raleway', sans-serif;	
}
.meta-block-content{
font-family: 'Raleway', sans-serif;	
}
.iconitem .content{
font-family: 'Raleway', sans-serif;
}
.lpd-shopping-cart-list .empty{
font-family: 'Raleway', sans-serif;
}
.lpd-product-thumbnail .loop-shop-btn{
font-family: 'Raleway', sans-serif;
}
ul.lpd-products li.type-product h3{
font-family: 'Raleway', sans-serif;
}
.lpd-out-of-s,
.lpd-onsale{
font-family: 'Raleway', sans-serif;
}
.pn-btn{
font-family: 'Raleway', sans-serif;
}
.wordpress-456ecology .woocommerce ul.cart_list li a,
.wordpress-456ecology .woocommerce ul.product_list_widget li a,
.wordpress-456ecology.woocommerce-page ul.cart_list li a,
.wordpress-456ecology.woocommerce-page ul.product_list_widget li a{
font-family: 'Raleway', sans-serif;
}
.thumbnail-item-title{
font-family: 'Raleway', sans-serif;
}
.mh_description{
font-family: 'Raleway', sans-serif;
}
.cbp-l-caption-desc,
.cbp-l-grid-team-position,
.cbp-l-grid-projects-desc,
.cbp-l-grid-blog-comments,
.cbp-l-grid-blog-split,
.cbp-l-grid-blog-date{
font-family: 'Raleway', sans-serif;
}
.mi-slider nav a,
.mi-slider ul li h4{
font-family: 'Raleway', sans-serif;
}
.woocommerce-shop-assistant .assistant-phrase{
font-family: 'Raleway', sans-serif;
}
a.at_logo_carousel_dismiss_button,
.wordpress-456ecology .at_logo_carousel_calltoaction_block h2,
.wordpress-456ecology a.at_logo_carousel_button{
font-family: 'Raleway', sans-serif;
}
a {
color: #79ad4b;
}
.text-primary {
color: #79ad4b;
}
.btn-primary {
background-color: #79ad4b;
border-color: #79ad4b;
}
.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: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: #79ad4b;
border-color: #79ad4b;
}
.btn-primary .badge {
color: #79ad4b;
}
.btn-link {
color: #79ad4b;
}
.btn-link:hover,
.btn-link:focus {
color: #79ad4b;
}
.label-primary {
background-color: #79ad4b;
}
.header-bottom-wrap{
background-color: #79ad4b;
}
.header-content a:hover{
color: #79ad4b;
}
.lpd_breadcrumb a:hover{
color: #79ad4b;
}
.footer-meta{
background-color: #79ad4b;
}
.footer.dark-theme .widget.widget_rss ul li a:hover,
.footer.dark-theme .widget.widget_pages ul li a:hover,
.footer.dark-theme .widget.widget_nav_menu ul li a:hover,
.footer.dark-theme .widget.widget_login ul li a:hover,
.footer.dark-theme .widget.widget_meta ul li a:hover,
.footer.dark-theme .widget.widget_categories ul li a:hover,
.footer.dark-theme .widget.widget_archive ul li a:hover,
.footer.dark-theme .widget.widget_recent_comments ul li a:hover,
.footer.dark-theme .widget.widget_recent_entries ul li a:hover{
color: #79ad4b;
}
.blog-post-title a:hover{
color: #79ad4b;
}
.cbp-popup-singlePage .cbp-popup-navigation-wrap{
background-color: #79ad4b;
}
.mega-icon-bg{
background-color: #79ad4b;
}
.lpd-portfolio-item .title a:hover{
color: #79ad4b;
}
.pn-btn:hover{
color: #79ad4b;
}
.wpml-switcher-mobile .flag a:hover{
color: #79ad4b;
}
.lpd-shopping-cart a.cart-total:hover{
color: #79ad4b;
}
.menu3dmega > ul > li.open > a,
.menu3dmega > ul > li:hover > .arrow-icon-bottom:after, 
.menu3dmega > ul > li:hover > a,
.menu3dmega > ul > li:hover > a:after,
.menu3dmega > ul > li:hover > .arrow-icon-bottom{
}
.menu3dmega > ul ul li > a.halflings:hover:before{
color: #79ad4b;
}
.lpd_breadcrumb a:hover{
color: #79ad4b;
}
.widget.widget_pages ul li a:hover:before,
.widget.widget_nav_menu ul li a:hover:before,
.widget.widget_login ul li a:hover:before,
.widget.widget_meta ul li a:hover:before,
.widget.widget_categories ul li a:hover:before,
.widget.widget_archive ul li a:hover:before,
.widget.widget_recent_comments ul li a:hover:before,
.widget.widget_recent_entries ul li a:hover:before,
.widget.widget_rss ul li a:hover,
.widget.widget_pages ul li a:hover,
.widget.widget_nav_menu ul li a:hover,
.widget.widget_login ul li a:hover,
.widget.widget_meta ul li a:hover,
.widget.widget_categories ul li a:hover,
.widget.widget_archive ul li a:hover,
.widget.widget_recent_comments ul li a:hover,
.widget.widget_recent_entries ul li a:hover{
color: #79ad4b;
}
.tagcloud a:hover,
.tags a:hover{
border-color: #79ad4b;
background-color: #79ad4b; 
}
.blog-post-title a:before{
background: #79ad4b;
}
.single-post-meta a:hover,
.blog-post-meta a:hover{
color: #79ad4b;
}
.theme-option-contacts a:hover{
color: #79ad4b;
}
.meta-menu a:hover{
color: #79ad4b;
}
.header-middle-search .search-btn{
background-color:#79ad4b;
}
.footer-menu li a:hover{
color: #79ad4b;
}
.lpd-prodcut-accordion .panel-title a.halflings:before{
color: #79ad4b;
}
.lpd-cart-list-title a:hover{
color: #79ad4b;
}
.woocommerce .widget_layered_nav ul li a:hover,
.woocommerce-page .widget_layered_nav ul li a:hover{
color: #79ad4b !important;
}
.wordpress-456ecology .widget_product_categories ul li a:hover{
color: #79ad4b !important;
}
.vc_lpd_testiomonial .testiomonial_content:hover:before{
border-top-color: #79ad4b;
}
.meta-block:hover,
.vc_lpd_testiomonial .testiomonial_content:hover{
border-color: #79ad4b;
}
.vc_lpd_testiomonial .testiomonial_content:hover{
color: #79ad4b;
}
.meta-block:hover .sep-border{
background-color: #79ad4b; 
}
blockquote:hover{
color: #79ad4b;
border-color: #79ad4b;
}
.callout:hover{
border-color: #79ad4b;
}
.callout:hover .sep-border{
background: #79ad4b;
}
.title-404{
color:  #79ad4b;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
background-color: #70a145;
border-color: #70a145;
}
.dropcap{
background: #79ad4b;
}
.lpd-product-thumbnail .loop-shop-btn{
background-color: #79ad4b;
}
.woocommerce .star-rating span,
.woocommerce-page .star-rating span{
color: #79ad4b;
}
.wordpress-456ecology .woocommerce ul.cart_list li a:hover,
.wordpress-456ecology .woocommerce ul.product_list_widget li a:hover,
.wordpress-456ecology.woocommerce-page ul.cart_list li a:hover,
.wordpress-456ecology.woocommerce-page ul.product_list_widget li a:hover{
color: #79ad4b !important;
} .cbp-l-filters-button .cbp-filter-counter{
background-color: #79ad4b;
}
.cbp-l-filters-button .cbp-filter-counter:before{
border-top-color: #79ad4b;
}
.cbp-popup-singlePage .cbp-l-project-desc-title span,
.cbp-popup-singlePage .cbp-l-project-details-title span{
border-bottom-color: #79ad4b;
}
.cbp-l-filters-alignCenter .cbp-filter-item:hover {
color: #79ad4b;
}
.cbp-l-filters-alignCenter .cbp-filter-item-active {
color: #79ad4b;
}
.cbp-l-filters-alignCenter .cbp-filter-counter{
background: #79ad4b;
}
.cbp-l-filters-alignCenter .cbp-filter-counter:before{
border-top-color: #79ad4b;
}
.cbp-l-filters-alignRight .cbp-filter-counter:before{
border-top-color: #79ad4b;
}
.cbp-l-filters-alignRight .cbp-filter-counter{
background: #79ad4b;
}
.cbp-l-grid-blog-comments:hover{
color: #79ad4b;
}
.cbp-l-filters-list .cbp-filter-item-active{
background-color: #79ad4b;
}
.cbp-l-filters-list .cbp-filter-item{
border-color: #79ad4b;
} .cbp-l-filters-alignLeft .cbp-filter-item-active { background-color: #70a145;
border-color: #70a145;
}
.cbp-l-filters-dropdownWrap {
background: #70a145;
}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
30% {
-webkit-transform: scaleX(1.25) scaleY(0.75);
transform: scaleX(1.25) scaleY(0.75);
}
40% {
-webkit-transform: scaleX(0.75) scaleY(1.25);
transform: scaleX(0.75) scaleY(1.25);
}
60% {
-webkit-transform: scaleX(1.15) scaleY(0.85);
transform: scaleX(1.15) scaleY(0.85);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
30% {
-webkit-transform: scaleX(1.25) scaleY(0.75);
-ms-transform: scaleX(1.25) scaleY(0.75);
transform: scaleX(1.25) scaleY(0.75);
}
40% {
-webkit-transform: scaleX(0.75) scaleY(1.25);
-ms-transform: scaleX(0.75) scaleY(1.25);
transform: scaleX(0.75) scaleY(1.25);
}
60% {
-webkit-transform: scaleX(1.15) scaleY(0.85);
-ms-transform: scaleX(1.15) scaleY(0.85);
transform: scaleX(1.15) scaleY(0.85);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
 .animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
@-moz-keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
@-o-keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
@keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-o-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes shake {
0%, 100% {-webkit-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@-moz-keyframes shake {
0%, 100% {-moz-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}
@-o-keyframes shake {
0%, 100% {-o-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}
@keyframes shake {
0%, 100% {transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake;
} @-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
40% {-moz-transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
40% {-o-transform: translateY(-30px);}
60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes tada {
0% {-webkit-transform: scale(1);}	
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes tada {
0% {-moz-transform: scale(1);}	
10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
100% {-moz-transform: scale(1) rotate(0);}
}
@-o-keyframes tada {
0% {-o-transform: scale(1);}	
10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
100% {-o-transform: scale(1) rotate(0);}
}
@keyframes tada {
0% {transform: scale(1);}	
10%, 20% {transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
100% {transform: scale(1) rotate(0);}
}
.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-o-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
20% { -webkit-transform: rotate(15deg); }	
40% { -webkit-transform: rotate(-10deg); }
60% { -webkit-transform: rotate(5deg); }	
80% { -webkit-transform: rotate(-5deg); }	
100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes swing {
20% { -moz-transform: rotate(15deg); }	
40% { -moz-transform: rotate(-10deg); }
60% { -moz-transform: rotate(5deg); }	
80% { -moz-transform: rotate(-5deg); }	
100% { -moz-transform: rotate(0deg); }
}
@-o-keyframes swing {
20% { -o-transform: rotate(15deg); }	
40% { -o-transform: rotate(-10deg); }
60% { -o-transform: rotate(5deg); }	
80% { -o-transform: rotate(-5deg); }	
100% { -o-transform: rotate(0deg); }
}
@keyframes swing {
20% { transform: rotate(15deg); }	
40% { transform: rotate(-10deg); }
60% { transform: rotate(5deg); }	
80% { transform: rotate(-5deg); }	
100% { transform: rotate(0deg); }
}
.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-o-animation-name: swing;
animation-name: swing;
} @-webkit-keyframes wobble {
0% { -webkit-transform: translateX(0%); }
15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
30% { -webkit-transform: translateX(20%) rotate(3deg); }
45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
60% { -webkit-transform: translateX(10%) rotate(2deg); }
75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
100% { -webkit-transform: translateX(0%); }
}
@-moz-keyframes wobble {
0% { -moz-transform: translateX(0%); }
15% { -moz-transform: translateX(-25%) rotate(-5deg); }
30% { -moz-transform: translateX(20%) rotate(3deg); }
45% { -moz-transform: translateX(-15%) rotate(-3deg); }
60% { -moz-transform: translateX(10%) rotate(2deg); }
75% { -moz-transform: translateX(-5%) rotate(-1deg); }
100% { -moz-transform: translateX(0%); }
}
@-o-keyframes wobble {
0% { -o-transform: translateX(0%); }
15% { -o-transform: translateX(-25%) rotate(-5deg); }
30% { -o-transform: translateX(20%) rotate(3deg); }
45% { -o-transform: translateX(-15%) rotate(-3deg); }
60% { -o-transform: translateX(10%) rotate(2deg); }
75% { -o-transform: translateX(-5%) rotate(-1deg); }
100% { -o-transform: translateX(0%); }
}
@keyframes wobble {
0% { transform: translateX(0%); }
15% { transform: translateX(-25%) rotate(-5deg); }
30% { transform: translateX(20%) rotate(3deg); }
45% { transform: translateX(-15%) rotate(-3deg); }
60% { transform: translateX(10%) rotate(2deg); }
75% { transform: translateX(-5%) rotate(-1deg); }
100% { transform: translateX(0%); }
}
.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble;
} @-webkit-keyframes pulse {
0% { -webkit-transform: scale(1); }	
50% { -webkit-transform: scale(1.1); }
100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
0% { -moz-transform: scale(1); }	
50% { -moz-transform: scale(1.1); }
100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
0% { -o-transform: scale(1); }	
50% { -o-transform: scale(1.1); }
100% { -o-transform: scale(1); }
}
@keyframes pulse {
0% { transform: scale(1); }	
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
}
}
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) rotateY(0);
-moz-animation-timing-function: ease-out;
}
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-animation-timing-function: ease-out;
}
50% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function: ease-in;
}
80% {
-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
-moz-animation-timing-function: ease-in;
}
100% {
-moz-transform: perspective(400px) scale(1);
-moz-animation-timing-function: ease-in;
}
}
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) rotateY(0);
-o-animation-timing-function: ease-out;
}
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-animation-timing-function: ease-out;
}
50% {
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function: ease-in;
}
80% {
-o-transform: perspective(400px) rotateY(360deg) scale(.95);
-o-animation-timing-function: ease-in;
}
100% {
-o-transform: perspective(400px) scale(1);
-o-animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
transform: perspective(400px) rotateY(0);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) rotateY(360deg) scale(.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) scale(1);
animation-timing-function: ease-in;
}
}
.flip {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flip;
-moz-backface-visibility: visible !important;
-moz-animation-name: flip;
-o-backface-visibility: visible !important;
-o-animation-name: flip;
backface-visibility: visible !important;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(-45deg);
}
40% {
-webkit-transform: perspective(400px) rotateX(5deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(-5deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(-45deg);
}
40% {
-moz-transform: perspective(400px) rotateX(5deg);
}
70% {
-moz-transform: perspective(400px) rotateX(-5deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(-45deg);
}
40% {
-o-transform: perspective(400px) rotateX(5deg);
}
70% {
-o-transform: perspective(400px) rotateX(-5deg);
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-ms-keyframes flipInX {
0% {
-ms-transform: perspective(400px) rotateX(-45deg);
}
40% {
-ms-transform: perspective(400px) rotateX(5deg);
}
70% {
-ms-transform: perspective(400px) rotateX(-5deg);
}
100% {
-ms-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(-45deg);
}
40% {
transform: perspective(400px) rotateX(5deg);
}
70% {
transform: perspective(400px) rotateX(-5deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-webkit-transform-origin:0 0 0;
-webkit-transform-style: preserve-3d;
-o-backface-visibility: visible !important;
-o-animation-name: flipInX;
-o-transform-origin:0 0 0;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInX;
-moz-transform-origin:0 0 0;
transform-origin:0 0 0;
backface-visibility: visible !important;
animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(-90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutX {
0% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateX(-90deg);
opacity: 0;
}
}
@-o-keyframes flipOutX {
0% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateX(-90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateX(-90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-moz-animation-name: flipOutX;
-moz-backface-visibility: visible !important;
-o-animation-name: flipOutX;
-o-backface-visibility: visible !important;
-webkit-transform-origin:0 0 0;
-moz-transform-origin:0 0 0;
-o-transform-origin:0 0 0;
transform-origin:0 0 0;
animation-name: flipOutX;
backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(45deg);
-webkit-transform-origin: 0% 0%;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-5deg);
-webkit-transform-origin: 0% 0%;
}
70% {
-webkit-transform: perspective(400px) rotateY(5deg);
-webkit-transform-origin: 0% 0%;
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-webkit-transform-origin: 0% 0%;
opacity: 1;
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(45deg);
-moz-transform-origin: 0% 0%;
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateY(-5deg);
-moz-transform-origin: 0% 0%;
}
70% {
-moz-transform: perspective(400px) rotateY(5deg);
-moz-transform-origin: 0% 0%;
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
-moz-transform-origin: 0% 0%;
opacity: 1;
}
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(45deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateY(-5deg);
}
70% {
-o-transform: perspective(400px) rotateY(5deg);
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(45deg);
transform-origin: 0% 0%;
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-5deg);
transform-origin: 0% 0%;
}
70% {
transform: perspective(400px) rotateY(5deg);
transform-origin: 0% 0%;
}
100% {
transform: perspective(400px) rotateY(0deg);
transform-origin: 0% 0%;
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInY;
-o-backface-visibility: visible !important;
-o-animation-name: flipInY;
-webkit-transform-origin:0 0 0;
-moz-transform-origin:0 0 0;
-o-transform-origin:0 0 0;
transform-origin:0 0 0;
backface-visibility: visible !important;
animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutY {
0% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutY {
0% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipOutY;
-o-backface-visibility: visible !important;
-o-animation-name: flipOutY;
-webkit-transform-origin:0 0 0;
-moz-transform-origin:0 0 0;
-o-transform-origin:0 0 0;
transform-origin:0 0 0;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@-o-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-moz-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-o-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-20px);
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(20px);
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
}
@-moz-keyframes fadeOutLeft {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-20px);
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(20px);
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes fadeOutUpBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-moz-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-moz-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-moz-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.3);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(.3);
}
100% {
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3);
}
100% {
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(-30px);
}
80% {
-moz-transform: translateY(10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
60% {
opacity: 1;
-o-transform: translateY(-30px);
}
80% {
-o-transform: translateY(10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(30px);
}
80% {
-moz-transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
60% {
opacity: 1;
-o-transform: translateY(30px);
}
80% {
-o-transform: translateY(-10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(30px);
}
80% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
60% {
opacity: 1;
-o-transform: translateX(30px);
}
80% {
-o-transform: translateX(-10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
opacity: 1;
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1) ;
}
100% {
opacity: 0;
-webkit-transform: scale(.3) ;
}	
}
@-moz-keyframes bounceOut {
0% {
-moz-transform: scale(1) ;
}
100% {
opacity: 0;
-moz-transform: scale(.3);
}	
}
@-o-keyframes bounceOut {
0% {
-o-transform: scale(1) ;
}
100% {
opacity: 0;
-o-transform: scale(.3);
}	
}
@keyframes bounceOut {
0% {
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(.3) ;
}	
}
.bounceOut {
-webkit-animation-name: bounceOut;
-moz-animation-name: bounceOut;
-o-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes bounceOutUp {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(20px);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes bounceOutUp {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(20px);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(20px);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-moz-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes bounceOutDown {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(-20px);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes bounceOutDown {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(-20px);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(-20px);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes bounceOutLeft {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(20px);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes bounceOutLeft {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(20px);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(20px);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes bounceOutRight {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(-20px);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes bounceOutRight {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(-20px);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(-20px);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0;
}
}
@-moz-keyframes rotateOut {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(200deg);
opacity: 0;
}
}
@-o-keyframes rotateOut {
0% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
-moz-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-moz-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-moz-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-moz-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-moz-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
100% { -webkit-transform: translateY(700px); opacity: 0; }
}
@-moz-keyframes hinge {
0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
100% { -moz-transform: translateY(700px); opacity: 0; }
}
@-o-keyframes hinge {
0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
100% { -o-transform: translateY(700px); opacity: 0; }
}
@keyframes hinge {
0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }	
20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }	
100% { transform: translateY(700px); opacity: 0; }
}
.hinge {
-webkit-animation-name: hinge;
-moz-animation-name: hinge;
-o-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}
@-moz-keyframes rollIn {
0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}
@-o-keyframes rollIn {
0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}
@keyframes rollIn {
0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.rollIn {
-webkit-animation-name: rollIn;
-moz-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
}
}
@-moz-keyframes rollOut {
0% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-moz-transform: translateX(100%) rotate(120deg);
}
}
@-o-keyframes rollOut {
0% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-o-transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
-moz-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut;
} @-webkit-keyframes lightSpeedIn {
0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-moz-keyframes lightSpeedIn {
0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-o-keyframes lightSpeedIn {
0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@keyframes lightSpeedIn {
0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-moz-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
.animated.lightSpeedIn {
-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
animation-duration: 0.5s;
} @-webkit-keyframes lightSpeedOut {
0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-moz-keyframes lightSpeedOut {
0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-o-keyframes lightSpeedOut {
0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@keyframes lightSpeedOut {
0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-moz-animation-name: lightSpeedOut;
-o-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.animated.lightSpeedOut {
-webkit-animation-duration: 0.25s;
-moz-animation-duration: 0.25s;
-o-animation-duration: 0.25s;
animation-duration: 0.25s;
} @-webkit-keyframes wiggle {
0% { -webkit-transform: skewX(9deg); }
10% { -webkit-transform: skewX(-8deg); }
20% { -webkit-transform: skewX(7deg); }
30% { -webkit-transform: skewX(-6deg); }
40% { -webkit-transform: skewX(5deg); }
50% { -webkit-transform: skewX(-4deg); }
60% { -webkit-transform: skewX(3deg); }
70% { -webkit-transform: skewX(-2deg); }
80% { -webkit-transform: skewX(1deg); }
90% { -webkit-transform: skewX(0deg); }
100% { -webkit-transform: skewX(0deg); }
}
@-moz-keyframes wiggle {
0% { -moz-transform: skewX(9deg); }
10% { -moz-transform: skewX(-8deg); }
20% { -moz-transform: skewX(7deg); }
30% { -moz-transform: skewX(-6deg); }
40% { -moz-transform: skewX(5deg); }
50% { -moz-transform: skewX(-4deg); }
60% { -moz-transform: skewX(3deg); }
70% { -moz-transform: skewX(-2deg); }
80% { -moz-transform: skewX(1deg); }
90% { -moz-transform: skewX(0deg); }
100% { -moz-transform: skewX(0deg); }
}
@-o-keyframes wiggle {
0% { -o-transform: skewX(9deg); }
10% { -o-transform: skewX(-8deg); }
20% { -o-transform: skewX(7deg); }
30% { -o-transform: skewX(-6deg); }
40% { -o-transform: skewX(5deg); }
50% { -o-transform: skewX(-4deg); }
60% { -o-transform: skewX(3deg); }
70% { -o-transform: skewX(-2deg); }
80% { -o-transform: skewX(1deg); }
90% { -o-transform: skewX(0deg); }
100% { -o-transform: skewX(0deg); }
}
@keyframes wiggle {
0% { transform: skewX(9deg); }
10% { transform: skewX(-8deg); }
20% { transform: skewX(7deg); }
30% { transform: skewX(-6deg); }
40% { transform: skewX(5deg); }
50% { transform: skewX(-4deg); }
60% { transform: skewX(3deg); }
70% { transform: skewX(-2deg); }
80% { transform: skewX(1deg); }
90% { transform: skewX(0deg); }
100% { transform: skewX(0deg); }
}
.wiggle {
-webkit-animation-name: wiggle;
-moz-animation-name: wiggle;
-o-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.animated.wiggle {
-webkit-animation-duration: 0.75s;
-moz-animation-duration: 0.75s;
-o-animation-duration: 0.75s;
animation-duration: 0.75s;
}
#container h1,#container h2,#container h3,#container h4,#container h5,#container h6{
margin: 0;
padding: 0;
border: 0;
vertical-align:baseline;
}
#container{
clear:both;
margin:30px auto
}
#menuMega {
position: relative;
z-index: 1;
}
.menu-container{
position: relative;
}
@media (min-width: 992px) {
.mega-menu ul{
min-width: 165px;
}
.standard-menu ul{
min-width: 165px;
}
}
.standard-menu .dropdown-menu ul{
border-left:1px solid #ebebeb;
border-right:1px solid #ebebeb;
border-top:1px solid #ebebeb;
}
.standard-menu .dropdown-menu ul li{
border-bottom:1px solid #ebebeb;
}
.menu3dmega li.standard-menu .dropdown-menu ul ul{
border-top:1px solid #ebebeb;
} .menu3dmega{
}
.menu3dmega ul
{
margin:0;
padding: 0;
}
.menu3dmega li .dropdown-menu{
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
}
.menu3dmega ul li
{
list-style:none;
}
.menu3dmega li > a:hover
{
background:none !important;
}
.menu3dmega a,.menu3dmega a:visited
{
outline: 0 none;
}
.menu3dmega{
position:relative;
}
.menu3dmega:after
{
clear:both;
content:"";
display:block;
}
.menu3dmega > ul > li {
float:left;
display:inline-block;
position:static;
text-align:left;
}
.menu3dmega > ul > li.last
{
}
@media (min-width: 768px) {
.menu3dmega > ul > li:first-child > a,
.menu3dmega > ul > li.first > a
{
padding-left: 0;
}
} .menu3dmega > ul > li.full-width{
position:static ;
}
.menu3dmega .full-width .dropdown-menu
{
left:-1px;
width:100%;
} .menu3dmega > ul > li > a, .menu3dmega > ul > li > span
{
padding: 10px 20px;
color: #555;
display: block;
outline: 0;
text-decoration: none;
}
@media (max-width: 767px) {
.menu3dmega > ul > li > a, .menu3dmega > ul > li > span
{
padding: 10px;
}
}
.menu3dmega > ul > li .icon-menu
{
float:left;
height:16px;
margin-right:7px;
}
.menu3dmega > ul > li > .arrow-icon,.menu3dmega > ul > li > .arrow-icon-bottom
{
padding-right:25px;
cursor:pointer;
position:relative;
}
.menu3dmega > ul > li p a
{
text-decoration:none;
}
.menu3dmega > ul li > a{
position: relative;
text-decoration:none;
color: rgba(255,255,255,0.9);
display:block;
z-index: 1;
}
.menu3dmega > ul li > a:before{
content: "";
top: 10px;
left: 0;
position: absolute;
height: 20px;
width: 1px;
display: block;
background: rgba(255,255,255,0.5);
z-index: 1;
}
@media (max-width: 767px) {
.menu3dmega > ul li > a:before{
display: none;
}
}
.menu3dmega > ul li:first-child > a:before,
.menu3dmega > ul li.first > a:before{
display: none;
}
.menu3dmega > ul > li.open > a,
.menu3dmega > ul > li:hover > .arrow-icon-bottom:after, 
.menu3dmega > ul > li:hover > a,
.menu3dmega > ul > li:hover > a:after,
.menu3dmega > ul > li:hover > .arrow-icon-bottom{
color: #fff;
}
.menu3dmega > ul ul li > a{
color:#959595;
padding-left: 3px;	
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a{
background-color:transparent !important;
background-image: none !important;
color:#555;
}
.menu3dmega >ul > li > .dropdown-menu
{
left:auto;
}
.menu3dmega li .dropdown-menu
{
position:absolute;
text-align:left;
white-space: nowrap;
display:none;
background-color:#fff;
margin:0;
box-shadow:0 2px 3px rgba(0,0,0,0.05);
-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.05);
-moz-box-shadow:0 2px 3px rgba(0,0,0,0.05);
} .menu3dmega .dropdown-menu > ul > li a
{
color: #959595;
display: block;
line-height: 20px;
padding: 8px 15px;
white-space: nowrap;
}
.menu3dmega .dropdown-menu > ul li.open > a,
.menu3dmega .dropdown-menu > ul > li a:hover{
color: #555;
background-color: #fafafa !important;
}
.menu3dmega .dropdown-menu [class*="col-lg"]:first-child
{
margin-left: 0;
}
.menu3dmega .grid-demo [class*="col-lg"] {
background: none repeat scroll 0 0 #EEEEEE;
font-size: 12px;
font-weight: bold;
margin-bottom: 5px;
margin-top: 5px;
text-align: center;
border:1px solid #ccc;
}
.menu3dmega li .sub{
border-top:1px solid #ccc;
display:none;
position:absolute;
top:-1px;
z-index:20;
}
.menu3dmega span.arrow-icon:after{
background: none repeat scroll 0 0 transparent;
content: "";
display: inline-block;
font-size: 0;
position: absolute;
right: 16px;
top: 40%;
height: 0;
width: 0;
z-index: 9;
border-style: solid;
border-width: 4px 0px 4px 4px;
border-color:transparent transparent transparent #959595;
}
.menu3dmega .dropdown-menu > ul li.open > span.arrow-icon:after,
.menu3dmega .dropdown-menu > ul > li:hover span.arrow-icon:after{
border-color:transparent transparent transparent #555;
}
.menu3dmega {
}
.menu3dmega span.arrow-icon-bottom:after
{
background: none repeat scroll 0 0 transparent;
content: "";
display: inline-block;
font-size: 0;
position: absolute;
right: 8px;
height: 0;
top: 46%;
width: 0;
border-style: solid dashed dashed dashed;
border-width: 4px 4px 0 4px;
border-color:#eee transparent transparent transparent;
} .menu3dmega .menuToggle
{
display:none;
cursor: pointer;
display: none;
font-size: 12px;
padding: 12px 10px;
text-align: left;
text-transform: uppercase;
color:#fff;
}
.menu3dmega .menuToggle .megaMenuToggle-icon {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
display: inline-block;
float: right;
height: 2px;
margin-top: 12px;
position: relative;
text-align: left;
width: 16px;
}
.menu3dmega .menuToggle .megaMenuToggle-icon:before {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
content: "";
height: 2px;
position: absolute;
top: -4px;
width: 16px;
}
.menu3dmega .menuToggle .megaMenuToggle-icon:after {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
content: "";
height: 2px;
position: absolute;
top: -8px;
width: 16px;
}
.menu3dmega p {
line-height:18px;
margin:0 0 22px 0;
white-space:normal;
clear:both;
text-align:justify;
}
.menu3dmega li .blackbox {
background-color:#555;
color: #eeeeee;
text-shadow: 1px 1px 1px #000;
padding:4px 6px 4px 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow:inset 0 0 3px #000000;
-moz-box-shadow:inset 0 0 3px #000000;
box-shadow:inset 0 0 3px #000000;
}
.menu3dmega li .blue {
background-color: #444;
box-shadow: 0px 4px 12px #000 inset;
-webkit-box-shadow: 0px 4px 12px #000 inset;
-moz-box-shadow: 0px 4px 12px #000 inset;
padding: 7px 10px;
text-shadow: 1px 1px 1px #000000;
}
.menu3dmega .blue li a{
color: #FFFFFF !important;
text-shadow:0 1px 0 #000 !important;}
.menu3dmega li ul {
list-style:none;
margin:0;
}
.menu3dmega li ul li {
padding:5px 0;
position:relative;
margin:0;
float:none;
text-align:left;
}
.menu3dmega li ul li:hover {
background: #f5f5f5;
}
.menu3dmega li.standard-menu ul li {
padding:0;
}
.menu3dmega li .grisbox li {
background:#F4F4F4;
border:1px solid #bbbbbb;
margin:0px 0px 4px 0px;
padding:4px 6px 4px 6px;
width:116px;
-moz-border-radius:5px 5px 2px 2px;
-webkit-border-radius:5px 5px 2px 2px;
-khtml-border-radius: 5px 5px 2px 2px;
border-radius: 5px 5px 2px 2px;
-webkit-box-shadow:inset 0 0 3px #ccc;
-moz-box-shadow:inset 0 0 3px #ccc;
box-shadow:inset 0 0 3px #ccc;
}
.menu3dmega .imgclass{
float:left;
margin-top:3px;
margin-right:10px;
background:#FFFFFF;
padding:4px;
border:1px solid #777777;
-moz-box-shadow:0px 0px 5px #666666;
-webkit-box-shadow:0px 0px 5px #666666;
box-shadow:0px 0px 5px #666666;}
.menu3dmega .text{
width:230px;
display:block;
}
.menu3dmega .menu-title
{
color: #555;
display: block;
font-size: 14px;
font-weight:bold;
margin-bottom:10px;
text-decoration:none;
}
.menu3dmega .hide-title .menu-title{
display: none;
}
.menu3dmega .desc
{
font-style:italic;
color:#999;
font-size:10px;
display:block;
font-weight:normal;
}
.menu3dmega .separator
{
clear:both;
margin:0px 0 10px 0;
height:1px;
display:block;
border-bottom: 1px solid #eee;
}
.menu3dmega .separator:before, .separator:after {
content: "";
display: table;
line-height: 0;
}
.menu3dmega .content {
padding: 20px 15px 0;
border-left:1px solid #ebebeb;
border-right:1px solid #ebebeb;
border-bottom:1px solid #ebebeb;
}
.menu3dmega .content .row > div{
margin-bottom: 20px;
border-left: 1px solid #ebebeb;
}
.menu3dmega .content .row > div:first-child{
border-left: none;
}
.menu3dmega .content:after
{
clear: both;
content: "";
display: table;
line-height: 0;
}
.menu3dmega .clearfix > .menu-title{
margin: 10px 20px;
}
.menu3dmega .left
{
float:left;
}
.menu3dmega .right
{
float:right !important;
}
.menu3dmega div[class*="animate-"]
{
display:none;
position:absolute;
}
.menu3dmega > ul > li.right
{
border-left:none !important;
border-right:none !important;
}
.menu3dmega .thumbnail-item{
text-align: center;
}
.menu3dmega .thumbnail-item.alight-content-left{
text-align: left;
}
.menu3dmega .full-width-thumbnail .thumbnail-item-wrap{
max-width: 100%;
width: 100%;
}
.menu3dmega .thumbnail-item-wrap{
display: inline-block;
max-width: 250px;
width: 100%;
}
@media (max-width: 991px) {
.menu3dmega .thumbnail-item-wrap{
max-width: 100%;
}
}
.menu3dmega .thumbnail-object{
display: block;
position: relative;
margin-bottom: 10px;
border: 1px solid #ebebeb;
padding: 1px;
-webkit-transition: all 0.15s ease-in-out 0s;  
-moz-transition: all 0.15s ease-in-out 0s;  
-o-transition: all 0.15s ease-in-out 0s;  
-ms-transition: all 0.15s ease-in-out 0s;  
transition: all 0.15s ease-in-out 0s;
}
.menu3dmega .thumbnail-object:hover{
border-color: #ccc;
}
.menu3dmega .thumbnail-object-img{
width: 100%
}
.menu3dmega .thumbnail-item .thumbnail-item-title{
font-size: 14px;
float: left;
}
.menu3dmega .thumbnail-item .thumbnail-item-content-portfolio .thumbnail-item-title{
float: none;
}
.menu3dmega .thumbnail-item .thumbnail-item-price{
float: right;
}
.menu3dmega .thumbnail-item .menu-description{
color: #959595;
display: block;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
text-decoration: none;
}
.menu3dmega li .dropdown-menu .lpd-onsale,
.menu3dmega li .dropdown-menu .lpd-out-of-s{
white-space: normal;
}
.menu3dmega li .dropdown-menu .lpd-out-of-s{
right: 10px !important;
}  @media (min-width:480px) and (max-width:767px){
.menu3dmega.responsive > ul > li,
.menu3dmega.responsive li.menu-non-dropdown 
{
width:50%;
}
.menu3dmega.responsive > ul > li > div
{
width:100%;
left:0;
}
} @media (max-width: 480px) {
.menu3dmega.responsive > ul > li, 
.menu3dmega.responsive li.menu-non-dropdown
{
width:100%;
}
.menu3dmega.responsive > ul > li > .arrow-icon-bottom:after{
right:5%;
}
} @media (min-width: 768px)  {
.menu3dmega.responsive .menuToggle
{
display:none;
}
.menu3dmega.responsive 
{
display:block;
}
.menu3dmega.responsive > ul{
display:block !important;
}
} @media (max-width: 767px)  
{
.menu3dmega > ul > li.first
{
margin-left: 0;
}
.menu3dmega.responsive {
border:none !important;
}
.menu3dmega.responsive .menuToggle
{
display:block;
}
.menu3dmega.responsive > ul
{
display:none;
}
.menu3dmega.responsive .contact-form input[type=text],
.menu3dmega.responsive .contact-form textarea{
width:98%;
}
.menu3dmega.responsive > ul > li > a,
.menu3dmega.responsive > ul > li > .arrow-icon,
.menu3dmega.responsive > ul > li > .arrow-icon-bottom{
position:relative;
}
.menu3dmega.responsive li > .arrow-icon:after{
background: none repeat scroll 0 0 transparent;
border-color: #959595 transparent transparent;
border-style: solid dashed dashed;
border-width: 4px 4px 0;
content: "";
display: inline-block;
font-size: 0;
margin-top: -1px;
padding-top: 1px;
position: absolute;
top: 50%;
}
.menu3dmega.responsive .dropdown-menu > ul li.open > span.arrow-icon:after,
.menu3dmega.responsive .dropdown-menu > ul > li:hover span.arrow-icon:after{
border-color: #555 transparent transparent;
}
.menu3dmega.responsive > ul > li {
border-left:none !important;
border-right:none !important;
}
.menu3dmega.responsive li .dropdown-menu
{
width:100%;
left:0 ;
top:auto;
border-left:none !important;
border-right:none !important;
}
} @media (min-width: 768px)  {
.menu3dmega.vertical
{
width:auto;
float:left;
}
.menu3dmega.vertical .dropdown-menu.flyout-menu
{
width:auto;
}
.menu3dmega.vertical .dropdown-menu
{
width:800px;
max-width:800px;
top:0;
left:100% !important;
border-top:1px solid #ccc;
}
.menu3dmega.vertical > ul > li 
{
position:relative ;
}
.menu3dmega.vertical span.arrow-icon-bottom:after
{
border-style: solid;
border-width: 4px 0px 4px 4px;
border-color:transparent transparent transparent #EEEEEE
}
.menu3dmega.vertical li:hover span.arrow-icon-bottom:after
{
border-style: solid;
border-width: 4px 0px 4px 4px;
border-color:transparent transparent transparent #fff;
}
.menu3dmega.vertical > ul > li{
border-left:none !important;
border-right:none !important;
}
}
  .cbp,
.cbp-wrapper,
.cbp-item {
filter: inherit; }
.wpb_row .cbp-wrapper *{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.cbp {
position: relative;
overflow: hidden;
margin: 0 auto;
height: 400px;
visibility: visible !important;
}
.cbp-wrapper,
.cbp .cbp-item {
position: absolute;
top: 0;
left: 0;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.cbp .cbp-item {
z-index: 2;
display: block;
width: 300px; height: 200px; }
.cbp-item-wrapper {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.cbp img {
display: block;
}
.cbp-loading,
.cbp-loading *,
.cbp-no-transition .cbp-item {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.cbp-appendItems-loading { -webkit-transition: height .4s ease !important;
-moz-transition: height .4s ease !important;
-o-transition: height .4s ease !important;
transition: height .4s ease !important;
}
.cbp-appendItems-loading .cbp-wrapper {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.cbp-loading { background: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/cbp-plugin/cubeportfolio/img/cbp-loading.gif) no-repeat scroll center center transparent;
}
.cbp .cbp-item-hidden {
pointer-events: none;
z-index: 1;
}
.cbp-wrapper {
visibility: hidden;
width: 100%;
height: 100%;
z-index: 1;
}
.cbp-ready .cbp-wrapper {
visibility: visible;
}
.cbp-wrapper-front {
z-index: 3;
}
.cbp-wrapper-back {
z-index: -1;
} .cbp-caption,
.cbp-caption-defaultWrap,
.cbp-caption-activeWrap {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
display: block;
text-decoration: none;
}
.cbp-caption-defaultWrap,
.cbp-caption-activeWrap {
position: absolute;
z-index: 1;
}
.cbp-caption-activeWrap {
z-index: 2;
}  .cbp-l-caption-title { color: #fff;
font-size: 16px;
line-height: 18px;
margin-bottom: 5px;
}
.cbp-l-caption-desc { color: #777;
font-size: 12px;
line-height: 16px;
}
.cbp-l-caption-text { line-height: 14px;
color: #fff;
letter-spacing: 1px;
font-weight: 900;
text-transform: uppercase;
}
.cbp-l-caption-buttonLeft,
.cbp-l-caption-buttonRight {
}
.cbp-l-caption-buttonLeft:hover,
.cbp-l-caption-buttonRight:hover {
}
.cbp-l-caption-buttonLeft{
margin-right: 5px;
}  .cbp-caption-pushTop .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-pushDown .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-revealBottom .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-revealTop .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-overlayBottom .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-overlayRightAlong .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-fadeIn .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-zoom .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-minimal .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-moveRight .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-revealLeft .cbp-l-caption-alignLeft .cbp-l-caption-body { margin: 30px 30px 0;
}
.cbp-caption-overlayBottomPush .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-overlayBottom .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-overlayBottomReveal .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-overlayBottomAlong .cbp-l-caption-alignLeft .cbp-l-caption-body { margin: 17px 30px 0;
} .cbp-caption-minimal .cbp-l-caption-title,
.cbp-caption-minimal .cbp-l-caption-desc { position: relative;
left: 0;
opacity: 0;
-webkit-transition: -webkit-transform .5s ease;
-moz-transition:    -moz-transform .5s ease;
-o-transition:      -o-transform .5s ease;
transition:         transform .5s ease;
}
.cbp-caption-minimal .cbp-l-caption-title { -webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.cbp-caption-minimal .cbp-l-caption-desc { -webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-title,
.cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-desc { opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}   .cbp-l-caption-alignCenter {
display: table;
width: 100%;
height: 100%;
}
.cbp-l-caption-alignCenter .cbp-l-caption-body {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
.cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {
position: relative; -webkit-transition: left .4s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: left .4s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: left .4s cubic-bezier(.190, 1.000, .220, 1.000);
transition: left .4s cubic-bezier(.190, 1.000, .220, 1.000);
}
.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
.cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
.cbp-caption-minimal .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft { left: -20px;
}
.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,
.cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,
.cbp-caption-minimal .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,
.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight { left: 20px;
}
.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight { left: 0;
} .cbp-ie8 .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
.cbp-ie8 .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,
.cbp-ie9 .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
.cbp-ie9 .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight { left: 0;
}  .cbp-caption-pushTop .cbp-caption-defaultWrap,
.cbp-caption-pushTop .cbp-caption-activeWrap {
bottom: 0; -webkit-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
}
.cbp-caption-pushTop .cbp-caption-activeWrap {
bottom: -100%; background: none repeat scroll 0 0 #363636;
}
.cbp-caption-pushTop .cbp-caption:hover .cbp-caption-defaultWrap {
bottom: 100%;
}
.cbp-caption-pushTop .cbp-caption:hover .cbp-caption-activeWrap {
bottom: 0;
} .cbp-caption-pushTop.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,
.cbp-caption-pushTop.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap {
bottom: 0;
} .cbp-caption-pushTop.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,
.cbp-caption-pushTop.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap {
bottom: -100%;
}  .cbp-caption-pushDown .cbp-caption-defaultWrap,
.cbp-caption-pushDown .cbp-caption-activeWrap {
bottom: 0; -webkit-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
}
.cbp-caption-pushDown .cbp-caption-activeWrap {
bottom: 100%; background: none repeat scroll 0 0 #363636;
}
.cbp-caption-pushDown .cbp-caption:hover .cbp-caption-defaultWrap {
bottom: -100%;
}
.cbp-caption-pushDown .cbp-caption:hover .cbp-caption-activeWrap {
bottom: 0;
} .cbp-caption-pushDown.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,
.cbp-caption-pushDown.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap {
bottom: 0;
} .cbp-caption-pushDown.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,
.cbp-caption-pushDown.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap {
bottom: 100%;
}  .cbp-caption-revealBottom .cbp-caption-defaultWrap {
bottom: 0;
z-index: 2; -webkit-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
}
.cbp-caption-revealBottom .cbp-caption-activeWrap {
bottom: 0;
z-index: 1; background: none repeat scroll 0 0 #363636;
}
.cbp-caption-revealBottom .cbp-caption:hover .cbp-caption-defaultWrap {
bottom: 100%;
} .cbp-caption-revealBottom.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,
.cbp-caption-revealBottom.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap {
bottom: 0;
}  .cbp-caption-revealTop .cbp-caption-defaultWrap {
bottom: 0;
z-index: 2; -webkit-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
}
.cbp-caption-revealTop .cbp-caption-activeWrap {
bottom: 0;
z-index: 1; background: none repeat scroll 0 0 #363636;
}
.cbp-caption-revealTop .cbp-caption:hover .cbp-caption-defaultWrap {
bottom: -100%;
} .cbp-caption-revealTop.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,
.cbp-caption-revealTop.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap {
bottom: 0;
}  .cbp-caption-overlayBottomReveal .cbp-caption-defaultWrap {
bottom: 0;
z-index: 2; -webkit-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
}
.cbp-caption-overlayBottomReveal .cbp-caption-activeWrap {
bottom: 0;
z-index: 1; height: 70px;
background: none repeat scroll 0 0 #363636;
}
.cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 70px;
} .cbp-caption-overlayBottomReveal.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,
.cbp-caption-overlayBottomReveal.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap {
bottom: 0;
}  .cbp-caption-overlayBottomPush .cbp-caption-defaultWrap,
.cbp-caption-overlayBottomPush .cbp-caption-activeWrap {
bottom: 0; -webkit-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
}
.cbp-caption-overlayBottomPush .cbp-caption-activeWrap { bottom: -70px;
height: 70px;
background: none repeat scroll 0 0 #363636;
}
.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 70px;
}
.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-activeWrap {
bottom: 0;
} .cbp-caption-overlayBottomPush.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,
.cbp-caption-overlayBottomPush.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap {
bottom: 0;
} .cbp-caption-overlayBottomPush.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,
.cbp-caption-overlayBottomPush.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { bottom: -70px;
}  .cbp-caption-overlayBottom .cbp-caption-activeWrap { bottom: -70px;
height: 70px;
background-color: rgb(24, 22, 22);
background-color: rgba(24, 22, 22, .7);
-webkit-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
}
.cbp-caption-overlayBottom .cbp-caption:hover .cbp-caption-activeWrap {
bottom: 0;
} .cbp-caption-overlayBottom.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { bottom: -70px;
}  .cbp-caption-moveRight .cbp-caption-activeWrap {
left: -100%;
top: 0; background: none repeat scroll 0 0 #363636;
-webkit-transition: left .6s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: left .6s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: left .6s cubic-bezier(.190, 1.000, .220, 1.000);
transition: left .6s cubic-bezier(.190, 1.000, .220, 1.000);
}
.cbp-caption-moveRight .cbp-caption:hover .cbp-caption-activeWrap {
left: 0;
} .cbp-caption-moveRight.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,
.cbp-caption-moveRight.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap {
left: -100%;
}  .cbp-caption-revealLeft .cbp-caption-activeWrap {
left: 100%;
top: 0; background: none repeat scroll 0 0 #363636;
-webkit-transition: left .6s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: left .6s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: left .6s cubic-bezier(.190, 1.000, .220, 1.000);
transition: left .6s cubic-bezier(.190, 1.000, .220, 1.000);
}
.cbp-caption-revealLeft .cbp-caption:hover .cbp-caption-activeWrap {
left: 0;
} .cbp-caption-revealLeft.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,
.cbp-caption-revealLeft.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap {
left: 100%;
}  .cbp-caption-minimal .cbp-caption-activeWrap { background-color: rgba(54, 54, 54, .8);
opacity: 0;
}
.cbp-caption-minimal .cbp-caption:hover .cbp-caption-activeWrap { opacity: 1;
}
.cbp-caption-minimal.cbp-ie8 .cbp-caption-activeWrap { background-color: rgb(0, 0, 0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.cbp-caption-minimal.cbp-ie8 .cbp-caption:hover  .cbp-caption-activeWrap {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}  .cbp-caption-fadeIn .cbp-caption-activeWrap {
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; background-color: rgba(54, 54, 54, .85);
-webkit-transition: opacity .6s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: opacity .6s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: opacity .6s cubic-bezier(.190, 1.000, .220, 1.000);
transition: opacity .6s cubic-bezier(.190, 1.000, .220, 1.000);
}
.cbp-caption-fadeIn.cbp-ie8 .cbp-caption-activeWrap { background-color: rgb(0, 0, 0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.cbp-caption-fadeIn .cbp-caption:hover .cbp-caption-activeWrap { opacity: 1;
}
.cbp-caption-fadeIn.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { opacity: 0;
}  .cbp-caption-overlayRightAlong .cbp-caption-defaultWrap,
.cbp-caption-overlayRightAlong .cbp-caption-activeWrap {
left: 0; -webkit-transition: left .6s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: left .6s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: left .6s cubic-bezier(.190, 1.000, .220, 1.000);
transition: left .6s cubic-bezier(.190, 1.000, .220, 1.000);
}
.cbp-caption-overlayRightAlong .cbp-caption-activeWrap { left: -50%;
width: 50%;
background: none repeat scroll 0 0 #363636;
}
.cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-defaultWrap { left: 25%;
}
.cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-activeWrap {
left: 0;
} .cbp-caption-overlayRightAlong.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,
.cbp-caption-overlayRightAlong.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap {
left: 0;
} .cbp-caption-overlayRightAlong.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,
.cbp-caption-overlayRightAlong.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { left: -50%;
}  .cbp-caption-overlayBottomAlong .cbp-caption-defaultWrap,
.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap {
bottom: 0; -webkit-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
transition: bottom .6s cubic-bezier(.190, 1.000, .220, 1.000);
}
.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap {
bottom: -70px;
height: 70px; background: none repeat scroll 0 0 #363636;
}
.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap {
bottom: 35px;
}
.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-activeWrap {
bottom: 0;
} .cbp-caption-overlayBottomAlong.cbp-ie8 .cbp-caption:hover .cbp-caption-defaultWrap,
.cbp-caption-overlayBottomAlong.cbp-ie9 .cbp-caption:hover .cbp-caption-defaultWrap {
bottom: 0;
} .cbp-caption-overlayBottomAlong.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,
.cbp-caption-overlayBottomAlong.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap {
bottom: -70px;
}  .cbp-caption-zoom .cbp-caption-defaultWrap {
width: 100%;
height: 100%;
overflow: hidden; -webkit-transition: -webkit-transform .6s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition:    -moz-transform .6s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition:      -o-transform .6s cubic-bezier(.190, 1.000, .220, 1.000);
transition:         transform .6s cubic-bezier(.190, 1.000, .220, 1.000);
}
.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
-o-transform: scale(1.25);
transform: scale(1.25);
}
.cbp-caption-zoom .cbp-caption-activeWrap {
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; background-color: rgba(54, 54, 54, .9);
-webkit-transition: opacity .8s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: opacity .8s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: opacity .8s cubic-bezier(.190, 1.000, .220, 1.000);
transition: opacity .8s cubic-bezier(.190, 1.000, .220, 1.000);
}
.cbp-caption-zoom.cbp-ie8 .cbp-caption-activeWrap { background-color: rgb(0, 0, 0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap { opacity: 1;
}
.cbp-caption-zoom.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { opacity: 0;
}  .cbp-animation-fadeOut { -webkit-transition: height .6s ease-in-out;
-moz-transition: height .6s ease-in-out;
-o-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
}
.cbp-animation-fadeOut .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s;
-moz-transition:    -moz-transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s;
-o-transition:      -o-transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s;
transition:         transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s;
} .cbp-animation-fadeOut .cbp-item-hidden { -webkit-transition: -webkit-transform .6s ease-in-out 0s, opacity .4s ease-in-out 0s;
-moz-transition:    -moz-transform .6s ease-in-out 0s, opacity .4s ease-in-out 0s;
-o-transition:      -o-transform .6s ease-in-out 0s, opacity .4s ease-in-out 0s;
transition:         transform .6s ease-in-out 0s, opacity .4s ease-in-out 0s;
}  .cbp-animation-quicksand { -webkit-transition: height .6s ease-in-out;
-moz-transition: height .6s ease-in-out;
-o-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
}
.cbp-animation-quicksand .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s;
-moz-transition:    -moz-transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s;
-o-transition:      -o-transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s;
transition:         transform .6s ease-in-out .2s, opacity .6s ease-in-out .2s;
} .cbp-animation-quicksand .cbp-item-hidden { -webkit-transition: -webkit-transform .6s ease-in-out 0s, opacity .4s ease-in-out 0s;
-moz-transition:    -moz-transform .6s ease-in-out 0s, opacity .4s ease-in-out 0s;
-o-transition:      -o-transform .6s ease-in-out 0s, opacity .4s ease-in-out 0s;
transition:         transform .6s ease-in-out 0s, opacity .4s ease-in-out 0s;
}  .cbp-animation-skew { -webkit-transition: height .3s ease-in-out;
-moz-transition: height .3s ease-in-out;
-o-transition: height .3s ease-in-out;
transition: height .3s ease-in-out;
}
.cbp-animation-skew .cbp-item { -webkit-transition: -webkit-transform .3s ease-in, opacity .3s ease-in;
-moz-transition:    -moz-transform .3s ease-in, opacity .3s ease-in;
-o-transition:      -o-transform .3s ease-in, opacity .3s ease-in;
transition:         transform .3s ease-in, opacity .3s ease-in;
} .cbp-animation-skew .cbp-item-hidden { -webkit-transition: -webkit-transform .3s ease-in 0s, opacity .3s ease-in 0s;
-moz-transition:    -moz-transform .3s ease-in 0s, opacity .3s ease-in 0s;
-o-transition:      -o-transform .3s ease-in 0s, opacity .3s ease-in 0s;
transition:         transform .3s ease-in 0s, opacity .3s ease-in 0s;
}  .cbp-animation-boxShadow { -webkit-transition: height .6s ease-in-out;
-moz-transition: height .6s ease-in-out;
-o-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
}
.cbp-animation-boxShadow .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out, opacity .6s ease-in-out;
-moz-transition:    -moz-transform .6s ease-in-out, opacity .6s ease-in-out;
-o-transition:      -o-transform .6s ease-in-out, opacity .6s ease-in-out;
transition:         transform .6s ease-in-out, opacity .6s ease-in-out;
}
.cbp-animation-boxShadow .cbp-item .cbp-animation-boxShadowMask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1; -webkit-transition:box-shadow .6s ease-in-out;
-moz-transition:box-shadow .6s ease-in-out;
-o-transition:box-shadow .6s ease-in-out;
transition:box-shadow .6s ease-in-out;
}
.cbp-animation-boxShadow .cbp-item .cbp-animation-boxShadowMask.cbp-animation-boxShadowShow {
z-index: 10;
}
.cbp-animation-boxShadow .cbp-item .cbp-animation-boxShadowMask.cbp-animation-boxShadowActive { box-shadow: 0 0 100px 100px #fff inset;
}
.cbp-animation-boxShadow .cbp-item .cbp-animation-boxShadowMask.cbp-animation-boxShadowInactive { box-shadow: 0 0 0 0 #fff inset;
}  .cbp-animation-bounceLeft { -webkit-transition: height .8s ease-in-out;
-moz-transition: height .8s ease-in-out;
-o-transition: height .8s ease-in-out;
transition: height .8s ease-in-out;
}
.cbp-animation-bounceLeft .cbp-wrapper { -webkit-transition: opacity .8s ease-in-out, left .8s ease-in-out;
-moz-transition: opacity .8s ease-in-out, left .8s ease-in-out;
-o-transition: opacity .8s ease-in-out, left .8s ease-in-out;
transition: opacity .8s ease-in-out, left .8s ease-in-out;
}
.cbp-animation-bounceLeft .cbp-item { overflow: visible; -webkit-transition: -webkit-transform .8s ease-in-out;
-moz-transition:    -moz-transform .8s ease-in-out;
-o-transition:      -o-transform .8s ease-in-out;
transition:         transform .8s ease-in-out;
}
.cbp-animation-bounceLeft .cbp-item-hidden {
display: none;
}
.cbp-animation-bounceLeft .cbp-item-wrapper { overflow: hidden;
}  .cbp-animation-bounceTop { -webkit-transition: height .6s ease-in-out;
-moz-transition: height .6s ease-in-out;
-o-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
}
.cbp-animation-bounceTop .cbp-wrapper { -webkit-transition: opacity .6s ease-in-out, top .6s ease-in-out;
-moz-transition: opacity .6s ease-in-out, top .6s ease-in-out;
-o-transition: opacity .6s ease-in-out, top .6s ease-in-out;
transition: opacity .6s ease-in-out, top .6s ease-in-out;
}
.cbp-animation-bounceTop .cbp-item { overflow: visible; -webkit-transition: -webkit-transform .8s ease-in-out;
-moz-transition:    -moz-transform .8s ease-in-out;
-o-transition:      -o-transform .8s ease-in-out;
transition:         transform .8s ease-in-out;
}
.cbp-animation-bounceTop .cbp-item-hidden {
display: none;
}
.cbp-animation-bounceTop .cbp-item-wrapper { overflow: hidden;
}  .cbp-animation-bounceBottom { -webkit-transition: height .6s ease-in-out;
-moz-transition: height .6s ease-in-out;
-o-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
}
.cbp-animation-bounceBottom .cbp-wrapper { -webkit-transition: opacity .6s ease-in-out, top .6s ease-in-out;
-moz-transition: opacity .6s ease-in-out, top .6s ease-in-out;
-o-transition: opacity .6s ease-in-out, top .6s ease-in-out;
transition: opacity .6s ease-in-out, top .6s ease-in-out;
}
.cbp-animation-bounceBottom .cbp-item { overflow: visible; -webkit-transition: -webkit-transform .8s ease-in-out;
-moz-transition:    -moz-transform .8s ease-in-out;
-o-transition:      -o-transform .8s ease-in-out;
transition:         transform .8s ease-in-out;
}
.cbp-animation-bounceBottom .cbp-item-hidden {
display: none;
}
.cbp-animation-bounceBottom .cbp-item-wrapper { overflow: hidden;
}  .cbp-animation-moveLeft { -webkit-transition: height .6s ease-in-out;
-moz-transition: height .6s ease-in-out;
-o-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
}
.cbp-animation-moveLeft .cbp-wrapper {
z-index: 2; -webkit-transition: opacity .6s ease-in-out, left .6s ease-in-out;
-moz-transition: opacity .6s ease-in-out, left .6s ease-in-out;
-o-transition: opacity .6s ease-in-out, left .6s ease-in-out;
transition: opacity .6s ease-in-out, left .6s ease-in-out;
}
.cbp-animation-moveLeft .cbp-wrapper.no-trans {
z-index: 1;
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.cbp-animation-moveLeft .cbp-item { overflow: visible; -webkit-transition: -webkit-transform .6s ease-in-out;
-moz-transition:    -moz-transform .6s ease-in-out;
-o-transition:      -o-transform .6s ease-in-out;
transition:         transform .6s ease-in-out;
}
.cbp-animation-moveLeft .cbp-item-wrapper { overflow: hidden;
}  .cbp-animation-slideLeft {
overflow: visible;
}
.cbp-animation-slideLeft .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out;
-moz-transition:    -moz-transform .6s ease-in-out;
-o-transition:      -o-transform .6s ease-in-out;
transition:         transform .6s ease-in-out;
}
.cbp-animation-slideLeft-out {
-webkit-animation: cbp-animation-slideLeft-out .9s both ease;
-moz-animation: cbp-animation-slideLeft-out .9s both ease;
animation: cbp-animation-slideLeft-out .9s both ease;
}
.cbp-animation-slideLeft-in {
-webkit-animation: cbp-animation-slideLeft-in .9s both ease;
-moz-animation: cbp-animation-slideLeft-in .9s both ease;
animation: cbp-animation-slideLeft-in .9s both ease;
}  @-webkit-keyframes cbp-animation-slideLeft-out {
25% { opacity: .75; -webkit-transform: scale(.8); }
75% { opacity: .75; -webkit-transform: scale(.8) translateX(-200%); }
100% { opacity: .75; -webkit-transform: scale(.8) translateX(-200%); }
}
@-moz-keyframes cbp-animation-slideLeft-out {
25% { opacity: .75; -moz-transform: scale(.8); }
75% { opacity: .75; -moz-transform: scale(.8) translateX(-200%); }
100% { opacity: .75; -moz-transform: scale(.8) translateX(-200%); }
}
@keyframes cbp-animation-slideLeft-out {
25% { opacity: .75; transform: scale(.8); }
75% { opacity: .75; transform: scale(.8) translateX(-200%); }
100% { opacity: .75; transform: scale(.8) translateX(-200%); }
}  @-webkit-keyframes cbp-animation-slideLeft-in {
0%, 25% { opacity: .75; -webkit-transform: scale(.8) translateX(200%); }
75% { opacity: .75; -webkit-transform: scale(.8); }
100% { opacity: 1; -webkit-transform: scale(1) translateX(0); }
}
@-moz-keyframes cbp-animation-slideLeft-in {
0%, 25% { opacity: .75; -moz-transform: scale(.8) translateX(200%); }
75% { opacity: .75; -moz-transform: scale(.8); }
100% { opacity: 1; -moz-transform: scale(1) translateX(0); }
}
@keyframes cbp-animation-slideLeft-in {
0%, 25% { opacity: .75; transform: scale(.8) translateX(200%); }
75% { opacity: .75; transform: scale(.8); }
100% { opacity: 1; transform: scale(1) translateX(0); }
}  .cbp-animation-slideDelay {
overflow: visible;
}
.cbp-animation-slideDelay .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out;
-moz-transition:    -moz-transform .6s ease-in-out;
-o-transition:      -o-transform .6s ease-in-out;
transition:         transform .6s ease-in-out;
}
.cbp-animation-slideDelay-out {
-webkit-animation: cbp-animation-slideDelay-out .5s both ease-in-out;
-moz-animation: cbp-animation-slideDelay-out .5s both ease-in-out;
animation: cbp-animation-slideDelay-out .5s both ease-in-out;
}
.cbp-animation-slideDelay-in {
-webkit-animation: cbp-animation-slideDelay-in .5s both ease-in-out;
-moz-animation: cbp-animation-slideDelay-in .5s both ease-in-out;
animation: cbp-animation-slideDelay-in .5s both ease-in-out;
}
.cbp-animation-slideDelay-fadeOut {
-webkit-animation: cbp-animation-slideDelay-fadeOut .4s both ease;
-moz-animation: cbp-animation-slideDelay-fadeOut .4s both ease;
animation: cbp-animation-slideDelay-fadeOut .4s both ease;
}  @-webkit-keyframes cbp-animation-slideDelay-out {
100% { -webkit-transform: translateX(-100%); }
}
@-moz-keyframes cbp-animation-slideDelay-out {
100% { -moz-transform: translateX(-100%); }
}
@keyframes cbp-animation-slideDelay-out {
100% { transform: translateX(-100%); }
}  @-webkit-keyframes cbp-animation-slideDelay-in {
0% { -webkit-transform: translateX(100%); }
100% { -webkit-transform: translateX(0); }
}
@-moz-keyframes cbp-animation-slideDelay-in {
0% { -moz-transform: translateX(100%); }
100% { -moz-transform: translateX(0); }
}
@keyframes cbp-animation-slideDelay-in {
0% { transform: translateX(100%); }
100% { transform: translateX(0); }
}  @-webkit-keyframes cbp-animation-slideDelay-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@-moz-keyframes cbp-animation-slideDelay-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes cbp-animation-slideDelay-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}  .cbp-animation-3dflip {
overflow: visible;
}
.cbp-animation-3dflip .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out;
-moz-transition:    -moz-transform .6s ease-in-out;
-o-transition:      -o-transform .6s ease-in-out;
transition:         transform .6s ease-in-out;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-3dflip-out {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateOutLeft 0.6s forwards;
animation: rotateOutLeft 0.6s forwards;
}
.cbp-animation-3dflip-in {
opacity: 0;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotateInRight 0.6s ease-in forwards;
animation: rotateInRight 0.6s ease-in forwards;
}
.cbp-animation-3dflip-fadeOut {
-webkit-animation: cbp-animation-3dflip-fadeOut .4s both ease;
-moz-animation: cbp-animation-3dflip-fadeOut .4s both ease;
animation: cbp-animation-3dflip-fadeOut .4s both ease;
}  @-webkit-keyframes rotateOutLeft {
100% { opacity: 0; -webkit-transform: rotateY(90deg); }
}
@-moz-keyframes rotateOutLeft {
100% { opacity: 0; -moz1-transform: rotateY(90deg); }
}
@keyframes rotateOutLeft {
100% { opacity: 0; transform: rotateY(90deg); }
}  @-webkit-keyframes rotateInRight {
0% { opacity: 0; -webkit-transform: rotateY(-90deg); }
100% { visibility: visible; opacity: 1; -webkit-transform: rotateY(0deg); }
}
@-moz-keyframes rotateInRight {
0% { opacity: 0; -moz-transform: rotateY(-90deg); }
100% { visibility: visible; opacity: 1; -moz-transform: rotateY(0deg); }
}
@keyframes rotateInRight {
0% { opacity: 0; transform: rotateY(-90deg); }
100% { visibility: visible; opacity: 1; transform: rotateY(0deg); }
}  @-webkit-keyframes cbp-animation-3dflip-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@-moz-keyframes cbp-animation-3dflip-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes cbp-animation-3dflip-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}  .cbp-animation-rotateSides {
overflow: visible;
}
.cbp-animation-rotateSides .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out;
-moz-transition:    -moz-transform .6s ease-in-out;
-o-transition:      -o-transform .6s ease-in-out;
transition:         transform .6s ease-in-out;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-rotateSides-out {
-webkit-transform-origin: -50% 50%;
-webkit-animation: rotateSides-out .5s both ease-in;
-moz-transform-origin: -50% 50%;
-moz-animation: rotateSides-out .5s both ease-in;
transform-origin: -50% 50%;
animation: rotateSides-out .5s both ease-in;
}
.cbp-animation-rotateSides-in {
-webkit-transform-origin: 150% 50%;
-webkit-animation: rotateSides-in .6s both ease-out;
-moz-transform-origin: 150% 50%;
-moz-animation: rotateSides-in .6s both ease-out;
transform-origin: 150% 50%;
animation: rotateSides-in .6s both ease-out;
}
.cbp-animation-rotateSides-fadeOut {
-webkit-animation: cbp-animation-rotateSides-fadeOut .5s both ease;
-moz-animation: cbp-animation-rotateSides-fadeOut .5s both ease;
animation: cbp-animation-rotateSides-fadeOut .5s both ease;
}  @-webkit-keyframes rotateSides-out {
100% { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(90deg); }
}
@-moz-keyframes rotateSides-out {
100% { opacity: 0; -moz-transform: translateZ(-500px) rotateY(90deg); }
}
@keyframes rotateSides-out {
100% { opacity: 0; transform: translateZ(-500px) rotateY(90deg); }
}  @-webkit-keyframes rotateSides-in {
0% { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(-90deg); }
40% { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(-90deg); }
}
@-moz-keyframes rotateSides-in {
0% { opacity: 0; -moz-transform: translateZ(-500px) rotateY(-90deg); }
40% { opacity: 0; -moz-transform: translateZ(-500px) rotateY(-90deg); }
}
@keyframes rotateSides-in {
0% { opacity: 0; transform: translateZ(-500px) rotateY(-90deg); }
40% { opacity: 0; transform: translateZ(-500px) rotateY(-90deg); }
}  @-webkit-keyframes cbp-animation-rotateSides-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@-moz-keyframes cbp-animation-rotateSides-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes cbp-animation-rotateSides-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}  .cbp-animation-flipOutDelay {
overflow: visible;
}
.cbp-animation-flipOutDelay .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out;
-moz-transition:    -moz-transform .6s ease-in-out;
-o-transition:      -o-transform .6s ease-in-out;
transition:         transform .6s ease-in-out;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-flipOutDelay-out {
-webkit-transform-origin: 50% 50%;
-webkit-animation: flipOutDelay-out .5s both ease-in;
-moz-transform-origin: 50% 50%;
-moz-animation: flipOutDelay-out .5s both ease-in;
transform-origin: 50% 50%;
animation: flipOutDelay-out .5s both ease-in;
}
.cbp-animation-flipOutDelay-in {
-webkit-transform-origin: 50% 50%;
-webkit-animation: flipOutDelay-in 1s both ease-out;
-moz-transform-origin: 50% 50%;
-moz-animation: flipOutDelay-in 1s both ease-out;
transform-origin: 50% 50%;
animation: flipOutDelay-in 1s both ease-out;
}  @-webkit-keyframes flipOutDelay-out {
100% { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@-moz-keyframes flipOutDelay-out {
100% { -moz-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@keyframes flipOutDelay-out {
100% { transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}  @-webkit-keyframes flipOutDelay-in {
0% { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
50% { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}
@-moz-keyframes flipOutDelay-in {
0% { -moz-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
50% { -moz-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}
@keyframes flipOutDelay-in {
0% { transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
50% { transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}  .cbp-animation-unfold {
overflow: visible;
}
.cbp-animation-unfold .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out;
-moz-transition:    -moz-transform .6s ease-in-out;
-o-transition:      -o-transform .6s ease-in-out;
transition:         transform .6s ease-in-out;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-unfold-out {
-webkit-animation: unfold-out .8s ease both;
-moz-animation: unfold-out .8s ease both;
animation: unfold-out .8s ease both;
}
.cbp-animation-unfold-in {
-webkit-transform-origin: 0% 50%;
-webkit-animation: unfold-in .8s both ease;
-moz-transform-origin: 0% 50%;
-moz-animation: unfold-in .8s both ease;
transform-origin: 0% 50%;
animation: unfold-in .8s both ease;
}
.cbp-animation-unfold-fadeOut {
-webkit-animation: cbp-animation-unfold-fadeOut .5s both ease;
-moz-animation: cbp-animation-unfold-fadeOut .5s both ease;
animation: cbp-animation-unfold-fadeOut .5s both ease;
}  @-webkit-keyframes unfold-out {
99% { opacity: 0.3; }
100% { opacity: 0; -webkit-transform: translateX(-100%); }
}
@-moz-keyframes unfold-out {
99% { opacity: 0.3; }
100% { opacity: 0; -moz-transform: translateX(-100%); }
}
@keyframes unfold-out {
99% { opacity: 0.3; }
100% { opacity: 0; transform: translateX(-100%); }
}  @-webkit-keyframes unfold-in {
from { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); }
}
@-moz-keyframes unfold-in {
from { opacity: 0; -moz-transform: translateX(100%) rotateY(90deg); }
}
@keyframes unfold-in {
from { opacity: 0; transform: translateX(100%) rotateY(90deg); }
}  @-webkit-keyframes cbp-animation-unfold-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@-moz-keyframes cbp-animation-unfold-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes cbp-animation-unfold-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}  .cbp-animation-foldLeft {
overflow: visible;
}
.cbp-animation-foldLeft .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out;
-moz-transition:    -moz-transform .6s ease-in-out;
-o-transition:      -o-transform .6s ease-in-out;
transition:         transform .6s ease-in-out;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-foldLeft-out {
-webkit-transform-origin: 100% 50%;
-webkit-animation: foldLeft-out .7s both ease;
-moz-transform-origin: 100% 50%;
-moz-animation: foldLeft-out .7s both ease;
transform-origin: 100% 50%;
animation: foldLeft-out .7s both ease;
}
.cbp-animation-foldLeft-in {
-webkit-animation: foldLeft-in .7s ease both;
-moz-animation: foldLeft-in .7s ease both;
animation: foldLeft-in .7s ease both;
}
.cbp-animation-foldLeft-fadeOut {
-webkit-animation: cbp-animation-foldLeft-fadeOut .5s both ease;
-moz-animation: cbp-animation-foldLeft-fadeOut .5s both ease;
animation: cbp-animation-foldLeft-fadeOut .5s both ease;
}  @-webkit-keyframes foldLeft-out {
to { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); }
}
@-moz-keyframes foldLeft-out {
to { opacity: 0; -moz-transform: translateX(-100%) rotateY(-90deg); }
}
@keyframes foldLeft-out {
to { opacity: 0; transform: translateX(-100%) rotateY(-90deg); }
}  @-webkit-keyframes foldLeft-in {
from { opacity: 0.3; -webkit-transform: translateX(100%); }
}
@-moz-keyframes foldLeft-in {
from { opacity: 0.3; -moz-transform: translateX(100%); }
}
@keyframes foldLeft-in {
from { opacity: 0.3; transform: translateX(100%); }
}  @-webkit-keyframes cbp-animation-foldLeft-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@-moz-keyframes cbp-animation-foldLeft-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes cbp-animation-foldLeft-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}  .cbp-animation-scaleDown {
overflow: visible;
}
.cbp-animation-scaleDown .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out;
-moz-transition:    -moz-transform .6s ease-in-out;
-o-transition:      -o-transform .6s ease-in-out;
transition:         transform .6s ease-in-out;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-scaleDown-out {
-webkit-animation: scaleDown-out .7s ease both;
-moz-animation: scaleDown-out .7s ease both;
animation: scaleDown-out .7s ease both;
}
.cbp-animation-scaleDown-in {
-webkit-animation: scaleDown-in .6s ease both;
-moz-animation: scaleDown-in .6s ease both;
animation: scaleDown-in .6s ease both;
}
.cbp-animation-scaleDown-fadeOut {
-webkit-animation: cbp-animation-scaleDown-fadeOut .5s both ease;
-moz-animation: cbp-animation-scaleDown-fadeOut .5s both ease;
animation: cbp-animation-scaleDown-fadeOut .5s both ease;
}  @-webkit-keyframes scaleDown-out {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleDown-out {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleDown-out {
to { opacity: 0; transform: scale(.8); }
}  @-webkit-keyframes scaleDown-in {
from { -webkit-transform: translateX(100%); }
}
@-moz-keyframes scaleDown-in {
from { -moz-transform: translateX(100%); }
}
@keyframes scaleDown-in {
from { transform: translateX(100%); }
}  @-webkit-keyframes cbp-animation-scaleDown-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@-moz-keyframes cbp-animation-scaleDown-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes cbp-animation-scaleDown-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}  .cbp-animation-frontRow {
overflow: visible;
}
.cbp-animation-frontRow .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out;
-moz-transition:    -moz-transform .6s ease-in-out;
-o-transition:      -o-transform .6s ease-in-out;
transition:         transform .6s ease-in-out;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-frontRow-out {
-webkit-animation: frontRow-out .7s ease both;
-moz-animation: frontRow-out .7s ease both;
animation: frontRow-out .7s ease both;
}
.cbp-animation-frontRow-in {
-webkit-animation: frontRow-in .6s ease both;
-moz-animation: frontRow-in .6s ease both;
animation: frontRow-in .6s ease both;
}
.cbp-animation-frontRow-fadeOut {
-webkit-animation: cbp-animation-frontRow-fadeOut .5s both ease;
-moz-animation: cbp-animation-frontRow-fadeOut .5s both ease;
animation: cbp-animation-frontRow-fadeOut .5s both ease;
}  @-webkit-keyframes frontRow-out {
100% { -webkit-transform: translateX(-60%) scale(.8); opacity: 0; }
}
@-moz-keyframes frontRow-out {
100% { -moz-transform: translateX(-60%) scale(.8); opacity: 0; }
}
@keyframes frontRow-out {
100% { transform: translateX(-60%) scale(.8); opacity: 0; }
}  @-webkit-keyframes frontRow-in {
0% { -webkit-transform: translateX(100%) scale(.8);}
100% { visibility: visible; opacity: 1; -webkit-transform: translateX(0%) scale(1); }
}
@-moz-keyframes frontRow-in {
0% { -moz-transform: translateX(100%) scale(.8); }
100% { visibility: visible; opacity: 1; -moz-transform: translateX(0%) scale(1); }
}
@keyframes frontRow-in {
0% { transform: translateX(100%) scale(.8); }
100% { visibility: visible; opacity: 1; transform: translateX(0%) scale(1); }
}  @-webkit-keyframes cbp-animation-frontRow-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@-moz-keyframes cbp-animation-frontRow-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes cbp-animation-frontRow-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}  .cbp-animation-rotateRoom {
overflow: visible;
}
.cbp-animation-rotateRoom .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out;
-moz-transition:    -moz-transform .6s ease-in-out;
-o-transition:      -o-transform .6s ease-in-out;
transition:         transform .6s ease-in-out;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-rotateRoom-out {
-webkit-transform-origin: 100% 50%;
-webkit-animation: rotateRoom-out .8s both ease;
-moz-transform-origin: 100% 50%;
-moz-animation: rotateRoom-out .8s both ease;
transform-origin: 100% 50%;
animation: rotateRoom-out .8s both ease;
}
.cbp-animation-rotateRoom-in {
-webkit-transform-origin: 0% 50%;
-webkit-animation: rotateRoom-in .8s both ease;
-moz-transform-origin: 0% 50%;
-moz-animation: rotateRoom-in .8s both ease;
transform-origin: 0% 50%;
animation: rotateRoom-in .8s both ease;
}
.cbp-animation-rotateRoom-fadeOut {
-webkit-animation: cbp-animation-rotateRoom-fadeOut .5s both ease;
-moz-animation: cbp-animation-rotateRoom-fadeOut .5s both ease;
animation: cbp-animation-rotateRoom-fadeOut .5s both ease;
}  @-webkit-keyframes rotateRoom-out {
99% { opacity: .3; }
100% { opacity: 0; -webkit-transform: translateX(-100%) rotateY(90deg); }
}
@-moz-keyframes rotateRoom-out {
99% { opacity: .3; }
100% { opacity: 0; -moz-transform: translateX(-100%) rotateY(90deg); }
}
@keyframes rotateRoom-out {
99% { opacity: .3; }
100% { opacity: 0; transform: translateX(-100%) rotateY(90deg); }
}  @-webkit-keyframes rotateRoom-in {
from { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); }
}
@-moz-keyframes rotateRoom-in {
from { opacity: .3; -moz-transform: translateX(100%) rotateY(-90deg); }
}
@keyframes rotateRoom-in {
from { opacity: .3; transform: translateX(100%) rotateY(-90deg); }
}  @-webkit-keyframes cbp-animation-rotateRoom-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@-moz-keyframes cbp-animation-rotateRoom-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes cbp-animation-rotateRoom-fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}  .cbp-animation-scaleSides {
overflow: visible;
}
.cbp-animation-scaleSides .cbp-item { -webkit-transition: -webkit-transform .5s ease-in-out;
-moz-transition:    -moz-transform .5s ease-in-out;
-o-transition:      -o-transform .5s ease-in-out;
transition:         transform .5s ease-in-out;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-scaleSides-out {
-webkit-animation: scaleSides-out .5s ease both;
-moz-animation: scaleSides-out .5s ease both;
animation: scaleSides-out .5s ease both;
}
.cbp-animation-scaleSides-in {
-webkit-animation: scaleUpCenter .5s ease .5s both;
-moz-animation: scaleUpCenter .5s ease .5s both;
animation: scaleUpCenter .5s ease .5s both;
}  @-webkit-keyframes scaleSides-out {
to { opacity: 0; -webkit-transform: scale(.6); }
}
@-moz-keyframes scaleSides-out {
to { opacity: 0; -moz-transform: scale(.6); }
}
@keyframes scaleSides-out {
to { opacity: 0; transform: scale(.6); }
}  @-webkit-keyframes scaleUpCenter {
from { opacity: 0; -webkit-transform: scale(.6); }
}
@-moz-keyframes scaleUpCenter {
from { opacity: 0; -moz-transform: scale(.6); }
}
@keyframes scaleUpCenter {
from { opacity: 0; transform: scale(.6); }
}  .cbp-animation-flipOut { -webkit-transition: height .7s ease-in-out;
-moz-transition: height .7s ease-in-out;
-o-transition: height .7s ease-in-out;
transition: height .7s ease-in-out;
}
.cbp-animation-flipOut .cbp-item { -webkit-transition: -webkit-transform .7s ease-in-out;
-moz-transition:    -moz-transform .7s ease-in-out;
-o-transition:      -o-transform .7s ease-in-out;
transition:         transform .7s ease-in-out;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-flipOut-out {
-webkit-transform-origin: 50% 50%;
-webkit-animation: flipOut-out .35s ease-in both;
-moz-transform-origin: 50% 50%;
-moz-animation: flipOut-out .35s ease-in both;
transform-origin: 50% 50%;
animation: flipOut-out .35s ease-in both;
}
.cbp-animation-flipOut-in {
-webkit-transform-origin: 50% 50%;
-webkit-animation: flipOut-in .35s ease-out .35s both;
-moz-transform-origin: 50% 50%;
-moz-animation: flipOut-in .35s ease-out .35s both;
transform-origin: 50% 50%;
animation: flipOut-in .35s ease-out .35s both;
}  @-webkit-keyframes flipOut-out {
100% { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@-moz-keyframes flipOut-out {
100% { -moz-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@keyframes flipOut-out {
100% { transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}  @-webkit-keyframes flipOut-in {
0% { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}
@-moz-keyframes flipOut-in {
0% { -moz-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}
@keyframes flipOut-in {
0% { transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}  .cbp-animation-flipBottom { -webkit-transition: height .7s ease-in-out;
-moz-transition: height .7s ease-in-out;
-o-transition: height .7s ease-in-out;
transition: height .7s ease-in-out;
}
.cbp-animation-flipBottom .cbp-item { -webkit-transition: -webkit-transform .7s ease-in-out;
-moz-transition:    -moz-transform .7s ease-in-out;
-o-transition:      -o-transform .7s ease-in-out;
transition:         transform .7s ease-in-out;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-flipBottom-out {
-webkit-transform-origin: 50% 50%;
-webkit-animation: flipBottom-out .35s both 0s ease-in;
-moz-transform-origin: 50% 50%;
-moz-animation: flipBottom-out .35s both 0s ease-in;
transform-origin: 50% 50%;
animation: flipBottom-out .35s both 0s ease-in;
}
.cbp-animation-flipBottom-in {
-webkit-transform-origin: 50% 50%;
-webkit-animation: flipBottom-in .35s ease-out .35s both;
-moz-transform-origin: 50% 50%;
-moz-animation: flipBottom-in .35s ease-out .35s both;
transform-origin: 50% 50%;
animation: flipBottom-in .35s ease-out .35s both;
}  @-webkit-keyframes flipBottom-out {
to { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@-moz-keyframes flipBottom-out {
to { -moz-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@keyframes flipBottom-out {
to { transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}  @-webkit-keyframes flipBottom-in {
from { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}
@-moz-keyframes flipBottom-in {
from { -moz-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}
@keyframes flipBottom-in {
from { transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}  .cbp-animation-fadeOutTop {
overflow: visible; -webkit-transition: height .2s ease-in-out;
-moz-transition: height .2s ease-in-out;
-o-transition: height .2s ease-in-out;
transition: height .2s ease-in-out;
}
.cbp-animation-fadeOutTop .cbp-wrapper { -webkit-transition: opacity .3s ease-in-out, top .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out, top .3s ease-in-out;
-o-transition: opacity .3s ease-in-out, top .3s ease-in-out;
transition: opacity .3s ease-in-out, top .3s ease-in-out;
}
.cbp-animation-fadeOutTop .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out;
-moz-transition:    -moz-transform .6s ease-in-out;
-o-transition:      -o-transform .6s ease-in-out;
transition:         transform .6s ease-in-out;
}  .cbp-animation-sequentially {
overflow: visible; -webkit-transition: height .2s ease-in-out;
-moz-transition: height .2s ease-in-out;
-o-transition: height .2s ease-in-out;
transition: height .2s ease-in-out;
}
.cbp-animation-sequentially .cbp-item { -webkit-transition: -webkit-transform .6s ease-in-out;
-moz-transition:    -moz-transform .6s ease-in-out;
-o-transition:      -o-transform .6s ease-in-out;
transition:         transform .6s ease-in-out;
}
.cbp-animation-sequentially.cbp-no-transition .cbp-item { -webkit-transition: opacity .5s ease, top .5s ease !important;
-moz-transition: opacity .5s ease, top .5s ease !important;
-o-transition: opacity .5s ease, top .5s ease !important;
transition: opacity .5s ease, top .5s ease !important;
}  .cbp-popup-ie8bg {
position: absolute;
width: 100%;
height: 100%;
min-height: 100%;
top: 0;
left: 0;
z-index: -1; background:#000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.cbp-popup-wrap {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
text-align: center;
position: fixed;
width: 100%;
left: 0;
top: 0;
display: none;
overflow: auto; z-index: 9999;
padding: 0 10px;
}
.cbp-popup-lightbox { background:rgba(0,0,0,.8);
}
.cbp-popup-singlePage { background:rgb(255,255,255);
padding: 0;
}
.cbp-popup-singlePage .cbp-popup-ie8bg { background:rgb(255,255,255);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.cbp-popup-wrap:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -.25em;
}
.cbp-popup-content {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: left;
max-width: 100%;
}
.cbp-popup-singlePage .cbp-popup-content { margin-top: 140px;
max-width: 1024px;
vertical-align: top;
width: 96%;
}
.cbp-popup-lightbox-figure {
position: relative;
}
.cbp-popup-lightbox-bottom {
left: 0;
position: absolute;
top: 100%;
width: 100%; margin-top: 3px;
}
.cbp-popup-lightbox-title { padding-right: 70px;
font-size: 12px;
line-height: 18px;
color: #eee;
}
.cbp-popup-lightbox-counter {
position: absolute;
top: 0;
right: 0; font-size: 12px;
line-height: 18px;
color: #eee;
}
.cbp-popup-lightbox-img {
width: auto;
max-width: 100%;
height: auto;
display: block; margin: 40px 0 40px;
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}
.cbp-popup-lightbox-img[data-action] {
cursor: pointer;
}
.cbp-popup-lightbox-isIframe .cbp-popup-content { width: 50%;
}
.cbp-popup-lightbox-isIframe .cbp-lightbox-bottom {
left: 0;
position: absolute;
top: 100%;
width: 100%; margin-top: 3px;
}
.cbp-popup-lightbox-iframe {
position: relative;
height: 0; padding-bottom: 56.25%; background: #000;
}
.cbp-popup-lightbox-iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, .6);
} .cbp-popup-singlePage {
overflow-x: hidden;
}
.cbp-popup-singlePage .cbp-popup-navigation-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%; z-index: 102; height: 104px;
}
.cbp-popup-singlePage .cbp-popup-navigation {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.cbp-popup-singlePage-sticky .cbp-popup-navigation {
position: fixed;
}
.cbp-popup-singlePage-sticky .cbp-popup-navigation-wrap {
position: fixed;
}
.cbp-popup-singlePage-counter { color: rgba(255, 255, 255, 0.75);
font-size: 14px;
line-height: 104px;
font-style: italic;
position: absolute;
right: 50px;
top: 0;
}
.cbp-popup-next,
.cbp-popup-prev,
.cbp-popup-close {
padding: 0;
border: medium none;
position: absolute;
cursor: pointer;
}
.cbp-popup-lightbox .cbp-popup-prev,
.cbp-popup-lightbox .cbp-popup-next,
.cbp-popup-lightbox .cbp-popup-close {
visibility: hidden;
} .cbp-popup-ready.cbp-popup-lightbox .cbp-popup-next,
.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-prev,
.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-close {
visibility: visible;
} .cbp-popup-lightbox .cbp-popup-prev { background: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/cbp-plugin/cubeportfolio/img/cbp-sprite.png) no-repeat scroll -2px -2px transparent;
width: 44px;
height: 44px;
top: 0;
bottom: 0;
left: 20px;
margin: auto;
}
.cbp-popup-lightbox .cbp-popup-prev:hover { background-position: -2px -48px;
} .cbp-popup-singlePage .cbp-popup-prev { background: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/cbp-plugin/cubeportfolio/img/cbp-sprite.png) no-repeat scroll -2px -140px transparent;
width: 44px;
height: 44px;
top: 30px;
left: 0;
margin: auto;
right: 108px;
}
.cbp-popup-singlePage .cbp-popup-prev:hover { opacity: 0.75;
filter: alpha(opacity=75);
} .cbp-popup-lightbox .cbp-popup-next { background: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/cbp-plugin/cubeportfolio/img/cbp-sprite.png) no-repeat scroll -48px -2px transparent;
width: 44px;
height: 44px;
top: 0;
bottom: 0;
right: 20px;
margin: auto;
}
.cbp-popup-lightbox .cbp-popup-next:hover { background-position: -48px -48px;
} .cbp-popup-singlePage .cbp-popup-next { background: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/cbp-plugin/cubeportfolio/img/cbp-sprite.png) no-repeat scroll -48px -140px transparent;
width: 44px;
height: 44px;
top: 30px;
right: 0;
margin: auto;
left: 108px;
}
.cbp-popup-singlePage .cbp-popup-next:hover { opacity: 0.75;
filter: alpha(opacity=75);
} .cbp-popup-lightbox .cbp-popup-close { background: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/cbp-plugin/cubeportfolio/img/cbp-sprite.png) no-repeat scroll -94px -2px transparent;
height: 40px;
width: 40px;
right: 20px;
top: 20px;
}
.cbp-popup-lightbox .cbp-popup-close:hover { background-position: -94px -48px;
} .cbp-popup-singlePage .cbp-popup-close { background: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/cbp-plugin/cubeportfolio/img/cbp-sprite.png) no-repeat scroll -94px -140px transparent;
height: 44px;
width: 44px;
margin: auto;
right: 0;
top: 30px;
left: 0;
}
.cbp-popup-singlePage .cbp-popup-close:hover { opacity: 0.75;
filter: alpha(opacity=75);
}
.cbp-popup-loadingBox {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 2; background: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/cbp-plugin/cubeportfolio/img/cbp-loading-popup.gif) no-repeat scroll center center #0D0D0D;
border: 1px solid rgba(79, 80, 79, .3);
border-radius: 3px 3px 3px 3px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=71)";
opacity: .71;
width: 50px;
height:50px;
}
.cbp-popup-ready .cbp-popup-loadingBox {
visibility: hidden;
}
.cbp-popup-loading .cbp-popup-loadingBox {
visibility: visible;
}
.cbp-popup-singlePage {
left: 100%; -webkit-transition: left .6s ease-in-out;
-moz-transition: left .6s ease-in-out;
-o-transition: left .6s ease-in-out;
transition: left .6s ease-in-out;
}
.cbp-popup-singlePage-open {
left: 0;
}
.cbp-popup-singlePage .cbp-l-project-title { color: #454444;
font-size: 42px;
line-height: 60px;
font-weight: 700;
letter-spacing: 2px;
margin-bottom: 10px;
text-align: center;
text-transform: uppercase;
}
.cbp-popup-singlePage .cbp-l-project-subtitle { color: #959595;
font-size: 14px;
line-height: 21px;
margin: 0 auto 50px;
max-width: 500px;
text-align: center;
}
.cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img-wrap {
display: block;
margin: 0 auto;
max-width: 100%;
position: relative;
}
.cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img {
display: block;
margin: 0 auto;
max-width: 100%;
} .cbp-popup-singlePage .cbp-l-project-container {
overflow: hidden;
margin: 0 auto;
}
.cbp-popup-singlePage .cbp-l-project-desc { float: left;
width: 64%;
margin: 30px 0 100px 0;
}
.cbp-popup-singlePage .cbp-l-project-details { float: right;
width: 36%;
margin: 30px 0 100px 0;
}
.cbp-popup-singlePage .cbp-l-project-desc-title { margin-right: 20px;
border-bottom: 1px solid #ebebeb;
margin-bottom: 22px;
color: #444;
}
.cbp-popup-singlePage .cbp-l-project-desc-title span,
.cbp-popup-singlePage .cbp-l-project-details-title span { display: inline-block;
margin: 0 0 -1px 0;
font-size: 16px;
line-height: 36px;
padding: 0 5px 0 0;
}
.cbp-popup-singlePage .cbp-l-project-desc-text { margin-right: 20px;
font-size: 13px;
line-height: 20px;
color: #555;
}
.cbp-popup-singlePage .cbp-l-project-details-title { border-bottom: 1px solid #cdcdcd;
margin-bottom: 19px;
margin-left: 20px;
color: #444;
}
.cbp-popup-singlePage .cbp-l-project-details-list { margin-left: 20px;
margin-bottom: 20px;
padding: 0;
}
.cbp-popup-singlePage .cbp-l-project-details-list li { list-style: none;
border-bottom: 1px dotted #ccc;
line-height: 40px;
}
.cbp-popup-singlePage .cbp-l-project-details-list strong { min-width: 100px;
display: inline-block;
}
.cbp-popup-singlePage .cbp-l-project-details-visit { float: right;
}
.cbp-popup-singlePage .cbp-l-project-details-visit:hover { }
.cbp-popup-singlePage .cbp-l-member-img { float: left;
margin-right: 2%;
margin-top: 20px;
width: 48%;
}
.cbp-popup-singlePage .cbp-l-member-img img { display: block;
width: 100%;
}
.cbp-popup-singlePage .cbp-l-member-info { margin-top: 20px;
float: left;
width: 48%
}
.cbp-popup-singlePage .cbp-l-member-name { font-size: 16px;
font-weight: 700;
}
.cbp-popup-singlePage .cbp-l-member-position {
}
.cbp-popup-singlePage .cbp-l-member-desc { margin-top: 20px;
margin-bottom: 20px;
} .cbp-popup-singlePageInline {
width: 100%;
height: 0;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.cbp-popup-singlePageInline .cbp-popup-navigation {
position: absolute;
top: 0;
right: 0;
z-index: 2;
width: 40px;
height: 40px;
} .cbp-popup-singlePageInline .cbp-popup-close { background: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/cbp-plugin/cubeportfolio/img/cbp-sprite.png) no-repeat scroll -94px -2px transparent;
height: 40px;
width: 40px;
right: 20px;
top: 30px;
}
.cbp-popup-singlePageInline .cbp-popup-close:hover { opacity: 0.7;
}
.cbp-popup-singlePageInline .cbp-popup-content {
width: 100%;;
min-height: 200px;
}
.cbp.cbp-popup-isOpening .cbp-popup-singlePageInline,
.cbp.cbp-popup-isOpening {
-webkit-transition: height .4s ease 0s !important;
-moz-transition: height .4s ease 0s !important;
-o-transition: height .4s ease 0s !important;
transition: height .4s ease 0s !important;
}
.cbp.cbp-popup-isOpening .cbp-item {
-webkit-transition: -webkit-transform .4s ease 0s !important;
-moz-transition:    -moz-transform .4s ease 0s !important;
-o-transition:      -o-transform .4s ease 0s !important;
transition:         transform .4s ease 0s !important;
}
.cbp-singlePageInline-active {
opacity: 0.6 !important;
}
.cbp-popup-singlePageInline .cbp-popup-loadingBox {
visibility: hidden;
background: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/cbp-plugin/cubeportfolio/img/cbp-loading.gif) no-repeat scroll center center transparent;
border: medium none;
border-radius: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}
.cbp-popup-singlePageInline.cbp-popup-loading .cbp-popup-loadingBox {
visibility: visible;
}
.cbp-popup-singlePageInline.cbp-popup-loading .cbp-popup-navigation,
.cbp-popup-singlePageInline.cbp-popup-loading .cbp-popup-content {
visibility: hidden;
}
.cbp-l-inline {
margin-bottom: 20px;
overflow: hidden;
margin-top: 10px;
background: #FAFAFA;
padding: 30px;
}
.cbp-l-inline-left {
float: left;
width: 44%;
}
.cbp-l-project-img {
max-width: 100%;
}
.cbp-l-inline-right {
float: right;
width: 56%;
padding-left: inherit;
}
.cbp-l-inline-title {
font-size: 28px;
line-height: 28px;
color: #666;
}
.cbp-l-inline-subtitle {
font-size: 13px;
line-height: 13px;
color: #666;
margin: 3px 0 25px;
}
.cbp-l-inline-desc {
font-size: 13px;
line-height: 21px;
color: #888888;
}
.cbp-l-inline-view {
font-size: 13px;
line-height: 13px;
color: #9C9C9C;
text-decoration: none;
margin: 22px 0 0;
display: inline-block;
padding: 8px 18px 7px;
border: 2px solid #ccc;
}
.cbp-l-inline-view:hover {
color: rgb(117, 117, 117);
border-color: #DFDFDF;
}  .cbp-l-filters-button { margin: 0 auto 30px;
text-align: left;
}
.cbp-l-filters-button .cbp-filter-item { background-color: #fff;
border: 2px solid #ebebeb;
border-radius: 2px;
cursor: pointer;
font-size: 12px;
color: #555;
margin: 10px 10px 0 0;
overflow: visible;
padding: 6px 12px;
position: relative;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.cbp-l-filters-button .cbp-filter-item:hover { color: #363636;
}
.cbp-l-filters-button .cbp-filter-item-active { background-color: #e1e1e1;
color: #363636 !important;
border-color: #e1e1e1;
}
.cbp-l-filters-button .cbp-filter-counter { border-radius: 3px;
color: #fff;
font-size: 12px;
line-height: 18px;
margin: 0 auto;
padding: 4px 0;
text-align: center;
width: 34px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
-webkit-transition: opacity .25s ease, bottom .25s ease;
-moz-transition: opacity .25s ease, bottom .25s ease;
-o-transition: opacity .25s ease, bottom .25s ease;
transition: opacity .25s ease, bottom .25s ease;
}
.cbp-l-filters-button .cbp-filter-counter:before { content:"";
position:absolute;
bottom: -4px;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid;
visibility: hidden;
}
.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter:before {
visibility: visible;
}
.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter { bottom: 44px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}  .cbp-l-filters-dropdown { margin: 0 auto;
height: 70px;
position: relative;
z-index: 10;
}
.cbp-l-filters-dropdownWrap { width: 200px;
position: absolute;
right: 0;
background: #3288C4;
}
.cbp-l-filters-dropdownHeader { font-size: 12px;
line-height: 38px;
padding: 0 17px;
color: #FFF;
cursor: pointer;
position: relative;
}
.cbp-l-filters-dropdownHeader:after { border-color: #FFFFFF rgba(0, 0, 0, 0);
border-style: solid;
border-width: 5px 5px 0;
content: "";
height: 0;
position: absolute;
right: 16px;
top: 50%;
width: 0;
margin-top: -1px;
}
.cbp-l-filters-dropdownWrap:hover .cbp-l-filters-dropdownHeader:after { border-width: 0 5px 5px;
}
.cbp-l-filters-dropdownList {
display: none;
list-style: none outside none;
margin: 0;
padding: 0;
}
.cbp-l-filters-dropdownWrap:hover .cbp-l-filters-dropdownList {
display: block;
}
.cbp-l-filters-dropdownList .cbp-filter-item { background: none;
color: rgba(255, 255, 255, 0.5);
width: 100%;
text-align: left;
font-size: 12px;
line-height: 40px;
margin: 0;
padding: 0 17px;
cursor: pointer;
border: none;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.cbp-l-filters-dropdownList .cbp-filter-item:hover { color: #ebebeb;
}
.cbp-l-filters-dropdownList .cbp-filter-item-active { color: #ebebeb;
}  .cbp-l-filters-alignLeft { margin: 0 auto 40px;
text-align: left;
}
.cbp-l-filters-alignLeft .cbp-filter-item { background-color: #fff;
border: 1px solid #ebebeb;
cursor: pointer;
font-size: 12px;
line-height: 30px;
padding: 0 13px;
position: relative;
overflow: visible;
margin: 10px 8px 0 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
color: #959595;
}
.cbp-l-filters-alignLeft .cbp-filter-item:hover { color: #555;
}
.cbp-l-filters-alignLeft .cbp-filter-item-active { color: #fff !important;
opacity:1;
border:1px solid;
}
.cbp-l-filters-alignLeft .cbp-filter-counter {
display: inline;
}  .cbp-l-filters-alignCenter { margin: 0 auto 50px;
text-align: center;
font-size: 12px;
color: #cacaca;
}
.cbp-l-filters-alignCenter .faction:last-child{
display: none;
}
.cbp-l-filters-alignCenter .cbp-filter-item { color: #5A5A5A;
cursor: pointer;
font-size: 13px;
line-height: 20px;
padding: 0 12px;
transition: all .3s ease-in-out;
position: relative;
overflow: visible;
margin: 10px 0 0;
border: medium none;
background-color: transparent;
}
.cbp-l-filters-alignCenter .cbp-filter-counter { background: none repeat scroll 0 0 #3288C4;
border-radius: 3px;
color: #FFFFFF;
font-size: 12px;
line-height: 18px;
margin: 0 auto;
padding: 4px 0;
text-align: center;
width: 34px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.cbp-l-filters-alignCenter .cbp-filter-counter:before { content:"";
position:absolute;
bottom: -4px;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid;
visibility: hidden;
}
.cbp-l-filters-alignCenter button:hover .cbp-filter-counter:before {
visibility: visible;
}
.cbp-l-filters-alignCenter button:hover .cbp-filter-counter { bottom: 30px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}  .cbp-l-filters-alignRight { margin: 0 auto 40px;
text-align: right;
}
.cbp-l-filters-alignRight .cbp-filter-item { background-color: transparent;
color: #959595;
cursor: pointer;
font-size: 12px;
line-height: 12px;
padding: 7px 12px;
position: relative;
overflow: visible;
margin: 10px 0 0 5px;
border: 1px solid #ebebeb;
text-transform: uppercase;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.cbp-l-filters-alignRight .cbp-filter-item:hover { color: #2B3444;
}
.cbp-l-filters-alignRight .cbp-filter-item-active { opacity:1;
color:#FFFFFF !important;
background-color:#555;
border-color:#555;
}
.cbp-l-filters-alignRight .cbp-filter-counter { background: none repeat scroll 0 0 #3288C4;
border-radius: 3px;
color: #fff;
font-size: 12px;
line-height: 18px;
margin: 0 auto;
padding: 4px 0;
text-align: center;
width: 34px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
-webkit-transition: opacity .25s ease, bottom .25s ease;
-moz-transition: opacity .25s ease, bottom .25s ease;
-o-transition: opacity .25s ease, bottom .25s ease;
transition: opacity .25s ease, bottom .25s ease;
}
.cbp-l-filters-alignRight .cbp-filter-counter:before { content:"";
position:absolute;
bottom: -4px;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #3288C4;
visibility: hidden;
}
.cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter:before {
visibility: visible;
}
.cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter { bottom: 44px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}  .cbp-l-filters-list { margin: 0 auto 40px;
height: 46px;
}
.cbp-l-filters-list .cbp-filter-item { background-color: transparent;
color: #959595;
cursor: pointer;
font-size: 12px;
line-height: 35px;
padding: 0 18px;
position: relative;
overflow: visible;
margin: 10px 0 0 0;
float: left;
border-width: 1px 0 1px 1px;
border-style: solid;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.cbp-l-filters-list .cbp-filter-item:hover { color: #555;
}
.cbp-l-filters-list .cbp-filter-item-active { opacity:1;
color:#FFFFFF !important;
}
.cbp-l-filters-list-first { border-radius: 6px 0 0 6px;
}
.cbp-l-filters-list .cbp-filter-item:last-child,
.cbp-l-filters-list-last { border-right-width: 1px !important;
}
.cbp-l-filters-list .cbp-filter-counter {
display: inline;
}  .lpd-cbp-project {
visibility: hidden;
} .lpd-cbp-project .cbp-item {
width: 300px;
height: 270px;
}
.lpd-cbp-project.cbp-6-columns .cbp-item {
width: 190px;
height: 197px;
}
.lpd-cbp-project.cbp-4-columns .cbp-item {
width: 300px;
height: 270px;
}
.lpd-cbp-project.cbp-3-columns .cbp-item {
width: 400px;
height: 337px;
}
.lpd-cbp-project.cbp-2-columns .cbp-item {
width: 600px;
height: 470px;
}
.lpd-cbp-project.cbp-square .cbp-item {
width: 300px;
height: 370px;
}
.lpd-cbp-project.cbp-6-columns.cbp-square .cbp-item {
width: 190px;
height: 260px;
}
.lpd-cbp-project.cbp-4-columns.cbp-square .cbp-item {
width: 300px;
height: 370px;
}
.lpd-cbp-project.cbp-3-columns.cbp-square .cbp-item {
width: 400px;
height: 470px;
}
.lpd-cbp-project.cbp-2-columns.cbp-square .cbp-item {
width: 600px;
height: 670px;
}
.lpd-cbp-project.cbp-portrait .cbp-item {
width: 300px;
height: 370px;
}
.lpd-cbp-project.cbp-6-columns.cbp-portrait .cbp-item {
width: 190px;
height: 323px;
}
.lpd-cbp-project.cbp-4-columns.cbp-portrait .cbp-item {
width: 300px;
height: 470px;
}
.lpd-cbp-project.cbp-3-columns.cbp-portrait .cbp-item {
width: 400px;
height: 603px;
}
.lpd-cbp-project.cbp-2-columns.cbp-portrait .cbp-item {
width: 600px;
height: 870px;
}
.lpd-cbp-project.cbp-no-meta .cbp-item {
width: 300px;
height: 200px;
}
.lpd-cbp-project.cbp-6-columns.cbp-no-meta .cbp-item {
width: 190px;
height: 127px;
}
.lpd-cbp-project.cbp-4-columns.cbp-no-meta .cbp-item {
width: 300px;
height: 200px;
}
.lpd-cbp-project.cbp-3-columns.cbp-no-meta .cbp-item {
width: 400px;
height: 267px;
}
.lpd-cbp-project.cbp-2-columns.cbp-no-meta .cbp-item {
width: 600px;
height: 400px;
}
.lpd-cbp-project.cbp-no-meta.cbp-square .cbp-item {
width: 300px;
height: 300px;
}
.lpd-cbp-project.cbp-6-columns.cbp-no-meta.cbp-square .cbp-item {
width: 190px;
height: 190px;
}
.lpd-cbp-project.cbp-4-columns.cbp-no-meta.cbp-square .cbp-item {
width: 300px;
height: 300px;
}
.lpd-cbp-project.cbp-3-columns.cbp-no-meta.cbp-square .cbp-item {
width: 400px;
height: 400px;
}
.lpd-cbp-project.cbp-2-columns.cbp-no-meta.cbp-square .cbp-item {
width: 600px;
height: 600px;
}
.lpd-cbp-project.cbp-6-columns.cbp-no-meta.cbp-portrait .cbp-item {
width: 190px;
height: 253px;
}
.lpd-cbp-project.cbp-4-columns.cbp-no-meta.cbp-portrait .cbp-item {
width: 300px;
height: 400px;
}
.lpd-cbp-project.cbp-3-columns.cbp-no-meta.cbp-portrait .cbp-item {
width: 400px;
height: 533px;
}
.lpd-cbp-project.cbp-2-columns.cbp-no-meta.cbp-portrait .cbp-item {
width: 600px;
height: 800px;
}
.lpd-cbp-project.cbp-no-meta .cbp-caption {
height: 100% !important;
margin-bottom: 0 !important;
} .lpd-cbp-project.cbp-6-columns .cbp-caption { height: 63%;
margin-bottom: 20px;
}
.lpd-cbp-project.cbp-4-columns .cbp-caption { height: 72%;
margin-bottom: 20px;
}
.lpd-cbp-project.cbp-3-columns .cbp-caption { height: 77%;
margin-bottom: 20px;
}
.lpd-cbp-project.cbp-2-columns .cbp-caption { height: 84%;
margin-bottom: 20px;
}
.lpd-cbp-project.cbp-6-columns.cbp-square .cbp-caption { height: 72%;
}
.lpd-cbp-project.cbp-4-columns.cbp-square .cbp-caption { height: 80%;
}
.lpd-cbp-project.cbp-3-columns.cbp-square .cbp-caption { height: 84%;
}
.lpd-cbp-project.cbp-2-columns.cbp-square .cbp-caption { height: 89%;
}
.lpd-cbp-project.cbp-6-columns.cbp-portrait .cbp-caption { height: 77%;
}
.lpd-cbp-project.cbp-4-columns.cbp-portrait .cbp-caption { height: 83%;
}
.lpd-cbp-project.cbp-3-columns.cbp-portrait .cbp-caption { height: 87%;
}
.lpd-cbp-project.cbp-2-columns.cbp-portrait .cbp-caption { height: 91%;
}
.cbp-l-grid-projects-title { line-height: 14px;
font-weight: 700;
font-size: 14px;
}
.cbp-l-grid-projects-title a{
color: #555;
}
.cbp-l-grid-projects-title a:hover{
text-decoration: none;
}
.cbp-l-grid-projects-desc { font-weight: 400;
font-size: 12px;
color: #959595;
}
.cbp-l-grid-projects-inlineFilters { cursor: pointer;
}
.cbp-l-grid-projects-inlineFilters:hover { text-decoration: underline;
} .cbp-l-grid-projects.cbp-caption-overlayBottomPush .cbp-caption-activeWrap { bottom: -50px;
height: 50px;
}
.cbp-l-grid-projects.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 50px;
} .cbp-l-grid-projects.cbp-caption-overlayBottomPush.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,
.cbp-l-grid-projects.cbp-caption-overlayBottomPush.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { bottom: -50px;
}  .cbp-l-grid-projects.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap { bottom: -50px;
height: 50px;
}
.cbp-l-grid-projects.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 25px;
} .cbp-l-grid-projects.cbp-caption-overlayBottomAlong.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,
.cbp-l-grid-projects.cbp-caption-overlayBottomAlong.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { bottom: -50px;
}  .cbp-l-grid-projects.cbp-caption-overlayBottom .cbp-caption-activeWrap { bottom: -50px;
height: 50px;
} .cbp-l-grid-projects.cbp-caption-overlayBottom.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { bottom: -50px;
}  .cbp-l-grid-projects.cbp-caption-overlayBottomReveal .cbp-caption-activeWrap { height: 50px;
}
.cbp-l-grid-projects.cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 50px;
}  .cbp-l-grid-projects-category{
color: #959595;
}
.cbp-caption-defaultWrap .white_isolated{
background-color: rgba(0, 0, 0, 0.02);
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
float: none;
}
.lpd-cbp-product{
float: left;
line-height: inherit;
font-weight: normal;
}
.lpd-cbp-product-price{
float: right;
}
.cbp-l-project-details-list .price ins,
.lpd-cbp-product-price .price ins{
text-decoration: none;
}
.cbp-l-project-details-list .price del,
.lpd-cbp-product-price .price del{
font-size: 75%;
}
.lpd-cbp-product-price .price{
font-size: 16px;
}
.cbp-l-project-details-list .price{
font-size: 16px;
} .cbp-l-grid-gallery {
visibility: hidden;
} .cbp-l-grid-gallery .cbp-item { width: 320px;
height: 236px;
}  .cbp-l-grid-team {
visibility: hidden;
} .cbp-l-grid-team .cbp-item { width: 290px;
height: 270px;
} .cbp-l-grid-team .cbp-caption { height: 73%;
margin-bottom: 20px;
border: 1px solid #E7E7E7;
}
.cbp-l-grid-team-name { font-size: 17px;
line-height: 17px;
text-decoration: none;
display: block;
text-align: center;
margin-bottom: 3px;
}
.cbp-l-grid-team-name:hover {
}
.cbp-l-grid-team-position { font-size: 13px;
line-height: 13px;
font-style: italic;
color: #888888;
text-align: center;
} @media only screen and (max-width: 799px) {
.cbp-l-grid-team-desc {
font-size: 11px;
line-height: 14px;
margin-top: 5px;
}
} .cbp-l-grid-team.cbp-caption-overlayBottomPush .cbp-caption-activeWrap { bottom: -44px;
height: 44px;
}
.cbp-l-grid-team.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 44px;
} .cbp-l-grid-team.cbp-caption-overlayBottomPush.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,
.cbp-l-grid-team.cbp-caption-overlayBottomPush.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { bottom: -44px;
}  .cbp-l-grid-team.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap { bottom: -44px;
height: 44px;
}
.cbp-l-grid-team.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 22px;
} .cbp-l-grid-team.cbp-caption-overlayBottomAlong.cbp-ie8 .cbp-caption:hover .cbp-caption-activeWrap,
.cbp-l-grid-team.cbp-caption-overlayBottomAlong.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { bottom: -44px;
}  .cbp-l-grid-team.cbp-caption-overlayBottom .cbp-caption-activeWrap { bottom: -44px;
height: 44px;
} .cbp-l-grid-team.cbp-caption-overlayBottom.cbp-ie9 .cbp-caption:hover .cbp-caption-activeWrap { bottom: -44px;
}  .cbp-l-grid-team.cbp-caption-overlayBottomReveal .cbp-caption-activeWrap { height: 44px;
}
.cbp-l-grid-team.cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap { bottom: 44px;
}   .cbp-l-grid-fullScreen {
visibility: hidden;
} .cbp-l-grid-fullScreen .cbp-item { width: 350px;
height: 263px;
}  .cbp-l-grid-masonry {
visibility: hidden;
} .cbp-l-grid-masonry .cbp-item { width: 277px;
}
.cbp-l-grid-masonry .cbp-l-grid-masonry-height1 { height: 267px;
}
.cbp-l-grid-masonry .cbp-l-grid-masonry-height2 { height: 415px;
}  .cbp-l-grid-blog {
visibility: hidden;
} .cbp-l-grid-blog .cbp-item { width: 313px;
height: 330px;
} .cbp-l-grid-blog .cbp-caption { height: 58%;
margin-bottom: 20px;
}
.cbp-l-grid-blog-title { font-size: 18px;
line-height: 28px;
color: #444;
display: block;
clear: both;
text-decoration: none;
}
.cbp-l-grid-blog-title:hover { color: #959595;
}
.cbp-l-grid-blog-date { font-size: 12px;
float: left;
color: #959595;
}
.cbp-l-grid-blog-comments { font-size: 12px;
line-height: 18px;
float: left;
color: #959595;
text-decoration: none;
}
.cbp-l-grid-blog-comments:hover { opacity: .8;
}
.cbp-l-grid-blog-desc { font-size: 13px;
line-height: 19px;
clear: both;
color: #9B9B9B;
padding-top: 15px;
}
.cbp-l-grid-blog-split { float: left;
margin: 0px 8px;
font-size: 13px;
line-height: 16px;
color: #959595;
}  .cbp-l-loadMore-button { text-align: center;
margin-top: 30px;
}
.cbp-l-loadMore-button-link {
}
.cbp-l-loadMore-button-link:hover {
}
.cbp-l-loadMore-button-stop {
}  .cbp-l-loadMore-text { text-align: center;
margin-top: 30px;
}
.cbp-l-loadMore-text-link { font-size: 16px;
line-height: 16px;
color: #5D5D5D;
text-decoration: none;
cursor: default;
}
.cbp-l-loadMore-text-stop { color: #5D5D5D;
}body, p {line-height: 24px;}
.meta-menu {font-size: 12px; padding: 8px 0px;}
.meta-menu a {
color: rgba(255,255,255,0.9);
}
.meta-menu a:hover {
color: rgba(255,255,255,0.5) !important;
}
.meta-menu li {
display: inline-block;
padding: 0 5px;
border-left: 1px solid rgba(255,255,255,0.5);
}
.header-top {
min-height: 20px;
}
.meta-menu li {
padding: 0 5px 0 8px;
}
.post-type-archive-product .inner-page {padding-top: 0px;}
.wordpress-456ecology.woocommerce-page .widget_layered_nav ul li.chosen a {
color: #79AD4B;
}
.wpb_wl_preview_area .wpb_wl_preview {
margin-left: -20px;
}
ul.lpd-products .product.product-category .product-category-title {
color: white !important;
background-color: rgba(154, 200, 65, 0.60) !important;
bottom: 5% !important;
letter-spacing: 0.5px !important;
font-weight: 600 !important;
}
ul.lpd-products .product.product-category:hover .product-category-title {
color: white;
background-color: #9ac841 !important;
}
.menu3dmega > ul > li > a, .menu3dmega > ul > li > span {
line-height: 19px;
}
.menu-item {line-height: 22px;}
.wpb_content_element a {color: #9ac841 !important;}
.product-category a {
-webkit-box-shadow: 0;
box-shadow: 0 !important;
border: 0px !important;
}
.product-navigation {
font-size: 14px;
}
mark.count {
display: none;
}
.wpb_row .lpd-products .type-product * {
font-weight: 300 !important;
color: #146606 !important;
}
.home ul.lpd-products li.type-product h3 {
font-size: 18px !important;
margin-top: 20px !important;
margin-bottom: 0px;
font-weight: 500 !important;
}
ul.lpd-products li.type-product h3 {
float: none !important;
text-align: center !important;
margin-bottom: -5px;
}
.home ul.lpd-products li.type-product .price {
font-size: 24px !important;
}
.lpd-rating-navigation {
margin-bottom: 30px;
}
ul.lpd-products li.type-product .price {
font-size: 18px !important;
font-weight: normal !important;
float: none !important;
clear: both;
text-align: center;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
font-size: 1.5em;
}
.wordpress-456ecology .woocommerce table.shop_table, .wordpress-456ecology.woocommerce-page table.shop_table {background: #eeeeee !important;}
.woocommerce-order-received .woocommerce {
border-top: 2px solid #eeeeee;
padding-top: 40px;
}
body .green-text {
color: #146606 !important;
}
body .white-text {
color: #ffffff !important;
}
.custom-header-container, .delivery {
padding-top: 20px !important;
padding-bottom: 15px !important;
}
.custom-header-container h4 {
margin-top: 0px;
}
.wpb_row .lpd-products .type-product .lpd-product-thumbnail * {
max-height: none !important;
}
.home .lpd-product-thumbnail {
height: 295px;
}
.product-category-title small {
font-size: 75%;
letter-spacing: 1px !important;
padding-top: 5px;
font-weight: 300;
display: none !important
}
.picons_social .icon {
opacity: 1;
}
.picons_social .icon:hover {
opacity: 0.6;
}
.widget .title {
font-size: 18px;
font-weight: 700 !important;
line-height: 20px;
text-transform: none;
text-decoration: underline;
}
.footer_logo {
margin-right: 15px;
}
.product-template-default a {color: #9ac841;}
.product_list_widget .woocommerce-Price-amount {font-size: 13px;}
.product_list_widget {font-size: 16px; line-height: 20px;}
.lpd-prodcut-accordion .panel-title a {
text-transform: uppercase;
font-weight: 600;
}
.lpd-prodcut-accordion .panel-title {font-size: 14px !important;}
.cart_totals.calculated_shipping p {margin: 10px;}
.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: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: #9ac841 !important;
border-color: #9ac841 !important;
}
.btn-primary {
background-color: #9ac841 !important;
border-color: #9ac841 !important;
}
.lpd-cart-collaterals .btn-primary {
background-color: #aaaaaa !important;
border-color: #aaaaaa !important;
}
.btn-primary:hover {
background-color: #146606 !important;
border-color: #146606 !important;
}
.lpd-cart-collaterals .btn {
padding: 6px 20px !important;
font-size: 12px !important;
}
.footer a {
color: #9ac841 !important;
}
.footer {
padding: 60px 0 20px;
}
.footer .widget {text-align: center;}
.shop-prodcut-page .sidebar .widget h4.title {
text-align: center;
}
.wordpress-456ecology .vc_separator h4 {font-size: 22px;}
.wordpress-456ecology .wpb_content_element.slider-padding {
margin-bottom: 0px !important;
}
.page-id-4388 .page-content {
margin-bottom: 0px !important;
}
.page-id-4388 .footer.dark-theme {display: none;}
.vc_btn3.vc_btn3-size-md {
font-size: 14px;
letter-spacing: 2px;
padding: 14px 30px !important;
text-transform: uppercase;
}
.vc_btn3.vc_btn3-color-green, .vc_btn3.vc_btn3-color-green.vc_btn3-style-flat {
color: #fff !important;
background-color: #9ac841 !important;
}
.vc_btn3.vc_btn3-color-green:hover, .vc_btn3.vc_btn3-color-green.vc_btn3-style-flat:hover {
color: #fff !important;
background-color: #146606 !important;
}
.vc_general.vc_cta3.vc_cta3-color-green.vc_cta3-style-flat {
background-color: transparent !important;
}
.phone-work-hours.header-content {
float: right;
}
.menu3dmega > ul li.shop-now > a {
color: #9ac841;
}
.menu3dmega > ul li > a:hover, .menu3dmega > ul li.shop-now > a:hover {
color: rgba(255,255,255,0.5) !important;
}
.header-search a.search-icon {background-size: 20px;}
.slider-text {padding-right: 650px !important;}
.ls-layers h2 {
font-size: 50px;
font-weight: 300;
margin-bottom: 20px;
}
.menu3dmega .menuToggle .megaMenuToggle-icon, .menu3dmega .menuToggle .megaMenuToggle-icon:before, .menu3dmega .menuToggle .megaMenuToggle-icon:after {
background: #ffffff;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xl .vc_icon_element-icon {
font-size: 10em !important;
}
.search-results .shop-page  {
float: right !important;
}
p.copyright {margin: 10px 0px 0px;}
.btn-primary.checkout-btn {
color: #ffffff !important;
}
body.wordpress-456ecology.woocommerce-page div.product div.images {
width: 50%;
float: left;
}
@media only screen and (max-width: 990px) {
.post-type-archive-product ul.lpd-products .product.product-category{
display: inline-block;
width: 50%;
}
}
@media only screen and (max-width: 480px) {
.post-type-archive-product ul.lpd-products .product.product-category{
display: inline-block;
width: 100%;
}
}
@media only screen and (max-width: 990px) {
body.post-type-archive-product  .left-sidebar-template .page-content{
float: none !important;
}
body.single-product.woocommerce .lpd-related ul.lpd-products li.type-product,
body.tax-product_cat.woocommerce ul.lpd-products li.type-product,
body.post-type-archive-product  .left-sidebar-template .page-content ul.lpd-products li.type-product{
width: 49%;
display: inline-block;
}
}
@media only screen and (max-width: 480px) {
body.post-type-archive-product  .left-sidebar-template .page-content{
float: none !important;
}
body.single-product.woocommerce .lpd-related ul.lpd-products li.type-product,
body.tax-product_cat.woocommerce ul.lpd-products li.type-product,
body.post-type-archive-product  .left-sidebar-template .page-content ul.lpd-products li.type-product{
width: 100%;
display: inline-block;
}
}
.how-image {min-height: 500px !important;}
.how-text .vc_column-inner {padding: 15% !important;}
.cart-icon .count {
min-width: 28px;
border-radius: 50px;
}
div.lpd-product-thumbnail a.loop-shop-btn{
bottom: -60%;
font-size: 12px;
}
@media (min-width: 992px) {
#logo {padding: 5px 40px 0 0;}
.right-meta-menu {margin-right: 20px;}
.hidden-menu {display: none !important;}
}
@media only screen and (max-width: 990px) {
.custom-header-container {padding-left: 20px;}
.phone-work-hours.header-content {float: none;}
}
@media only screen and (max-width: 850px) {
.ls-container {height: 500px !important;}
.ls-layers h2 {
font-size: 36px;
margin-top: 0px !important;
}
.ls-in-out {top: 20% !important; left: 75px !important;}
.slider-text {padding-right: 25px !important;}
}
@media only screen and (max-width: 768px) {
.how-image {min-height: 300px !important;}
.custom-header-container.header-content {display: none;}
}
@media only screen and (max-width: 640px) {
.ls-in-out {top: 50px !important; left: 25px !important; right: 25px !important;}
.slider-text {padding-right: 75px !important;}
}
@media only screen and (max-width: 992px) {
.search-results .shop-page  {
float: none !important;
}
.search-results ul.lpd-products li.type-product {
width: 49%;
display: inline-block;
}
.right-meta-menu {display: none !important;}
.menu3dmega > ul > li > a, .menu3dmega > ul > li > span {
padding: 10px 16px;
}
}
@media only screen and (max-width: 480px) {
.search-results ul.lpd-products li.type-product {
width: 99%;
display: inline-block;
}
.dark-theme .footer-m-copyright {border: 0px;}
.footer-m-copyright {padding-left: 0px;}
}:root{--woocommerce:#a46497;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#a46497;--wc-primary-text:white;--wc-secondary:#ebe9eb;--wc-secondary-text:#515151;--wc-highlight:#77a464;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676}@font-face{font-family:star;src:url(//www.plantsdirect.ca/wp-content/plugins/woocommerce/assets/fonts/star.eot);src:url(//www.plantsdirect.ca/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix) format("embedded-opentype"),url(//www.plantsdirect.ca/wp-content/plugins/woocommerce/assets/fonts/star.woff) format("woff"),url(//www.plantsdirect.ca/wp-content/plugins/woocommerce/assets/fonts/star.ttf) format("truetype"),url(//www.plantsdirect.ca/wp-content/plugins/woocommerce/assets/fonts/star.svg#star) format("svg");font-weight:400;font-style:normal}@font-face{font-family:WooCommerce;src:url(//www.plantsdirect.ca/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot);src:url(//www.plantsdirect.ca/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),url(//www.plantsdirect.ca/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff) format("woff"),url(//www.plantsdirect.ca/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf) format("truetype"),url(//www.plantsdirect.ca/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce) format("svg");font-weight:400;font-style:normal}div.pp_woocommerce .pp_content_container{background:#fff;border-radius:3px;box-shadow:0 1px 30px rgba(0,0,0,.25);padding:20px 0}div.pp_woocommerce .pp_content_container::after,div.pp_woocommerce .pp_content_container::before{content:" ";display:table}div.pp_woocommerce .pp_content_container::after{clear:both}div.pp_woocommerce .pp_loaderIcon::before{height:1em;width:1em;display:block;position:absolute;top:50%;left:50%;margin-left:-.5em;margin-top:-.5em;content:"";-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite;background:url(//www.plantsdirect.ca/wp-content/plugins/woocommerce/assets/images/icons/loader.svg) center center;background-size:cover;line-height:1;text-align:center;font-size:2em;color:rgba(0,0,0,.75)}div.pp_woocommerce div.ppt{color:#000}div.pp_woocommerce .pp_gallery ul li a{border:1px solid rgba(0,0,0,.5);background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);border-radius:2px;display:block}div.pp_woocommerce .pp_gallery ul li a:hover{border-color:#000}div.pp_woocommerce .pp_gallery ul li.selected a{border-color:#000}div.pp_woocommerce .pp_next::before,div.pp_woocommerce .pp_previous::before{border-radius:100%;height:1em;width:1em;text-shadow:0 1px 2px rgba(0,0,0,.5);background-color:#444;color:#fff!important;font-size:16px!important;line-height:1em;-webkit-transition:all ease-in-out .2s;transition:all ease-in-out .2s;font-family:WooCommerce;content:'\e00b';text-indent:0;display:none;position:absolute;top:50%;margin-top:-10px;text-align:center}div.pp_woocommerce .pp_next::before:hover,div.pp_woocommerce .pp_previous::before:hover{background-color:#000}div.pp_woocommerce .pp_next:hover::before,div.pp_woocommerce .pp_previous:hover::before{display:block}div.pp_woocommerce .pp_previous::before{left:1em}div.pp_woocommerce .pp_next::before{right:1em;font-family:WooCommerce;content:'\e008'}div.pp_woocommerce .pp_details{margin:0;padding-top:1em}div.pp_woocommerce .pp_description,div.pp_woocommerce .pp_nav{font-size:14px}div.pp_woocommerce .pp_arrow_next,div.pp_woocommerce .pp_arrow_previous,div.pp_woocommerce .pp_nav,div.pp_woocommerce .pp_nav .pp_pause,div.pp_woocommerce .pp_nav p,div.pp_woocommerce .pp_play{margin:0}div.pp_woocommerce .pp_nav{margin-right:1em;position:relative}div.pp_woocommerce .pp_close{border-radius:100%;height:1em;width:1em;text-shadow:0 1px 2px rgba(0,0,0,.5);background-color:#444;color:#fff!important;font-size:16px!important;line-height:1em;-webkit-transition:all ease-in-out .2s;transition:all ease-in-out .2s;top:-.5em;right:-.5em;font-size:1.618em!important}div.pp_woocommerce .pp_close:hover{background-color:#000}div.pp_woocommerce .pp_close::before{font-family:WooCommerce;content:'\e013';display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;text-indent:0}div.pp_woocommerce .pp_arrow_next,div.pp_woocommerce .pp_arrow_previous{border-radius:100%;height:1em;width:1em;text-shadow:0 1px 2px rgba(0,0,0,.5);background-color:#444;color:#fff!important;font-size:16px!important;line-height:1em;-webkit-transition:all ease-in-out .2s;transition:all ease-in-out .2s;position:relative;margin-top:-1px}div.pp_woocommerce .pp_arrow_next:hover,div.pp_woocommerce .pp_arrow_previous:hover{background-color:#000}div.pp_woocommerce .pp_arrow_next::before,div.pp_woocommerce .pp_arrow_previous::before{font-family:WooCommerce;content:'\e00b';display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;text-indent:0}div.pp_woocommerce .pp_arrow_previous{margin-right:.5em}div.pp_woocommerce .pp_arrow_next{margin-left:.5em}div.pp_woocommerce .pp_arrow_next::before{content:'\e008'}div.pp_woocommerce a.pp_contract,div.pp_woocommerce a.pp_expand{border-radius:100%;height:1em;width:1em;text-shadow:0 1px 2px rgba(0,0,0,.5);background-color:#444;color:#fff!important;font-size:16px!important;line-height:1em;-webkit-transition:all ease-in-out .2s;transition:all ease-in-out .2s;right:auto;left:-.5em;top:-.5em;font-size:1.618em!important}div.pp_woocommerce a.pp_contract:hover,div.pp_woocommerce a.pp_expand:hover{background-color:#000}div.pp_woocommerce a.pp_contract::before,div.pp_woocommerce a.pp_expand::before{font-family:WooCommerce;content:'\e005';display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;text-indent:0}div.pp_woocommerce a.pp_contract::before{content:'\e004'}div.pp_woocommerce #respond{margin:0;width:100%;background:0 0;border:none;padding:0}div.pp_woocommerce #respond .form-submit{margin-top:0;float:none}div.pp_woocommerce .pp_inline{padding:0!important}.rtl div.pp_woocommerce .pp_content_container{text-align:right}@media only screen and (max-width:768px){div.pp_woocommerce{left:5%!important;right:5%!important;box-sizing:border-box;width:90%!important}div.pp_woocommerce .pp_contract,div.pp_woocommerce .pp_expand,div.pp_woocommerce .pp_gallery,div.pp_woocommerce .pp_next,div.pp_woocommerce .pp_previous{display:none!important}div.pp_woocommerce .pp_arrow_next,div.pp_woocommerce .pp_arrow_previous,div.pp_woocommerce .pp_close{height:44px;width:44px;font-size:44px;line-height:44px}div.pp_woocommerce .pp_arrow_next::before,div.pp_woocommerce .pp_arrow_previous::before,div.pp_woocommerce .pp_close::before{font-size:44px}div.pp_woocommerce .pp_description{display:none!important}div.pp_woocommerce .pp_details{width:100%!important}.pp_content{width:100%!important}.pp_content #pp_full_res>img{width:100%!important;height:auto!important}.currentTextHolder{line-height:3}}div.pp_pic_holder a:focus{outline:0}div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9999}div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}.pp_top{height:20px;position:relative}* html .pp_top{padding:0 20px}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_top .pp_middle{left:0;position:static}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_content{height:40px;min-width:40px}* html .pp_content{width:40px}.pp_fade{display:none}.pp_content_container{position:relative;text-align:left;width:100%}.pp_content_container .pp_left{padding-left:20px}.pp_content_container .pp_right{padding-right:20px}.pp_content_container .pp_details{float:left;margin:10px 0 2px}.pp_description{display:none;margin:0}.pp_social{float:left;margin:0}.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}.pp_social .twitter{float:left}.pp_nav{clear:right;float:left;margin:3px 10px 0 0}.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}.pp_nav .pp_pause,.pp_nav .pp_play{float:left;margin-right:4px;text-indent:-10000px}a.pp_arrow_next,a.pp_arrow_previous{display:block;float:left;height:15px;margin-top:3px;text-indent:-100000px;width:14px}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}.pp_gallery div{float:left;overflow:hidden;position:relative}.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}.pp_gallery ul a{border:1px #000 solid;border:1px rgba(0,0,0,.5) solid;display:block;float:left;height:33px;overflow:hidden}.pp_gallery li.selected a,.pp_gallery ul a:hover{border-color:#fff}.pp_gallery ul a img{border:0}.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}.pp_gallery li.default a{display:block;height:33px;width:50px}.pp_gallery li.default a img{display:none}.pp_gallery .pp_arrow_next,.pp_gallery .pp_arrow_previous{margin-top:7px!important}a.pp_next{display:block;float:right;height:100%;text-indent:-10000px;width:49%}a.pp_previous{display:block;float:left;height:100%;text-indent:-10000px;width:49%}a.pp_contract,a.pp_expand{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}a.pp_close{position:absolute;right:0;top:0;display:block;text-indent:-10000px}.pp_bottom{height:20px;position:relative}* html .pp_bottom{padding:0 20px}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_bottom .pp_middle{left:0;position:static}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}#pp_full_res .pp_inline{text-align:left}div.ppt{color:#fff!important;font-weight:700;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}.yith_magnifier_zoom_wrap {
top: 0;
position: relative;
}
.yith_magnifier_loading {
color:white;	
background:#222;
padding:3px;
border:1px solid #000;
position: absolute;
text-align: center;
top: 10%;
z-index: 9999;
}
.yith_magnifier_zoom {
position: relative;
display: block;
}
.yith_magnifier_zoom img {
display: block;
}
.yith_magnifier_mousetrap {
z-index: 999;
position: absolute;
width: 0px;
height :0px;
left: 0;
top: 0;
} .ie .yith_magnifier_mousetrap {
background-image: url(//www.plantsdirect.ca/wp-content/plugins/yith-woocommerce-zoom-magnifier/assets/css/.);
}
.yith_magnifier_lens {
display: none;
z-index:98;
position:absolute;
overflow: hidden;
border: 1px solid #ccc;
}
.yith_magnifier_lens img {
width: auto !important;
max-width: none !important;
-webkit-transition: all ease-in-out 0s !important;
-moz-transition: all ease-in-out 0s !important;
-o-transition: all ease-in-out 0s !important;
transition: all ease-in-out 0s !important;
}
.yith_magnifier_zoom_magnifier {
display:none;
position:absolute;
z-index: 99;
border:4px solid #ccc;
overflow:hidden;
}
.yith_magnifier_gallery {
list-style: none;
}.yith_magnifier_gallery {
margin: 0;
padding: 0;
}
.yith_magnifier_gallery li {
position: relative;
float: left;
display: block;
}
.yith_magnifier_gallery li.last {
margin-right: 0;
}
.yith_magnifier_gallery li a {
width: 100% !important;
display: block;
margin-top: 10px;
height: auto !important;
} .single-product.woocommerce .thumbnails {
position: relative;
}
.single-product.woocommerce .thumbnails #slider-prev,
.single-product.woocommerce .thumbnails #slider-next {
display: none !important;
cursor: pointer;
width: 27px;
height: 26px;
background: url(//www.plantsdirect.ca/wp-content/plugins/yith-woocommerce-zoom-magnifier/assets/images/slider-arrow.png) no-repeat left center;
position: absolute;
top: 48%;
margin-top: -2px;
}
.single-product.woocommerce .thumbnails #slider-prev {
background-position: left center;
left: 0px;
}
.single-product.woocommerce .thumbnails #slider-next {
background-position: right center;
right: 0px;
}
.single-product.woocommerce .thumbnails:hover #slider-prev,
.single-product.woocommerce .thumbnails:hover #slider-next {
display: block !important;
}
span.onsale {
z-index: 10000
}
div.pp_woocommerce a.pp_expand {
display: inline;
bottom: 10px;
top: initial;
left: 10px;
}.shop-prodcut-page .sidebar .widget h4.title{
border-top: 1px dashed #ebebeb;
border-bottom: 1px dashed #ebebeb;
padding: 10px;
margin: 0 0 10px;
}
.shop-prodcut-page .product-content p.price{
margin-top: 10px;
}
.result_count_catalog_ordering{
border-bottom: 1px solid #ebebeb;
margin-bottom: 20px;
}
.result_count_catalog_ordering .woocommerce-result-count{
margin-top: 10px;
font-weight: 700;
color: #959595;
}
ul.lpd-products{
clear: both;
list-style: none;
margin: 0 -15px;
padding: 0;
}
.lpd-products ul:after,
ul.lpd-products:after{
clear: both;
content: "";
display: block;
}
.wpb_row .lpd-products .type-product *{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.wpb_row .lpd-products .type-product .lpd-product-thumbnail *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul.lpd-products .product.product-category,
ul.lpd-products li.type-product{
margin-bottom: 20px;
}
ul.lpd-products li.first{
clear: both;
}
ul.lpd-products .product.product-category a img,
ul.lpd-products li.type-product a img{
display: block;
width: 100%;
height: auto; 
}
ul.lpd-products li.type-product h3{
font-size: 14px;
float: left;
display: block;
margin-top: 10px;
line-height: 20px;
font-weight: normal;
}
ul.lpd-products li.type-product .price{
float: right;
display: block;
margin-bottom: 10px;
margin-top: 10px;
font-size: 16px;
}
ul.lpd-products li.type-product .price ins{
text-decoration: none;
}
ul.lpd-products li.type-product .price del{
font-size: 75%;
color: rgba(0, 0, 0, 0.5);
}
ul.lpd-products li.type-product .star-rating{
float: none;
}
.lpd-product-thumbnail{
overflow: hidden;
position: relative;
-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
}
.lpd-product-thumbnail > a.img-transaction {
display: block;
position: relative;
width: 100%;
height: 100%;
z-index: 1;
}
.lpd-product-thumbnail > a.img-transaction .gallery-img{
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.lpd-product-thumbnail > a.img-transaction .gallery-img img{
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
-o-transform: translateZ(0px);
-ms-transform: translateZ(0px);
transform: translateZ(0px);
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
transition: all 300ms ease-out 0s;
}
.lpd-product-thumbnail:hover > a.img-transaction .gallery-img img{
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 300ms ease-out 0.05s;
-moz-transition: all 300ms ease-out 0.05s;
-o-transition: all 300ms ease-out 0.05s;
transition: all 300ms ease-out 0.05s;
}
.lpd-product-thumbnail .loop-shop-btn{
color: #fff;
text-transform: uppercase;
font-weight: 700;
text-align: center;
padding: 10px 30px;
text-decoration: none;
width: 100%;
position: absolute;
bottom: -30%;
left: 0;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-transition: background-color 1s cubic-bezier(0.190,1.000,0.220,1.000),bottom 1s cubic-bezier(0.190,1.000,0.220,1.000);
-webkit-transition-delay: 0s;
-moz-transition: background-color 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s,bottom 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s;
-o-transition: background-color 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s,bottom 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s;
transition: background-color 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s,bottom 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s;
z-index: 2;
opacity: 0.75;
filter: alpha(opacity=75);
}
.lpd-product-thumbnail .loop-shop-btn:hover{
opacity: 0.85;
filter: alpha(opacity=85);	
}
.lpd-product-thumbnail:hover .loop-shop-btn{
bottom: 0
}
.lpd-product-thumbnail .loop-shop-btn.added{
background-color: #959595;
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/basic1-179_check_yes.png);
background-repeat: no-repeat;
background-position: 94% 12px;
}
.lpd-product-thumbnail .wc-forward{
display: none !important;
}
.lpd-product-thumbnail > a.img-transaction > div.white_isolated{
background-color: rgba(0, 0, 0, 0.02);
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
float: none;
}
.lpd-onsale{
z-index: 99;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: #d9534f;
color: #fff;
font-weight: 700;
height: 20px !important;
min-width: 40px !important;
line-height: 20px;
margin: 0 !important;
overflow: hidden;
padding: 5px;
position: absolute;
right: 10px !important;
text-align: center;
top: 10px !important;
font-size: 12px;
text-transform: uppercase;
}
.lpd-out-of-s{
z-index: 99;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: #959595;
color: #fff;
font-weight: 700;
min-height: 20px !important;
width: 40px !important;
line-height: 12px;
margin: 0 !important;
overflow: hidden;
padding: 5px;
position: absolute;
right: 25px !important;
text-align: center;
top: 10px !important;
font-size: 10px;
text-transform: uppercase;
}
.lpd-out-of-s.on-sale-products{
top: 50px !important;
}
.lpd-products li.type-product .lpd-onsale{
right: 25px !important;
}
.cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img-wrap .lpd-onsale,
.cbp-item .lpd-onsale{
top: 10px !important;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img-wrap .lpd-out-of-s,
.cbp-item .lpd-out-of-s{
top: 10px !important;
right: 10px !important;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img-wrap .lpd-out-of-s.on-sale-products,
.cbp-item .lpd-out-of-s.on-sale-products{
top: 50px !important;
}
.product-category a{
position: relative;
display: block;
-webkit-transition: all .15s;
-moz-transition: all .15s;
-o-transition: all .15s;
transition: all .15s;
-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
border: 1px solid #ebebeb;
}
ul.lpd-products .product.product-category .product-category-title{
position: absolute;
bottom: 10%;
width: 100%;
background-color: rgba(255, 255, 255, 0.5);
padding: 10px 0;
text-align: center;
color: #555;
font-size: 13px;
font-weight: 900;
text-transform: uppercase;
-webkit-transition: all 0.15s ease-in-out 0s;  
-moz-transition: all 0.15s ease-in-out 0s;  
-o-transition: all 0.15s ease-in-out 0s;  
-ms-transition: all 0.15s ease-in-out 0s;  
transition: all 0.15s ease-in-out 0s;
}
ul.lpd-products .product.product-category:hover .product-category-title{
color: white;
background-color: #959595;
}
.product-category-title small{
font-size: 85%;
font-weight: 700;
display: block;
}
.wordpress-456ecology .woocommerce .star-rating,
.wordpress-456ecology.woocommerce-page .star-rating{
height: 16px;
}
.wordpress-456ecology .woocommerce .star-rating:before,
.wordpress-456ecology.woocommerce-page .star-rating:before{
color: rgba(0, 0, 0, 0.3);
}
.wordpress-456ecology .dark-plx-bg .woocommerce .star-rating:before,
.wordpress-456ecology.woocommerce-page .dark-plx-bg .star-rating:before{
color: rgba(255, 255, 255, 0.65);
}
.lpd_product_meta{
margin-bottom: 20px;
border: 1px solid #ebebeb;
padding: 7px;
width: 50%;
}
.lpd_product_meta .sku_wrapper,
.lpd_product_meta .posted_in,
.lpd_product_meta .tagged_as{
display: block;
font-size: 12px;
}
.lpd-prodcut-accordion{
margin-bottom: 20px;
border-top: 1px solid #ebebeb;
margin-top: -1px;
}
.lpd-prodcut-accordion .panel{
border-bottom: 1px solid #ebebeb;
}
.lpd-prodcut-accordion .panel .panel-heading{
}
.lpd-prodcut-accordion .panel-title a{
display: block;
text-decoration: none;
color: #555;
padding: 10px 0;
position: relative;
}
.lpd-prodcut-accordion .panel-title a:before{
content: '↓';
position: absolute;
right: 0;
margin: 0;
}
.lpd-prodcut-accordion .panel-title a.collapsed{
color: #959595;
}
.lpd-prodcut-accordion .panel-title a.collapsed:before{
color: #959595;
}
#product-comments .commentlist{
padding: 0;
list-style: none;
margin-top: 10px;
}
#product-comments .commentlist li{
margin-bottom: 20px;
}
.wordpress-456ecology .woocommerce #content div.product #reviews .comment img,
.wordpress-456ecology .woocommerce div.product #reviews .comment img,
.wordpress-456ecology.woocommerce-page #content div.product #reviews .comment img,
.wordpress-456ecology.woocommerce-page div.product #reviews .comment img{
float: left;
width: 50px;
}
#product-comments .comment-text{
margin-left: 70px;
border: 1px solid #ebebeb;
padding: 10px 10px 0 10px;
}
.lpd-rating-navigation{
border-top: 1px dashed #ebebeb;
border-bottom: 1px dashed #ebebeb;
}
.lpd-rating-navigation .woocommerce-product-rating{
float: left;
margin-bottom: 0 !important;
}
.lpd-rating-navigation .woocommerce-review-link{
margin: 6px 0 6px 5px;
display: inline-block;
}
.lpd-rating-navigation .star-rating{
margin: 12px 0 !important;
}
.product-navigation{
float: right;
line-height: 25px;
margin: 6px 0 7px;
}
.pn-btn{
color: #555;
-webkit-transition: all 0.15s ease-in-out 0s;  
-moz-transition: all 0.15s ease-in-out 0s;  
-o-transition: all 0.15s ease-in-out 0s;  
-ms-transition: all 0.15s ease-in-out 0s;  
transition: all 0.15s ease-in-out 0s;
}
.wordpress-456ecology .woocommerce #content div.product p.price ins,
.wordpress-456ecology .woocommerce #content div.product span.price ins,
.wordpress-456ecology .woocommerce div.product p.price ins,
.wordpress-456ecology .woocommerce div.product span.price ins,
.wordpress-456ecology.woocommerce-page #content div.product p.price ins,
.wordpress-456ecology.woocommerce-page #content div.product span.price ins,
.wordpress-456ecology.woocommerce-page div.product p.price ins,
.wordpress-456ecology.woocommerce-page div.product span.price ins{
color: inherit;
font-size: 16px;
}
.wordpress-456ecology .woocommerce #content div.product p.price del,
.wordpress-456ecology .woocommerce #content div.product span.price del,
.wordpress-456ecology .woocommerce div.product p.price del,
.wordpress-456ecology .woocommerce div.product span.price del,
.wordpress-456ecology.woocommerce-page #content div.product p.price del,
.wordpress-456ecology.woocommerce-page #content div.product span.price del,
.wordpress-456ecology.woocommerce-page div.product p.price del,
.wordpress-456ecology.woocommerce-page div.product span.price del{
font-size: 75%;
color: rgba(0, 0, 0, 0.5);
}
.wordpress-456ecology.woocommerce div.product p.price del,
.wordpress-456ecology.woocommerce div.product span.price del{
opacity: 1;
filter: alpha(opacity=100);
display: inline;
}
.wordpress-456ecology .woocommerce #content div.product p.price,
.wordpress-456ecology .woocommerce #content div.product span.price,
.wordpress-456ecology .woocommerce div.product p.price,
.wordpress-456ecology .woocommerce div.product span.price,
.wordpress-456ecology.woocommerce-page #content div.product p.price,
.wordpress-456ecology.woocommerce-page #content div.product span.price,
.wordpress-456ecology.woocommerce-page div.product p.price,
.wordpress-456ecology.woocommerce-page div.product span.price{
color: inherit;
text-decoration: none;
}
.variations_form span.price{
}
.variations_form .stock{
margin-bottom: 0;
}
.lpd-cart .price{
margin: 5px 0;
}
.single-cart .cart-price {
float: left;
}
.single-cart .cart-bottom.lpd-sold_individually{
padding-top: 10px;
}
.single-cart .cart-bottom button{
float: right;
}
.wordpress-456ecology .woocommerce #content div.product form.cart,
.wordpress-456ecology .woocommerce div.product form.cart,
.wordpress-456ecology.woocommerce-page #content div.product form.cart,
.wordpress-456ecology.woocommerce-page div.product form.cart{
margin-bottom: 10px;
}
.cart-top{
margin-bottom: 10px;
padding: 20px 0;
border-bottom: 1px solid #ebebeb;
}
.lpd-quantity{
display: block;
float: left;
margin: 10px 5px 10px 0;
}
.wordpress-456ecology.woocommerce-page .quantity{
width: auto;
}
.wordpress-456ecology.woocommerce-page .quantity .plus,
.wordpress-456ecology.woocommerce-page .quantity .minus{
background-color: white;
background-repeat: no-repeat;
border: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
font-weight: bold;
height: 40px;
position: relative;
width: 20px;
float: left;
margin: 0 8px;
opacity: 0.5;
filter: alpha(opacity=50);
text-indent: -9999px;
}
.wordpress-456ecology.woocommerce-page .quantity .plus:hover,
.wordpress-456ecology.woocommerce-page .quantity .minus:hover{
opacity: 1;
filter: alpha(opacity=100);
}
.wordpress-456ecology.woocommerce-page .quantity .plus{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/quantity-plus.png);
}
.wordpress-456ecology.woocommerce-page .quantity .minus{
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/quantity-minus.png);
}
.wordpress-456ecology.woocommerce-page .quantity input.qty{
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border: 1px solid #ccc;
box-shadow: none;
float: left;
font-weight: bold;
width: 58px;
height: 38px;
font-size: 12px;
margin-bottom: 0;
font-family: inherit;
}
.wordpress-456ecology.woocommerce-page .quantity input.qty:focus {
border-color: #959595;
background-color: #fffeef;
}
.single-cart .cart-stock{
float: right;
}
.wordpress-456ecology.woocommerce-page div.product p.stock{
font-size: inherit;
}
.wordpress-456ecology .woocommerce div.product div.images,
.wordpress-456ecology.woocommerce-page div.product div.images{
width: 100%;
float: none;
position: relative;
margin-bottom: 0;
}
.wordpress-456ecology .woocommerce div.product div.images img,
.wordpress-456ecology.woocommerce-page div.product div.images img{
-webkit-box-shadow: none;
box-shadow: none;
padding: 1px;
border: 1px solid #ebebeb;
}
.wordpress-456ecology.woocommerce-page div.product div.images div.thumbnails{
padding-top: 20px;
}
.wordpress-456ecology.woocommerce-page div.product div.images div.thumbnails a{
margin-bottom: 20px;
}
.lpd-out-of-stock{
margin: 5px 0;
}
.lpd-out-of-stock .price{
float: left;
margin: 10px 0;
}
.lpd-out-of-stock .btn{
margin: 3px 0;
}
.lpd-out-of-stock .cart-out-of-stock{
padding: 5px 0;
float: right;
}
.wordpress-456ecology.woocommerce-page div.product form.cart table small.out-of-stock,
.wordpress-456ecology.woocommerce-page div.product p.out-of-stock{
color: #d9534f
}
.wordpress-456ecology .woocommerce div.product form.cart table,
.wordpress-456ecology .woocommerce #content div.product form.cart table,
.wordpress-456ecology.woocommerce-page div.product form.cart table,
.wordpress-456ecology.woocommerce-page #content div.product form.cart table{
width: 100%;
}
.wordpress-456ecology.woocommerce-page div.product form.cart .group_table td.label{
padding: 0;
background: none;
font-family: inherit;
text-transform: none;
padding: 15px 0;
display: inline-block;
line-height: 20px;
text-align: inherit;
}
.wordpress-456ecology.woocommerce-page div.product form.cart .group_table td{
border: 0;
margin: 0;
padding: 5px 0;
width: 33%;
}
.wordpress-456ecology.woocommerce-page div.product form.cart .group_table td.label a{
font-size: 12px;
color: #555;
}
.wrap-group-button{
padding: 10px 0 0;
border-top: 1px solid #ebebeb;
margin-top: 5px;
}
.wrap-group-button button{
float: right;
}
.group-table-wrap{
padding: 5px 0 0;
}
.grouped-cart .btn{
margin: 5px 15px 5px 0;
}
.wordpress-456ecology.woocommerce-page div.product form.cart .group_table td{
vertical-align: middle;
}
.wordpress-456ecology.woocommerce-page div.product form.cart .group_table td ins{
text-decoration: none;
}
.wordpress-456ecology.woocommerce-page div.product form.cart .group_table td del{
font-size: 75%;
color: rgba(0, 0, 0, 0.5);
}
.price-wrap{
display: block;
float: left;
}
.wordpress-456ecology.woocommerce-page div.product .group_table p.stock{
}
.wordpress-456ecology .woocommerce table.shop_attributes,
.wordpress-456ecology.woocommerce-page table.shop_attributes{
border: none;
margin-bottom: 10px;
}
.wordpress-456ecology.woocommerce table.shop_attributes tr:last-child th,
.wordpress-456ecology.woocommerce table.shop_attributes tr:last-child td{
border: none;
}
.wordpress-456ecology.woocommerce table.shop_attributes tr th{
padding: 10px 0;
}
.wordpress-456ecology.woocommerce table.shop_attributes tr td{
text-align: right;
}
.wordpress-456ecology .woocommerce table.shop_attributes .alt td,
.wordpress-456ecology .woocommerce table.shop_attributes .alt th,
.wordpress-456ecology.woocommerce-page table.shop_attributes .alt td,
.wordpress-456ecology.woocommerce-page table.shop_attributes .alt th{
background: none;
}
.wordpress-456ecology.woocommerce-page div.product form.cart.variations_form{
margin: 10px 0 0;
}
.wordpress-456ecology.woocommerce-page div.product form.cart .variations{
margin-bottom: 0;
}
.wordpress-456ecology.woocommerce-page div.product form.cart .variations label{
margin: 0;
text-shadow: none;
font-weight: normal;
}
.wordpress-456ecology.woocommerce-page div.product form.cart .variations td.label{
padding: 0;
background: none;
font-family: inherit;
text-transform: none;
padding: 6px 20px 6px 0;
line-height: inherit;
color: inherit;
font-size: inherit;
display: inline-block;
}
.clear-selection{
text-align: right;
line-height: 30px;
}
.variations_button{
padding: 0 0 20px;
}
.variations_button .btn{
}
.single_variation{
border-top: 1px dotted #ebebeb;
padding: 10px 0;
}
.external-cart{
margin: 10px 0;
}
.external-cart .cart-price{
float: left;
}
.external-cart .cart-price p{
margin: 10px 0;
}
.wordpress-456ecology.woocommerce-page div.product p.cart{
margin: 10px 0;
}
.wordpress-456ecology .woocommerce-message,
.wordpress-456ecology .woocommerce-error,
.wordpress-456ecology .woocommerce-info{
background: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: rgba(0, 0, 0, 0.75);
list-style: none outside none;
margin: 0 0 20px !important;
text-shadow: none;
color: #555;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
}
.wordpress-456ecology .woocommerce-message{
border: 1px solid #8fae1b;
background: rgba(143, 174, 27, 0.15);
}
.wordpress-456ecology .woocommerce-info{
border: 1px solid #1e85be;
background: rgba(30, 133, 190, 0.15);
}
.wordpress-456ecology .woocommerce-error{
border: 1px solid #b81c23;
background: rgba(184, 28, 35, 0.15);
}
.wordpress-456ecology .woocommerce-message a.button,
.wordpress-456ecology .woocommerce-error a.button,
.wordpress-456ecology .woocommerce-info a.button{
background: none !important;
border: none;
top: 0 !important;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: inherit;
line-height: 20px;
padding: 0;
font-weight: normal;
font-size: 13px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
opacity: .85;
filter: alpha(opacity=85);
-webkit-transition: all .15s;
-moz-transition: all .15s;
-o-transition: all .15s;
transition: all .15s;
}
.wordpress-456ecology .woocommerce-message a.button:hover,
.wordpress-456ecology .woocommerce-error a.button:hover,
.wordpress-456ecology .woocommerce-info a.button:hover{
opacity: 1;
filter: alpha(opacity=100);
}
.wordpress-456ecology .woocommerce-message a{
color: #799418 !important;
}
.wordpress-456ecology .woocommerce-info a{
color: #1e85be !important;
}
.wordpress-456ecology .woocommerce-error a{
color: #b81c23 !important;
}
.wordpress-456ecology .woocommerce-message:before,
.wordpress-456ecology .woocommerce-error:before,
.wordpress-456ecology .woocommerce-info:before{
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
box-shadow: none;
display: block;
font-size: inherit;
line-height: inherit;
padding-top: 0;
position: absolute;
text-shadow: none;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
top: 1em;
}
.vc-lpd-woocommerce h2,
.lpd-related h2,
.lpd-upsells h2{
margin: 20px 0 30px;
text-align: center;
line-height: 20px;
display: block;
font-size: 16px;
font-weight: 900;
text-transform: uppercase;
}
.dark-plx-bg .vc-lpd-woocommerce h2,
.dark-plx-bg .lpd-related h2,
.dark-plx-bg .lpd-upsells h2{
color: #fff;
} .wordpress-456ecology .woocommerce table.shop_table,
.wordpress-456ecology.woocommerce-page table.shop_table{
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
margin-bottom: 20px;
}
.wordpress-456ecology.woocommerce-page .checkout table.shop_table{
color: #959595;
}
.wordpress-456ecology.woocommerce-page .checkout table.shop_table .order-total{
color: #555
}
.wordpress-456ecology.woocommerce-page table.cart td.actions{
padding: 15px 0;
}
.wordpress-456ecology .woocommerce table.shop_table,
.wordpress-456ecology.woocommerce-page table.shop_table{
border: none;
}
.woocommerce table.shop_table thead,
.woocommerce-page table.shop_table thead{
color: #555;
}
.wordpress-456ecology .woocommerce table.shop_table td,
.wordpress-456ecology.woocommerce-page table.shop_table td{
border-top: 1px solid #ccc;
padding: 15px;
}
.wordpress-456ecology .woocommerce .checkout table.shop_table td,
.wordpress-456ecology.woocommerce-page .checkout table.shop_table td{
padding: 8px 15px;
}
.wordpress-456ecology .woocommerce table.cart a.remove,
.wordpress-456ecology.woocommerce-page table.cart a.remove{
color: #555 !important;
}
.wordpress-456ecology .woocommerce table.cart a.remove:hover,
.wordpress-456ecology.woocommerce-page table.cart a.remove:hover{
color: #fff !important;
background-color: #d9534f;
}
.wordpress-456ecology .woocommerce table.cart img,
.wordpress-456ecology.woocommerce-page table.cart img{
width: 50px;
border: 1px solid #ebebeb;
-webkit-transition: all 0.15s ease-in-out 0s;  
-moz-transition: all 0.15s ease-in-out 0s;  
-o-transition: all 0.15s ease-in-out 0s;  
-ms-transition: all 0.15s ease-in-out 0s;  
transition: all 0.15s ease-in-out 0s;
}
.wordpress-456ecology .woocommerce table.cart img:hover,
.wordpress-456ecology.woocommerce-page table.cart img:hover{
}
#ship-to-different-address{
line-height: 20px;
}
.wordpress-456ecology .woocommerce form .form-row,
.wordpress-456ecology.woocommerce-page form .form-row{
padding: 0;
margin-bottom: 5px;
}
.wordpress-456ecology .woocommerce form .lpd-cart-collaterals .form-row,
.wordpress-456ecology.woocommerce-page form .lpd-cart-collaterals .form-row{
margin-bottom: 0;
}
.wordpress-456ecology .woocommerce form .lpd-cart-collaterals .form-row select,
.wordpress-456ecology.woocommerce-page form .lpd-cart-collaterals .form-row select,
.wordpress-456ecology .woocommerce form .lpd-cart-collaterals .form-row input,
.wordpress-456ecology.woocommerce-page form .lpd-cart-collaterals .form-row input{
margin-bottom: 5px;
}
.wordpress-456ecology.woocommerce-page form.login,
.wordpress-456ecology.woocommerce-page form.checkout_coupon,
.wordpress-456ecology.woocommerce-page form.register{
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border: 2px solid #ebebeb;
padding: 20px 15px;
margin: 0 0 20px;
}
.wordpress-456ecology.woocommerce-page form.login,
.wordpress-456ecology.woocommerce-page form.register{
padding-bottom: 10px
}
.checkout_coupon .col-xs-5{
text-align: right;
}
.checkout_coupon #coupon_code{
width: 98%;
}
.wordpress-456ecology .woocommerce form .form-row input.input-text,
.wordpress-456ecology.woocommerce-page form .form-row input.input-text,
.wordpress-456ecology .woocommerce form .form-row textarea,
.wordpress-456ecology.woocommerce-page form .form-row textarea{
height: 30px;
}
.input-text,
#shipping_country,
#billing_country,
#calc_shipping_state {
display: block;
width: 100%;
height: 30px;
padding: 5px 10px;
font-size: 13px;
line-height: 1.428571429;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
border: 1px solid #cccccc;
-webkit-transition: border-color ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s;
}
.input-text:focus,
#shipping_country:focus,
#billing_country:focus,
#calc_shipping_state:focus {
border-color: #959595;
outline: 0;
}
.login .lost_password{
margin-left: 5px;
}
.payment_methods label,
#shipping_method label{
display: inline;
margin: 0;
}
.lpd-checkout-accordion .panel{
border: 2px solid #ccc;
margin-bottom: 5px;
}
.lpd-checkout-accordion .panel-title a{
text-decoration: none;
padding: 20px 15px;
position: relative;
z-index: 9;
display: block;
font-size: 14px;
font-weight: 900;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #555;
}
.lpd-checkout-accordion .panel-title a:before{
content: '';
display: block;
position: absolute;
right: 15px;
top: 22px;
height: 16px;
width: 16px;
background: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/vc/basic2-273_remove_delete_minus.png) no-repeat center;
}
.lpd-checkout-accordion .panel-title a.collapsed:before{
background: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/vc/basic2-272_add_new_plus.png) no-repeat center;
}
.lpd-checkout-accordion .panel-body{
border-top: 1px solid #ccc;
position: relative;
padding: 10px 15px;
}
.wordpress-456ecology .woocommerce form .lpd-checkout-accordion .form-row-first,
.wordpress-456ecology .woocommerce form .lpd-checkout-accordion .form-row-last,
.wordpress-456ecology.woocommerce-page form .lpd-checkout-accordion .form-row-first,
.wordpress-456ecology.woocommerce-page form .lpd-checkout-accordion .form-row-last{
width: 100%
}
.total-cart-wrap,
.order_review_wrap{
border: 2px solid #959595;
}
.total-cart-wrap h2,
#order_review_heading{
padding: 20px 15px;
margin: 0;
display: block;
font-size: 14px;
font-weight: 900;
letter-spacing: 0.5px;
text-transform: uppercase;
background-color: #959595;
color: #fff;
line-height: 20px;
}
.wordpress-456ecology .wc-proceed-to-checkout{
padding: 0;
}
.wordpress-456ecology.woocommerce-page #payment{
background: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.wordpress-456ecology.woocommerce-page #payment div.payment_box{
background: #ebebeb;
box-shadow: none;
font-size: 13px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding-top: 10px;
padding-bottom: 10px;
text-shadow: none;
}
.wordpress-456ecology.woocommerce-page #payment ul.payment_methods{
padding: 10px 15px;
}
.wordpress-456ecology.woocommerce-page #payment div.form-row{
padding: 20px 15px 0 15px;
margin-bottom: 20px;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
float: none;
}
.lpd-cart-collaterals{
width: 100%
}
.lpd-shipping-calculator{
width: 50%
}
.wordpress-456ecology .woocommerce .cart-collaterals .cart_totals,
.wordpress-456ecology .woocommerce-page .cart-collaterals .cart_totals{
width: 100% !important;
float: none;
text-align: inherit;
}
.wordpress-456ecology.woocommerce-page .cart-collaterals .cart_totals table{
color: #959595 !important;
margin-bottom: 10px;
padding: 10px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
width: 100%;
}
.wordpress-456ecology.woocommerce-page .cart-collaterals .cart_totals table .order-total{
color: #555 !important;
}
.wordpress-456ecology.woocommerce-page .cart-collaterals .cart_totals tr td,
.wordpress-456ecology.woocommerce-page .cart-collaterals .cart_totals tr th{
border-top: 1px solid #ccc;
}
.wordpress-456ecology .woocommerce .cart-collaterals .cart_totals tr td,
.wordpress-456ecology.woocommerce-page .cart-collaterals .cart_totals tr td,
.wordpress-456ecology .woocommerce .cart-collaterals .cart_totals tr th,
.wordpress-456ecology.woocommerce-page .cart-collaterals .cart_totals tr th{
padding: 8px 5px;
}
.wordpress-456ecology .woocommerce .cart-collaterals .cart_totals table th,
.wordpress-456ecology.woocommerce-page .cart-collaterals .cart_totals table th{
width: 40%
}
.wordpress-456ecology.woocommerce-page .cart-collaterals .cart_totals table select{
margin-bottom: 0;
}
.total-cart-btn-wrap{
margin: 0 10px
}
.cart_totals-btn{
margin-bottom: 10px;
width: 100%;
}
.total-cart-wrap .coupon{
border-bottom: 1px solid #ebebeb;
padding: 10px 10px 20px;
}
.total-cart-wrap .coupon .btn{
width: 100%;
}
.total-cart-wrap .coupon #coupon_code{
margin-bottom: 10px;
}
.total-cart-tax{
padding: 0 10px 10px 10px;
}
.wordpress-456ecology.woocommerce-checkout h2,
.my-account-title{
font-size: 18px;
line-height: 20px;
margin: 10px 0;
}
.my-account-lg-rg h2{
font-size: 18px;
line-height: 20px;
margin: 0 0 10px;
}
.wordpress-456ecology .woocommerce .order_details,
.wordpress-456ecology.woocommerce-page .order_details{
padding: 0;
margin-bottom: 20px;
}
.wordpress-456ecology .woocommerce .order_details li,
.wordpress-456ecology.woocommerce-page .order_details li{
list-style: none;	
}
.wordpress-456ecology .order_details.bacs_details h3{
font-size: 14px;
line-height: 20px;
margin: 0 0 20px;
}
.wordpress-456ecology .woocommerce table.my_account_orders,
.wordpress-456ecology.woocommerce-page table.my_account_orders{
font-size: inherit;
} .wordpress-456ecology div.product div.images a#cloud-link{
display: block;
border: 1px solid #ebebeb;
padding: 5px;
}
.wordpress-456ecology .cloud-zoom-big {
border: 5px solid #fff;
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;	
-moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);		
}
.wordpress-456ecology div.product div.images #wrap *,
.wordpress-456ecology div.product div.images #wrap *:before,
.wordpress-456ecology div.product div.images #wrap *:after{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
} .wordpress-456ecology .woocommerce ul.cart_list li a,
.wordpress-456ecology .woocommerce ul.product_list_widget li a,
.wordpress-456ecology.woocommerce-page ul.cart_list li a,
.wordpress-456ecology.woocommerce-page ul.product_list_widget li a{
color: #555;
font-weight: inherit;
-webkit-transition: all .15s;
-moz-transition: all .15s;
-o-transition: all .15s;
transition: all .15s;
}
.wordpress-456ecology .footer.dark-theme .woocommerce ul.cart_list li a,
.wordpress-456ecology .footer.dark-theme .woocommerce ul.product_list_widget li a,
.wordpress-456ecology.woocommerce-page .footer.dark-theme ul.cart_list li a,
.wordpress-456ecology.woocommerce-page .footer.dark-theme ul.product_list_widget li a{
color: #fff;
}
.wordpress-456ecology .woocommerce ul.cart_list li img,
.wordpress-456ecology .woocommerce ul.product_list_widget li img,
.wordpress-456ecology.woocommerce-page ul.cart_list li img,
.wordpress-456ecology.woocommerce-page ul.product_list_widget li img{
width: 60px;
border: 1px solid #ebebeb;
padding: 1px;
-webkit-box-shadow: none;
box-shadow: none;
}
.wordpress-456ecology .woocommerce ul.cart_list li,
.wordpress-456ecology .woocommerce ul.product_list_widget li,
.wordpress-456ecology.woocommerce-page ul.cart_list li,
.wordpress-456ecology.woocommerce-page ul.product_list_widget li{
padding: 5px 0 5px;
}
.wordpress-456ecology.woocommerce .widget_shopping_cart .cart_list li a.remove:hover,
.wordpress-456ecology .woocommerce.widget_shopping_cart .cart_list li a.remove:hover{
color: #fff !important;
}
.wordpress-456ecology .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
.wordpress-456ecology.woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content{
background: #555;
margin-top: 20px;
}
.wordpress-456ecology .woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.wordpress-456ecology.woocommerce-page .widget_price_filter .ui-slider .ui-slider-range{
background: #ccc;
border: 1px solid #b7b7b7;
*border: 0;
*zoom: 1;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.wordpress-456ecology .woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.wordpress-456ecology.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle{
border-color: #898989;
background: #959595;
}
.wordpress-456ecology .woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.wordpress-456ecology.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
*border: 0;
*zoom: 1;
height: 16px;
width: 16px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
top: -5px;
-webkit-transition: all 0.15s ease-in-out 0s;  
-moz-transition: all 0.15s ease-in-out 0s;  
-o-transition: all 0.15s ease-in-out 0s;  
-ms-transition: all 0.15s ease-in-out 0s;  
transition: all 0.15s ease-in-out 0s;
}
.price_slider_amount .btn{
float: left;
}
.woocommerce .widget_layered_nav ul li a,
.woocommerce-page .widget_layered_nav ul li a,
.woocommerce .widget_layered_nav ul li span,
.woocommerce-page .widget_layered_nav ul li span{
font-weight: 900;
color: #555;
}
.footer.dark-theme .woocommerce .widget_layered_nav ul li a,
.woocommerce-page .footer.dark-theme .widget_layered_nav ul li a,
.footer.dark-theme .woocommerce .widget_layered_nav ul li span,
.woocommerce-page .footer.dark-theme .widget_layered_nav ul li span{
color: #fff;
}
.wordpress-456ecology .woocommerce .widget_shopping_cart .total,
.wordpress-456ecology.woocommerce-page .widget_shopping_cart .total{
border-color: #ebebeb;
}
.wordpress-456ecology .widget_product_categories ul{
list-style: none;
margin: 0;	
}
.wordpress-456ecology .widget_product_categories ul li{
position: relative;
}
.wordpress-456ecology .widget_product_categories ul li a{
display: inline-block;
position: relative;
color: #555;
padding: 10px 0 10px 26px;
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/basic3-032_shopping_bag_sale_price_tag.png);
background-position: 0 14px;
background-repeat: no-repeat;
text-decoration: none;
font-weight: bold;
z-index: 1;
}
.wordpress-456ecology .footer.dark-theme .widget_product_categories ul li a{
color: #fff;
background-image: url(//www.plantsdirect.ca/wp-content/themes/456ecology/assets/img/basic3-032_shopping_bag_sale_price_tag-1.png);
}
.wordpress-456ecology .widget_product_categories ul li .toggle{
position: absolute;
top: 10px;
right: 0;
z-index: 9;
cursor: pointer;
}
.wordpress-456ecology .widget_product_categories ul.children{
display: none;
}
.wordpress-456ecology .widget_product_categories ul.children li .toggle{
top: 5px;
}
.wordpress-456ecology .widget_product_categories ul ul{
padding: 0 0 0 8px;
margin: 0;
}
.wordpress-456ecology .widget_product_categories ul ul li{
padding: 5px 0 5px 15px;
}
.wordpress-456ecology .widget_product_categories ul ul li a{
color: #959595;
padding: 0;
background-image: none;
}
.wordpress-456ecology .widget_product_categories ul ul ul{
padding: 10px 0 10px 8px;
}
.wordpress-456ecology .product_list_widget ins{
text-decoration: none;
}
.wordpress-456ecology .product_list_widget del{
color: #959595;
font-size: 90%;
}
.wordpress-456ecology .woocommerce .widget_layered_nav_filters ul li a,
.wordpress-456ecology.woocommerce-page .widget_layered_nav_filters ul li a,
.wordpress-456ecology .woocommerce .widget_layered_nav ul li.chosen a,
.wordpress-456ecology.woocommerce-page .widget_layered_nav ul li.chosen a{
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
border: none;
color: #fff;
}
.wordpress-456ecology .woocommerce nav.woocommerce-pagination ul,
.wordpress-456ecology.woocommerce-page nav.woocommerce-pagination ul{
border: none;
}
.wordpress-456ecology .woocommerce nav.woocommerce-pagination ul li,
.wordpress-456ecology.woocommerce-page nav.woocommerce-pagination ul li{
border: 1px solid #e1e1e1;
min-width: 32px;
height: 32px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
margin: 0 2px;
}
.wordpress-456ecology .woocommerce #content nav.woocommerce-pagination ul li a,
.wordpress-456ecology .woocommerce #content nav.woocommerce-pagination ul li span,
.wordpress-456ecology .woocommerce nav.woocommerce-pagination ul li a,
.wordpress-456ecology .woocommerce nav.woocommerce-pagination ul li span,
.wordpress-456ecology.woocommerce-page #content nav.woocommerce-pagination ul li a,
.wordpress-456ecology.woocommerce-page #content nav.woocommerce-pagination ul li span,
.wordpress-456ecology.woocommerce-page nav.woocommerce-pagination ul li a,
.wordpress-456ecology.woocommerce-page nav.woocommerce-pagination ul li span{
line-height: 20px;
padding: 5px;
}
.wordpress-456ecology .woocommerce nav.woocommerce-pagination ul li span.current,
.wordpress-456ecology.woocommerce-page nav.woocommerce-pagination ul li span.current,
.wordpress-456ecology .woocommerce nav.woocommerce-pagination ul li a:hover,
.wordpress-456ecology.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.wordpress-456ecology .woocommerce nav.woocommerce-pagination ul li a:focus,
.wordpress-456ecology.woocommerce-page nav.woocommerce-pagination ul li a:focus{
color: #959595;
background: #f0f0f0;
}
.wordpress-456ecology .woocommerce nav.woocommerce-pagination ul li span.current,
.wordpress-456ecology.woocommerce-page nav.woocommerce-pagination ul li span.current{
color: #959595;
}
.wordpress-456ecology .woocommerce nav.woocommerce-pagination ul li a,
.wordpress-456ecology.woocommerce-page nav.woocommerce-pagination ul li a,
.wordpress-456ecology .woocommerce nav.woocommerce-pagination ul li span,
.wordpress-456ecology.woocommerce-page nav.woocommerce-pagination ul li span{
font-weight: 900;
font-size: 13px;
}
.wordpress-456ecology .footer.dark-theme .woocommerce ul.cart_list li dl,
.wordpress-456ecology .footer.dark-theme .woocommerce ul.product_list_widget li dl,
.wordpress-456ecology.woocommerce-page .footer.dark-theme ul.cart_list li dl,
.wordpress-456ecology.woocommerce-page .footer.dark-theme ul.product_list_widget li dl{
border-color: rgba(255, 255, 255, 0.2)
}
.wordpress-456ecology .woocommerce .widget_layered_nav ul small.count,
.wordpress-456ecology.woocommerce-page .widget_layered_nav ul small.count{
color: #555;
}
.wordpress-456ecology .footer.dark-theme .woocommerce .widget_layered_nav ul small.count,
.wordpress-456ecology.woocommerce-page .footer.dark-theme .widget_layered_nav ul small.count{
color: #fff;
} .thumbnail-item-price{
}
.thumbnail-item-price ins{
text-decoration: none;
}
.thumbnail-item-price del{
font-size: 90%;
color: #959595;
}
.thumbnail-item-price{
}
.single_variation_equal .single_variation{
border: none;
float: right;
padding: 0;
line-height: 20px;
}
.single_variation_equal .single_variation p{
margin: 0 !important;
}
.single_variation_equal{
border-top: 1px solid #ebebeb;
padding: 10px 0;
}