html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
vertical-align: baseline;
font-size: 75%;
line-height: 0;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-size: 1em;
font-family: monospace, monospace;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
color: inherit;
font: inherit;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
margin: 0 2px;
padding: .35em .625em .75em;
border: 1px solid #c0c0c0;
}
legend {
padding: 0;
border: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
td,
th {
padding: 0;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
h1, h2, h3, h4, h5, h6 {
margin: 0;
}
input[type="search"] {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
*,
*:before,
*:after { box-sizing: inherit;
}
.container {
margin-left: auto;
margin-right: auto;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
@media (min-width: 544px) {
.container {
max-width: 576px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
.container-fluid {
margin-left: auto;
margin-right: auto;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.row {
display: flex;
flex-wrap: wrap;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
.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, .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, .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, .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, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
position: relative;
min-height: 1px;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
width: 100%;
}
.col-xs-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xs-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xs-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xs-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xs-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xs-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xs-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xs-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xs-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xs-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xs-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xs-12 {
flex: 0 0 100%;
max-width: 100%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-pull-1 {
right: 8.33333%;
}
.col-xs-pull-2 {
right: 16.66667%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-4 {
right: 33.33333%;
}
.col-xs-pull-5 {
right: 41.66667%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-7 {
right: 58.33333%;
}
.col-xs-pull-8 {
right: 66.66667%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-10 {
right: 83.33333%;
}
.col-xs-pull-11 {
right: 91.66667%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-push-1 {
left: 8.33333%;
}
.col-xs-push-2 {
left: 16.66667%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-4 {
left: 33.33333%;
}
.col-xs-push-5 {
left: 41.66667%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-7 {
left: 58.33333%;
}
.col-xs-push-8 {
left: 66.66667%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-10 {
left: 83.33333%;
}
.col-xs-push-11 {
left: 91.66667%;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
.col-xs-offset-1 {
margin-left: 8.33333%;
}
.col-xs-offset-2 {
margin-left: 16.66667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.33333%;
}
.col-xs-offset-5 {
margin-left: 41.66667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.33333%;
}
.col-xs-offset-8 {
margin-left: 66.66667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.33333%;
}
.col-xs-offset-11 {
margin-left: 91.66667%;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-right-0 {
margin-right: 0%;
}
.col-xs-offset-right-1 {
margin-right: 8.33333%;
}
.col-xs-offset-right-2 {
margin-right: 16.66667%;
}
.col-xs-offset-right-3 {
margin-right: 25%;
}
.col-xs-offset-right-4 {
margin-right: 33.33333%;
}
.col-xs-offset-right-5 {
margin-right: 41.66667%;
}
.col-xs-offset-right-6 {
margin-right: 50%;
}
.col-xs-offset-right-7 {
margin-right: 58.33333%;
}
.col-xs-offset-right-8 {
margin-right: 66.66667%;
}
.col-xs-offset-right-9 {
margin-right: 75%;
}
.col-xs-offset-right-10 {
margin-right: 83.33333%;
}
.col-xs-offset-right-11 {
margin-right: 91.66667%;
}
.col-xs-offset-right-12 {
margin-right: 100%;
}
@media (min-width: 544px) {
.col-sm-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-sm-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-sm-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-sm-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-sm-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-pull-1 {
right: 8.33333%;
}
.col-sm-pull-2 {
right: 16.66667%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-4 {
right: 33.33333%;
}
.col-sm-pull-5 {
right: 41.66667%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-7 {
right: 58.33333%;
}
.col-sm-pull-8 {
right: 66.66667%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-10 {
right: 83.33333%;
}
.col-sm-pull-11 {
right: 91.66667%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-push-1 {
left: 8.33333%;
}
.col-sm-push-2 {
left: 16.66667%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-4 {
left: 33.33333%;
}
.col-sm-push-5 {
left: 41.66667%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-7 {
left: 58.33333%;
}
.col-sm-push-8 {
left: 66.66667%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-10 {
left: 83.33333%;
}
.col-sm-push-11 {
left: 91.66667%;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
.col-sm-offset-1 {
margin-left: 8.33333%;
}
.col-sm-offset-2 {
margin-left: 16.66667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.33333%;
}
.col-sm-offset-5 {
margin-left: 41.66667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.33333%;
}
.col-sm-offset-8 {
margin-left: 66.66667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.33333%;
}
.col-sm-offset-11 {
margin-left: 91.66667%;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-right-0 {
margin-right: 0%;
}
.col-sm-offset-right-1 {
margin-right: 8.33333%;
}
.col-sm-offset-right-2 {
margin-right: 16.66667%;
}
.col-sm-offset-right-3 {
margin-right: 25%;
}
.col-sm-offset-right-4 {
margin-right: 33.33333%;
}
.col-sm-offset-right-5 {
margin-right: 41.66667%;
}
.col-sm-offset-right-6 {
margin-right: 50%;
}
.col-sm-offset-right-7 {
margin-right: 58.33333%;
}
.col-sm-offset-right-8 {
margin-right: 66.66667%;
}
.col-sm-offset-right-9 {
margin-right: 75%;
}
.col-sm-offset-right-10 {
margin-right: 83.33333%;
}
.col-sm-offset-right-11 {
margin-right: 91.66667%;
}
.col-sm-offset-right-12 {
margin-right: 100%;
}
}
@media (min-width: 768px) {
.col-md-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-md-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-md-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-md-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-md-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-pull-1 {
right: 8.33333%;
}
.col-md-pull-2 {
right: 16.66667%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-4 {
right: 33.33333%;
}
.col-md-pull-5 {
right: 41.66667%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-7 {
right: 58.33333%;
}
.col-md-pull-8 {
right: 66.66667%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-10 {
right: 83.33333%;
}
.col-md-pull-11 {
right: 91.66667%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-push-0 {
left: auto;
}
.col-md-push-1 {
left: 8.33333%;
}
.col-md-push-2 {
left: 16.66667%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-4 {
left: 33.33333%;
}
.col-md-push-5 {
left: 41.66667%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-7 {
left: 58.33333%;
}
.col-md-push-8 {
left: 66.66667%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-10 {
left: 83.33333%;
}
.col-md-push-11 {
left: 91.66667%;
}
.col-md-push-12 {
left: 100%;
}
.col-md-offset-0 {
margin-left: 0%;
}
.col-md-offset-1 {
margin-left: 8.33333%;
}
.col-md-offset-2 {
margin-left: 16.66667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.33333%;
}
.col-md-offset-5 {
margin-left: 41.66667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.33333%;
}
.col-md-offset-8 {
margin-left: 66.66667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.33333%;
}
.col-md-offset-11 {
margin-left: 91.66667%;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-right-0 {
margin-right: 0%;
}
.col-md-offset-right-1 {
margin-right: 8.33333%;
}
.col-md-offset-right-2 {
margin-right: 16.66667%;
}
.col-md-offset-right-3 {
margin-right: 25%;
}
.col-md-offset-right-4 {
margin-right: 33.33333%;
}
.col-md-offset-right-5 {
margin-right: 41.66667%;
}
.col-md-offset-right-6 {
margin-right: 50%;
}
.col-md-offset-right-7 {
margin-right: 58.33333%;
}
.col-md-offset-right-8 {
margin-right: 66.66667%;
}
.col-md-offset-right-9 {
margin-right: 75%;
}
.col-md-offset-right-10 {
margin-right: 83.33333%;
}
.col-md-offset-right-11 {
margin-right: 91.66667%;
}
.col-md-offset-right-12 {
margin-right: 100%;
}
}
@media (min-width: 992px) {
.col-lg-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-lg-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-lg-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-lg-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-lg-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-pull-1 {
right: 8.33333%;
}
.col-lg-pull-2 {
right: 16.66667%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-4 {
right: 33.33333%;
}
.col-lg-pull-5 {
right: 41.66667%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-7 {
right: 58.33333%;
}
.col-lg-pull-8 {
right: 66.66667%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-10 {
right: 83.33333%;
}
.col-lg-pull-11 {
right: 91.66667%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-push-1 {
left: 8.33333%;
}
.col-lg-push-2 {
left: 16.66667%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-4 {
left: 33.33333%;
}
.col-lg-push-5 {
left: 41.66667%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-7 {
left: 58.33333%;
}
.col-lg-push-8 {
left: 66.66667%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-10 {
left: 83.33333%;
}
.col-lg-push-11 {
left: 91.66667%;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
.col-lg-offset-1 {
margin-left: 8.33333%;
}
.col-lg-offset-2 {
margin-left: 16.66667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.33333%;
}
.col-lg-offset-5 {
margin-left: 41.66667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.33333%;
}
.col-lg-offset-8 {
margin-left: 66.66667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.33333%;
}
.col-lg-offset-11 {
margin-left: 91.66667%;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-right-0 {
margin-right: 0%;
}
.col-lg-offset-right-1 {
margin-right: 8.33333%;
}
.col-lg-offset-right-2 {
margin-right: 16.66667%;
}
.col-lg-offset-right-3 {
margin-right: 25%;
}
.col-lg-offset-right-4 {
margin-right: 33.33333%;
}
.col-lg-offset-right-5 {
margin-right: 41.66667%;
}
.col-lg-offset-right-6 {
margin-right: 50%;
}
.col-lg-offset-right-7 {
margin-right: 58.33333%;
}
.col-lg-offset-right-8 {
margin-right: 66.66667%;
}
.col-lg-offset-right-9 {
margin-right: 75%;
}
.col-lg-offset-right-10 {
margin-right: 83.33333%;
}
.col-lg-offset-right-11 {
margin-right: 91.66667%;
}
.col-lg-offset-right-12 {
margin-right: 100%;
}
}
@media (min-width: 1200px) {
.col-xl-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xl-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xl-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xl-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xl-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.col-xl-pull-0 {
right: auto;
}
.col-xl-pull-1 {
right: 8.33333%;
}
.col-xl-pull-2 {
right: 16.66667%;
}
.col-xl-pull-3 {
right: 25%;
}
.col-xl-pull-4 {
right: 33.33333%;
}
.col-xl-pull-5 {
right: 41.66667%;
}
.col-xl-pull-6 {
right: 50%;
}
.col-xl-pull-7 {
right: 58.33333%;
}
.col-xl-pull-8 {
right: 66.66667%;
}
.col-xl-pull-9 {
right: 75%;
}
.col-xl-pull-10 {
right: 83.33333%;
}
.col-xl-pull-11 {
right: 91.66667%;
}
.col-xl-pull-12 {
right: 100%;
}
.col-xl-push-0 {
left: auto;
}
.col-xl-push-1 {
left: 8.33333%;
}
.col-xl-push-2 {
left: 16.66667%;
}
.col-xl-push-3 {
left: 25%;
}
.col-xl-push-4 {
left: 33.33333%;
}
.col-xl-push-5 {
left: 41.66667%;
}
.col-xl-push-6 {
left: 50%;
}
.col-xl-push-7 {
left: 58.33333%;
}
.col-xl-push-8 {
left: 66.66667%;
}
.col-xl-push-9 {
left: 75%;
}
.col-xl-push-10 {
left: 83.33333%;
}
.col-xl-push-11 {
left: 91.66667%;
}
.col-xl-push-12 {
left: 100%;
}
.col-xl-offset-0 {
margin-left: 0%;
}
.col-xl-offset-1 {
margin-left: 8.33333%;
}
.col-xl-offset-2 {
margin-left: 16.66667%;
}
.col-xl-offset-3 {
margin-left: 25%;
}
.col-xl-offset-4 {
margin-left: 33.33333%;
}
.col-xl-offset-5 {
margin-left: 41.66667%;
}
.col-xl-offset-6 {
margin-left: 50%;
}
.col-xl-offset-7 {
margin-left: 58.33333%;
}
.col-xl-offset-8 {
margin-left: 66.66667%;
}
.col-xl-offset-9 {
margin-left: 75%;
}
.col-xl-offset-10 {
margin-left: 83.33333%;
}
.col-xl-offset-11 {
margin-left: 91.66667%;
}
.col-xl-offset-12 {
margin-left: 100%;
}
.col-xl-offset-right-0 {
margin-right: 0%;
}
.col-xl-offset-right-1 {
margin-right: 8.33333%;
}
.col-xl-offset-right-2 {
margin-right: 16.66667%;
}
.col-xl-offset-right-3 {
margin-right: 25%;
}
.col-xl-offset-right-4 {
margin-right: 33.33333%;
}
.col-xl-offset-right-5 {
margin-right: 41.66667%;
}
.col-xl-offset-right-6 {
margin-right: 50%;
}
.col-xl-offset-right-7 {
margin-right: 58.33333%;
}
.col-xl-offset-right-8 {
margin-right: 66.66667%;
}
.col-xl-offset-right-9 {
margin-right: 75%;
}
.col-xl-offset-right-10 {
margin-right: 83.33333%;
}
.col-xl-offset-right-11 {
margin-right: 91.66667%;
}
.col-xl-offset-right-12 {
margin-right: 100%;
}
}
@media (min-width: 1920px) {
.col-xxl-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xxl-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xxl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xxl-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xxl-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xxl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xxl-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xxl-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xxl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xxl-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xxl-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xxl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.col-xxl-pull-0 {
right: auto;
}
.col-xxl-pull-1 {
right: 8.33333%;
}
.col-xxl-pull-2 {
right: 16.66667%;
}
.col-xxl-pull-3 {
right: 25%;
}
.col-xxl-pull-4 {
right: 33.33333%;
}
.col-xxl-pull-5 {
right: 41.66667%;
}
.col-xxl-pull-6 {
right: 50%;
}
.col-xxl-pull-7 {
right: 58.33333%;
}
.col-xxl-pull-8 {
right: 66.66667%;
}
.col-xxl-pull-9 {
right: 75%;
}
.col-xxl-pull-10 {
right: 83.33333%;
}
.col-xxl-pull-11 {
right: 91.66667%;
}
.col-xxl-pull-12 {
right: 100%;
}
.col-xxl-push-0 {
left: auto;
}
.col-xxl-push-1 {
left: 8.33333%;
}
.col-xxl-push-2 {
left: 16.66667%;
}
.col-xxl-push-3 {
left: 25%;
}
.col-xxl-push-4 {
left: 33.33333%;
}
.col-xxl-push-5 {
left: 41.66667%;
}
.col-xxl-push-6 {
left: 50%;
}
.col-xxl-push-7 {
left: 58.33333%;
}
.col-xxl-push-8 {
left: 66.66667%;
}
.col-xxl-push-9 {
left: 75%;
}
.col-xxl-push-10 {
left: 83.33333%;
}
.col-xxl-push-11 {
left: 91.66667%;
}
.col-xxl-push-12 {
left: 100%;
}
.col-xxl-offset-0 {
margin-left: 0%;
}
.col-xxl-offset-1 {
margin-left: 8.33333%;
}
.col-xxl-offset-2 {
margin-left: 16.66667%;
}
.col-xxl-offset-3 {
margin-left: 25%;
}
.col-xxl-offset-4 {
margin-left: 33.33333%;
}
.col-xxl-offset-5 {
margin-left: 41.66667%;
}
.col-xxl-offset-6 {
margin-left: 50%;
}
.col-xxl-offset-7 {
margin-left: 58.33333%;
}
.col-xxl-offset-8 {
margin-left: 66.66667%;
}
.col-xxl-offset-9 {
margin-left: 75%;
}
.col-xxl-offset-10 {
margin-left: 83.33333%;
}
.col-xxl-offset-11 {
margin-left: 91.66667%;
}
.col-xxl-offset-12 {
margin-left: 100%;
}
.col-xxl-offset-right-0 {
margin-right: 0%;
}
.col-xxl-offset-right-1 {
margin-right: 8.33333%;
}
.col-xxl-offset-right-2 {
margin-right: 16.66667%;
}
.col-xxl-offset-right-3 {
margin-right: 25%;
}
.col-xxl-offset-right-4 {
margin-right: 33.33333%;
}
.col-xxl-offset-right-5 {
margin-right: 41.66667%;
}
.col-xxl-offset-right-6 {
margin-right: 50%;
}
.col-xxl-offset-right-7 {
margin-right: 58.33333%;
}
.col-xxl-offset-right-8 {
margin-right: 66.66667%;
}
.col-xxl-offset-right-9 {
margin-right: 75%;
}
.col-xxl-offset-right-10 {
margin-right: 83.33333%;
}
.col-xxl-offset-right-11 {
margin-right: 91.66667%;
}
.col-xxl-offset-right-12 {
margin-right: 100%;
}
}
.col-xs-first {
order: -1;
}
.col-xs-last {
order: 1;
}
@media (min-width: 544px) {
.col-sm-first {
order: -1;
}
.col-sm-last {
order: 1;
}
}
@media (min-width: 768px) {
.col-md-first {
order: -1;
}
.col-md-last {
order: 1;
}
}
@media (min-width: 992px) {
.col-lg-first {
order: -1;
}
.col-lg-last {
order: 1;
}
}
@media (min-width: 1200px) {
.col-xl-first {
order: -1;
}
.col-xl-last {
order: 1;
}
}
@media (min-width: 1920px) {
.col-xxl-first {
order: -1;
}
.col-xxl-last {
order: 1;
}
}
.row-xs-top {
align-items: flex-start;
}
.row-xs-center {
align-items: center;
}
.row-xs-bottom {
align-items: flex-end;
}
@media (min-width: 544px) {
.row-sm-top {
align-items: flex-start;
}
.row-sm-center {
align-items: center;
}
.row-sm-bottom {
align-items: flex-end;
}
}
@media (min-width: 768px) {
.row-md-top {
align-items: flex-start;
}
.row-md-center {
align-items: center;
}
.row-md-bottom {
align-items: flex-end;
}
}
@media (min-width: 992px) {
.row-lg-top {
align-items: flex-start;
}
.row-lg-center {
align-items: center;
}
.row-lg-bottom {
align-items: flex-end;
}
}
@media (min-width: 1200px) {
.row-xl-top {
align-items: flex-start;
}
.row-xl-center {
align-items: center;
}
.row-xl-bottom {
align-items: flex-end;
}
}
@media (min-width: 1920px) {
.row-xxl-top {
align-items: flex-start;
}
.row-xxl-center {
align-items: center;
}
.row-xxl-bottom {
align-items: flex-end;
}
}
.row-xs-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (min-width: 544px) {
.row-sm-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 768px) {
.row-md-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 992px) {
.row-lg-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 1200px) {
.row-xl-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 1920px) {
.row-xxl-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.row-xs-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
@media (min-width: 544px) {
.row-sm-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
}
@media (min-width: 768px) {
.row-md-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
}
@media (min-width: 992px) {
.row-lg-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
}
@media (min-width: 1200px) {
.row-xl-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
}
@media (min-width: 1920px) {
.row-xxl-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
}
.col-xs-top {
align-self: flex-start;
}
.col-xs-center {
align-self: center;
}
.col-xs-bottom {
align-self: flex-end;
}
@media (min-width: 544px) {
.col-sm-top {
align-self: flex-start;
}
.col-sm-center {
align-self: center;
}
.col-sm-bottom {
align-self: flex-end;
}
}
@media (min-width: 768px) {
.col-md-top {
align-self: flex-start;
}
.col-md-center {
align-self: center;
}
.col-md-bottom {
align-self: flex-end;
}
}
@media (min-width: 992px) {
.col-lg-top {
align-self: flex-start;
}
.col-lg-center {
align-self: center;
}
.col-lg-bottom {
align-self: flex-end;
}
}
@media (min-width: 1200px) {
.col-xl-top {
align-self: flex-start;
}
.col-xl-center {
align-self: center;
}
.col-xl-bottom {
align-self: flex-end;
}
}
@media (min-width: 1920px) {
.col-xxl-top {
align-self: flex-start;
}
.col-xxl-center {
align-self: center;
}
.col-xxl-bottom {
align-self: flex-end;
}
}   [class*="hint--"] {
position: relative;
display: inline-block;  }
[class*="hint--"]:before, [class*="hint--"]:after {
position: absolute;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: hidden;
opacity: 0;
z-index: 1000000;
pointer-events: none;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
transition: 0.3s ease;
-webkit-transition-delay: 0ms;
-moz-transition-delay: 0ms;
transition-delay: 0ms;
}
[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
visibility: visible;
opacity: 1;
}
[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
transition-delay: 100ms;
}
[class*="hint--"]:before {
content: '';
position: absolute;
background: transparent;
border: 7px solid transparent;
z-index: 1000001;
}
[class*="hint--"]:after {
background: #000000;
color: white;
padding: 8px 10px;
font-size: 16px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 16px;
white-space: nowrap;
border-radius: 5px;
}
[class*="hint--"][aria-label]:after {
content: attr(aria-label);
}
[class*="hint--"][data-hint]:after {
content: attr(data-hint);
}
[aria-label='']:before, [aria-label='']:after,
[data-hint='']:before,
[data-hint='']:after {
display: none !important;
}  .hint--top-left:before {
border-top-color: #000000;
}
.hint--top-right:before {
border-top-color: #000000;
}
.hint--top:before {
border-top-color: #000000;
}
.hint--bottom-left:before {
border-bottom-color: #000000;
}
.hint--bottom-right:before {
border-bottom-color: #000000;
}
.hint--bottom:before {
border-bottom-color: #000000;
}
.hint--left:before {
border-left-color: #000000;
}
.hint--right:before {
border-right-color: #000000;
} .hint--top:before {
margin-bottom: -13px;
}
.hint--top:before, .hint--top:after {
bottom: 100%;
left: 50%;
}
.hint--top:before {
left: calc(50% - 7px);
}
.hint--top:after {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.hint--top:hover:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--top:hover:after {
-webkit-transform: translateX(-50%) translateY(-8px);
-moz-transform: translateX(-50%) translateY(-8px);
transform: translateX(-50%) translateY(-8px);
} .hint--bottom:before {
margin-top: -13px;
}
.hint--bottom:before, .hint--bottom:after {
top: 100%;
left: 50%;
}
.hint--bottom:before {
left: calc(50% - 7px);
}
.hint--bottom:after {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.hint--bottom:hover:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.hint--bottom:hover:after {
-webkit-transform: translateX(-50%) translateY(8px);
-moz-transform: translateX(-50%) translateY(8px);
transform: translateX(-50%) translateY(8px);
} .hint--right:before {
margin-left: -13px;
margin-bottom: -7px;
}
.hint--right:after {
margin-bottom: -16px;
}
.hint--right:before, .hint--right:after {
left: 100%;
bottom: 50%;
}
.hint--right:hover:before {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px);
}
.hint--right:hover:after {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px);
} .hint--left:before {
margin-right: -13px;
margin-bottom: -7px;
}
.hint--left:after {
margin-bottom: -16px;
}
.hint--left:before, .hint--left:after {
right: 100%;
bottom: 50%;
}
.hint--left:hover:before {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px);
}
.hint--left:hover:after {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px);
} .hint--top-left:before {
margin-bottom: -13px;
}
.hint--top-left:before, .hint--top-left:after {
bottom: 100%;
left: 50%;
}
.hint--top-left:before {
left: calc(50% - 7px);
}
.hint--top-left:after {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
.hint--top-left:after {
margin-left: 14px;
}
.hint--top-left:hover:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--top-left:hover:after {
-webkit-transform: translateX(-100%) translateY(-8px);
-moz-transform: translateX(-100%) translateY(-8px);
transform: translateX(-100%) translateY(-8px);
} .hint--top-right:before {
margin-bottom: -13px;
}
.hint--top-right:before, .hint--top-right:after {
bottom: 100%;
left: 50%;
}
.hint--top-right:before {
left: calc(50% - 7px);
}
.hint--top-right:after {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.hint--top-right:after {
margin-left: -14px;
}
.hint--top-right:hover:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--top-right:hover:after {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
} .hint--bottom-left:before {
margin-top: -13px;
}
.hint--bottom-left:before, .hint--bottom-left:after {
top: 100%;
left: 50%;
}
.hint--bottom-left:before {
left: calc(50% - 7px);
}
.hint--bottom-left:after {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
.hint--bottom-left:after {
margin-left: 14px;
}
.hint--bottom-left:hover:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.hint--bottom-left:hover:after {
-webkit-transform: translateX(-100%) translateY(8px);
-moz-transform: translateX(-100%) translateY(8px);
transform: translateX(-100%) translateY(8px);
} .hint--bottom-right:before {
margin-top: -13px;
}
.hint--bottom-right:before, .hint--bottom-right:after {
top: 100%;
left: 50%;
}
.hint--bottom-right:before {
left: calc(50% - 7px);
}
.hint--bottom-right:after {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.hint--bottom-right:after {
margin-left: -14px;
}
.hint--bottom-right:hover:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.hint--bottom-right:hover:after {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
} [class*="hint--"] { }
[class*="hint--"]:after {
text-shadow: 0 -1px 0px black;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
} .hint--rounded:after {
border-radius: 4px;
} .hint--no-animate:before, .hint--no-animate:after {
-webkit-transition-duration: 0ms;
-moz-transition-duration: 0ms;
transition-duration: 0ms;
}
.hint--bounce:before, .hint--bounce:after {
-webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
-moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}
.sl-button {
padding-right: 10px;
color: inherit;
}
a.liked:hover,
a.liked:active,
a.liked:focus {
color: #666666;
} .loader,
.loader:before,
.loader:after {
background: rgba(0, 0, 0, 0.2);
animation: load1 1s infinite ease-in-out;
width: .2em;
height: .6em;
}
.loader {
text-indent: -9999em;
display: inline-block;
position: relative;
vertical-align: middle;
font-size: 1em;
transform: translateZ(0);
animation-delay: -.16s;
}
.loader:before, .loader:after {
position: absolute;
top: 0;
content: '';
}
.loader:before {
left: -.375em;
animation-delay: -.32s;
}
.loader:after {
left: .375em;
}
@keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0 rgba(0, 0, 0, 0.2);
height: .6em;
}
40% {
box-shadow: 0 -0.3em rgba(0, 0, 0, 0.2);
height: 1em;
}
}
.page-links::after, .branding__logo::after, .comment-form-wrapper::after, .comment-list .comment::after, .comment-list .pingback::after, .single-post .entry-content::after, .entry-author .author-social-networks::after, .single-portfolio-style-slider .portfolio-details-list::after,
.single-portfolio-style-flat .portfolio-details-list::after,
.single-portfolio-style-fullscreen .portfolio-details-list::after, .maintenance-progress-labels::after, .tm-blog.style-list::after, .tm-list::after, .tm-list--modern-icon .tm-list__header::after, .tm-restaurant-menu .menu-header::after, .tm-box-icon::after, .tm-card.style-1 .menu-header::after, .tm-card.style-2 .menu-header::after, .tm-social-networks::after, .tm-custom-menu.style-2 .menu::after, .vc_progress_bar .vc_single_bar_title::after, .vc_tta-container .vc_tta-tabs.vc_tta-style-atomlab-03::after, .tagcloud::after, .tm-posts-widget-wrapper.style-01 .post-item::after, .cart_list.product_list_widget li::after, .woocommerce .page-sidebar ul.product_list_widget .product-item::after, .woocommerce.single-product #reviews #comments .commentlist .comment::after, .woocommerce.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel::after, .woocommerce.single-product .quantity-button-wrapper::after, .cross-sells.products::after,
.up-sells.products::after,
.related.products::after {
content: "";
display: table;
clear: both;
} a {
color: royalblue;
text-decoration: none;
}
a:hover, a:focus, a:active {
outline: 0;
color: midnightblue;
}
a[href^=tel] {
color: inherit;
text-decoration: none;
}
.link-secret {
color: inherit !important;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
::-webkit-input-placeholder {
color: #ababab;
opacity: 1;
-webkit-transition: opacity .3s !important;
transition: opacity .3s !important;
}
:-moz-placeholder { color: #ababab;
opacity: 1;
-moz-transition: opacity .3s !important;
transition: opacity .3s !important;
}
::-moz-placeholder { color: #ababab;
opacity: 1;
-moz-transition: opacity .3s !important;
transition: opacity .3s !important;
}
:-ms-input-placeholder {
color: #ababab;
opacity: 1;
-ms-transition: opacity .3s !important;
transition: opacity .3s !important;
} *:focus::-webkit-input-placeholder {
opacity: 0;
}
*:focus:-moz-placeholder {
opacity: 0;
} *:focus::-moz-placeholder {
opacity: 0;
} *:focus:-ms-input-placeholder {
opacity: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
width: 100%;
outline: none;
border: 1px solid #efefef;
border-radius: 5px;
color: #878c9b;
background: #f8f8f8;
padding: 3px 20px;
height: 48px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus {
background-color: #ffffff;
color: #454545;
}
select {
padding: 3px 20px;
height: 48px;
max-width: 100%;
width: 100%;
outline: none;
border: 1px solid #efefef;
border-radius: 5px;
color: #878c9b;
background: #f8f8f8 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAYAAACzzX7wAAAABGdBTUEAALGPC/xhBQAAADdJREFUCB1jvHnzZsP////rGbAARkbGRkaQODZFIEl1dfUGuD6Qohs3bvwHYRAbLoHMAEmgSwIAG3IiSKCM+2YAAAAASUVORK5CYII=) no-repeat calc(100% - 10px) center;
-moz-appearance: none;
-webkit-appearance: none;
}
select:focus {
background-color: #ffffff;
color: #454545;
}
textarea {
width: 100%;
outline: none;
border: 1px solid #efefef;
border-radius: 5px;
color: #878c9b;
background: #f8f8f8;
display: block;
padding: 12px 20px 3px;
max-width: 100%;
}
textarea:focus {
background-color: #ffffff;
color: #454545;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
select:-webkit-autofill {
transition: background-color 5000s ease-in-out 0s;
}
input[type='checkbox'] {
position: relative;
background: transparent;
border-width: 0;
box-shadow: none;
margin: 0 10px 0 0;
cursor: pointer;
}
input[type='checkbox']:before {
content: '';
display: block;
width: 18px;
height: 18px;
position: absolute;
left: 50%;
top: 50%;
margin-top: -9px;
margin-left: -9px;
background: #ffffff;
border: 1px solid #e7e7e7;
transition: background .3s ease, border-color .3s ease;
}
input[type='checkbox']:after {
content: '\f122';
font-family: 'Ionicons';
font-size: 12px;
font-weight: 500;
display: block;
position: absolute;
top: 50%;
left: 50%;
color: #ffffff;
transform: translate(-50%, -50%) scale(0);
transition: transform .3s ease;
}
input[type='checkbox']:hover:before {
border-color: #222222;
}
input[type='checkbox']:checked:before {
background: #222222;
border-color: #222222;
}
input[type='checkbox']:checked:after {
transform: translate(-50%, -50%) scale(1);
}
input[type='radio'] {
position: relative;
padding: 5px;
margin: 0 10px 0 0;
cursor: pointer;
}
input[type='radio']:before {
content: '';
display: block;
width: 18px;
height: 18px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -9px;
margin-left: -9px;
background: #ffffff;
border: 1px solid #e7e7e7;
border-radius: 50%;
z-index: 1;
transition: background .3s ease, border-color .3s ease;
}
input[type='radio']:after {
content: '';
display: block;
width: 6px;
height: 6px;
position: absolute;
top: 50%;
left: 50%;
background: #ffffff;
border-radius: 50%;
z-index: 2;
transform: translate(-50%, -50%) scale(0);
transition: transform .3s ease;
}
input[type='radio']:hover:before {
border-color: #222222;
}
input[type='radio']:checked {
cursor: auto;
}
input[type='radio']:checked:before {
background: #222222;
border-color: #222222;
}
input[type='radio']:checked:after {
transform: translate(-50%, -50%) scale(1);
}
hr {
margin-bottom: 1.5em;
height: 1px;
border: 0;
background-color: #cccccc;
}
img {
max-width: 100%; height: auto; vertical-align: top;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
td,
th {
border: 1px solid rgba(0, 0, 0, 0.08);
padding: 10px;
text-align: center;
vertical-align: middle;
}
th {
font-weight: 700;
color: #222222;
background: url(//www.4innovation.co/wp-content/themes/atomlab/assets/images/th_bg.png) repeat-x top left;
}
table th.empty {
visibility: hidden;
border: 0;
background: none;
}
table tr:first-child td {
background: url(//www.4innovation.co/wp-content/themes/atomlab/assets/images/box_shadow.png) repeat-x left top;
}
table tr:nth-child(2n) td {
background: rgba(0, 0, 0, 0.01);
}
body,
button,
input,
select,
textarea {
font-size: 16px;
font-family: sans-serif;
line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
margin-top: 0;
}
dfn,
cite,
em,
i {
font-style: italic;
}
address {
margin: 0 0 1.5em;
}
pre {
font-size: 15px;
overflow: auto;
margin-bottom: 1.6em;
padding: 1.6em;
max-width: 100%;
background: #eeeeee;
font-family: "Courier 10 Pitch", Courier, monospace;
line-height: 1.6;
white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;
}
code,
kbd,
tt,
var {
font-size: 15px;
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666666;
cursor: help;
}
mark,
ins {
background: none;
text-decoration: none;
}
big {
font-size: 125%;
}
blockquote,
q {
quotes: "" "";
}
blockquote:before, blockquote:after,
q:before,
q:after {
content: "";
}
blockquote {
margin: 43px 70px !important;
padding: 2px 0 2px 20px;
font-size: 18px;
line-height: 1.77;
border-left: 2px solid blue;
}
blockquote p {
margin-bottom: 0;
}  .screen-reader-text {
position: absolute !important;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
}
.screen-reader-text:focus {
top: 5px;
left: 5px;
z-index: 100000;
display: block;
clip: auto !important;
padding: 15px 23px 14px;
width: auto;
height: auto;
border-radius: 3px;
background-color: #f1f1f1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
color: #21759b;
text-decoration: none;
font-weight: 700;
font-size: 14px;
line-height: normal; }
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
clear: both;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
margin-top: 0;
margin-bottom: 0;
padding: 0;
border: 0;
}
embed,
iframe,
object {
max-width: 100%;
}
.wp-caption {
margin: 0 0 30px;
max-width: 100%;
}
.wp-caption.aligncenter {
margin: 0 auto 30px;
}
.wp-caption.alignleft {
margin: 0 30px 30px 0;
}
.wp-caption.alignright {
margin: 0 0 30px 30px;
}
.wp-caption-text {
text-align: center;
background: #f8f8f8;
padding: 5px 0;
}
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
width: 100%;
vertical-align: top;
text-align: center;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
padding: 0 36px;
height: 48px;
outline: none;
border-width: 1px;
border-style: solid;
border-radius: 5px;
background-color: transparent;
color: #ffffff;
letter-spacing: .0625em;
font-weight: 700;
font-size: 16px;
cursor: pointer;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
outline: none;
}
.comment-nav-links,
.page-pagination {
margin: -5px;
padding: 0;
color: #cccccc;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
letter-spacing: 2px;
}
.comment-nav-links li,
.page-pagination li {
display: inline-block;
padding: 5px;
list-style-type: none;
}
.comment-nav-links li span,
.comment-nav-links li a,
.page-pagination li span,
.page-pagination li a {
padding: 0 6px;
display: block;
text-align: center;
line-height: 38px;
}
.comment-nav-links li .dots,
.page-pagination li .dots {
border: 0;
background: none;
width: 20px;
}
.comment-nav-links li .next,
.comment-nav-links li .prev,
.page-pagination li .next,
.page-pagination li .prev {
border: 0;
}
.page-pagination {
margin-top: 30px;
}
.comment-nav-links ul {
padding: 0;
}
#comment-nav-above ul {
margin: 50px 0;
}
#comment-nav-below ul {
margin: 0 0 74px;
}
.page-links {
clear: both;
margin: 0 -6px;
padding-top: 30px;
}
.page-links > span,
.page-links > a {
display: block;
float: left;
padding: 0 6px;
text-align: center;
font-weight: 700;
font-size: 14px;
line-height: 38px;
}
.page-links > span {
padding: 0 12px;
}
.page-links a span {
padding: 0 6px;
}
.page-links > a:hover,
.page-links > a:focus,
.page-links > span {
color: #ffffff;
}
.post-navigation {
position: relative;
}
.return-blog-page {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 2px solid #ededed;
width: 48px;
height: 48px;
line-height: 46px;
text-align: center;
border-radius: 50%;
font-size: 24px;
cursor: pointer;
}
.return-blog-page:hover {
font-size: 20px;
}
.nav-links {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 30px;
border: 1px solid #ededed;
border-radius: 5px;
padding: 34px 30px;
}
.nav-links .nav-item {
width: 50%;
}
.nav-links .nav-previous {
text-align: left;
padding-right: 50px;
}
.nav-links .nav-previous a {
padding-left: 25px;
}
.nav-links .nav-previous a:after {
left: 0;
content: '\f3d2';
}
.nav-links .nav-next {
text-align: right;
padding-left: 50px;
justify-self: flex-end;
}
.nav-links .nav-next a {
padding-right: 25px;
}
.nav-links .nav-next a:after {
right: 0;
content: '\f3d3';
}
.nav-links a {
position: relative;
display: block;
font-size: 18px;
}
.nav-links a:after {
position: absolute;
top: 50%;
font-family: 'Ionicons';
line-height: 10px;
transform: translate(0, -50%);
}
.page-top-bar {
z-index: 99999;
border-bottom: 1px solid transparent;
}
.page-top-bar ul {
z-index: 9999;
list-style-type: none;
padding: 0;
margin: 0;
}
.page-top-bar a {
display: block;
}
.page-top-bar .menu li {
position: relative;
}
.page-top-bar .menu > li {
display: inline-block;
margin-bottom: 0;
}
.page-top-bar .menu > li > a {
padding: 5px;
}
.page-top-bar .menu .menu-item-has-children:hover > .sub-menu {
display: block;
}
.page-top-bar .menu .sub-menu {
position: absolute;
top: 100%;
left: 0;
display: none;
min-width: 250px;
width: 100%;
background-color: #ffffff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.page-top-bar .menu .sub-menu a {
padding: 10px 15px;
}
.page-top-bar .menu .sub-menu a + a {
border-top: 1px solid #eeeeee;
}
.page-top-bar .menu .sub-menu .sub-menu {
top: 0;
left: 100%;
}
.page-top-bar .top-bar-social-networks .inner {
margin-left: -10px;
margin-right: -10px;
}
.page-top-bar .top-bar-social-networks a {
font-size: 16px;
display: inline-block;
padding: 5px 10px;
}
.top-bar-wrap {
display: flex;
align-items: center;
}
.top-bar-wrap.top-bar-right {
justify-content: flex-end;
}
.top-bar-info .info-item {
display: inline-block;
line-height: 1;
margin-right: 15px;
}
.top-bar-info .info-item:last-child {
margin-right: 0;
}
.top-bar-info .info-item a {
display: inline-block;
}
.top-bar-info .info-icon {
font-size: 18px;
margin-right: 6px;
vertical-align: middle;
}
.top-bar-01 .top-bar-button {
white-space: nowrap;
font-style: normal;
font-weight: 700;
font-size: 16px;
padding: 16px 21px;
letter-spacing: 1px;
color: #ffffff !important;
line-height: 1.18;
margin-left: 25px;
}
@media (min-width: 1200px) {
.top-bar-01 .container-fluid {
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1420px) {
.top-bar-01 .container-fluid {
padding-left: 100px;
padding-right: 100px;
}
}
@media (max-width: 991px) {
.top-bar-01 {
display: none;
}
}
.top-bar-02 .row {
min-height: 50px;
}
.top-bar-02 .info-text {
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 500;
}
@media (max-width: 991px) {
.top-bar-02 {
display: none;
}
}
@-webkit-keyframes headerSlideDown {
0% {
margin-top: -100px;
}
100% {
margin-top: 0;
}
}
@-webkit-keyframes headerSlideDown {
0% {
margin-top: -100px;
}
100% {
margin-top: 0;
}
}
.page-header {
position: relative;
z-index: 4;
}
.page-header-inner {
border-bottom: 1px solid transparent;
}
.header-layout-fixed .page-header-inner {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
}
.header-sticky-both .headroom.headroom--not-top {
position: relative;
z-index: 9999;
}
.header-sticky-both .headroom.headroom--not-top .page-header-inner {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
animation: headerSlideDown 0.95s ease forwards;
}
.header-sticky-both .headroom.headroom--not-top .page-header-inner .container,
.header-sticky-both .headroom.headroom--not-top .page-header-inner .container-fluid,
.header-sticky-both .headroom.headroom--not-top .page-header-inner .row {
height: 100%;
}
.header-sticky-both .headroom.headroom--not-top .page-header-inner .row > div {
align-self: center;
}
.header-sticky-both .headroom.headroom--not-top .main-logo,
.header-sticky-both .headroom.headroom--not-top .light-logo,
.header-sticky-both .headroom.headroom--not-top .dark-logo {
display: none !important;
}
.header-sticky-both .headroom.headroom--not-top .sticky-logo {
display: block;
}
.header-sticky-both .headroom.headroom--not-top .header-on-top-button {
display: none;
}
.header-sticky-both .headroom.headroom--not-top .header-sticky-button {
display: block;
}
.header-sticky-up .headroom.headroom--not-top.headroom--pinned {
position: relative;
z-index: 9999;
}
.header-sticky-up .headroom.headroom--not-top.headroom--pinned .page-header-inner {
position: fixed;
left: 0;
z-index: 9999;
width: 100%;
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
animation: headerSlideDown 0.95s ease forwards;
}
.header-sticky-up .headroom.headroom--not-top.headroom--pinned .page-header-inner .container,
.header-sticky-up .headroom.headroom--not-top.headroom--pinned .page-header-inner .container-fluid,
.header-sticky-up .headroom.headroom--not-top.headroom--pinned .page-header-inner .row {
height: 100%;
}
.header-sticky-up .headroom.headroom--not-top.headroom--pinned .page-header-inner .row > div {
align-self: center;
}
.header-sticky-up .headroom.headroom--not-top.headroom--pinned .main-logo,
.header-sticky-up .headroom.headroom--not-top.headroom--pinned .light-logo,
.header-sticky-up .headroom.headroom--not-top.headroom--pinned .dark-logo {
display: none !important;
}
.header-sticky-up .headroom.headroom--not-top.headroom--pinned .sticky-logo {
display: block;
}
.header-sticky-up .headroom.headroom--not-top.headroom--pinned .header-on-top-button {
display: none;
}
.header-sticky-up .headroom.headroom--not-top.headroom--pinned .header-sticky-button {
display: block;
}
.header-sticky-down .headroom.headroom--not-top.headroom--unpinned {
position: relative;
z-index: 9999;
}
.header-sticky-down .headroom.headroom--not-top.headroom--unpinned .page-header-inner {
position: fixed;
left: 0;
z-index: 9999;
width: 100%;
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
animation: headerSlideDown 0.95s ease forwards;
}
.header-sticky-down .headroom.headroom--not-top.headroom--unpinned .page-header-inner .container,
.header-sticky-down .headroom.headroom--not-top.headroom--unpinned .page-header-inner .container-fluid,
.header-sticky-down .headroom.headroom--not-top.headroom--unpinned .page-header-inner .row {
height: 100%;
}
.header-sticky-down .headroom.headroom--not-top.headroom--unpinned .page-header-inner .row > div {
align-self: center;
}
.header-sticky-down .headroom.headroom--not-top.headroom--unpinned .main-logo,
.header-sticky-down .headroom.headroom--not-top.headroom--unpinned .light-logo,
.header-sticky-down .headroom.headroom--not-top.headroom--unpinned .dark-logo {
display: none !important;
}
.header-sticky-down .headroom.headroom--not-top.headroom--unpinned .sticky-logo {
display: block;
}
.header-sticky-down .headroom.headroom--not-top.headroom--unpinned .header-sticky-button {
display: block;
}
.header-sticky-down .headroom.headroom--not-top.headroom--unpinned .header-on-top-button {
display: none;
}
.branding__logo a {
display: inline-block;
float: left;
}
.sticky-logo,
.dark-logo,
.light-logo {
display: none;
}
.light-logo-version .light-logo {
display: block;
}
.dark-logo-version .dark-logo {
display: block;
}
.header-right {
display: flex;
margin: 0 -12px;
align-items: center;
flex-shrink: 0;
}
.header-right > div {
padding: 0 12px;
}
.header-button .header-sticky-button {
display: none;
}
.popup-search-wrap {
text-align: center;
font-size: 24px;
}
.popup-search-wrap .search-form {
position: relative;
}
.popup-search-wrap .search-field {
padding-right: 50px;
border-color: #f8f8f8;
}
.popup-search-wrap .search-submit {
position: absolute;
top: 0;
right: 0;
font-size: 24px;
background: none;
width: 48px;
height: 48px;
padding: 0;
border: 0;
}
.popup-search-wrap .search-btn-text {
display: none;
}
.btn-open-popup-search {
display: block;
line-height: 0;
}
.header-social-networks a {
padding: 0 10px;
font-size: 14px;
}
.header-info {
width: 840px;
}
.header-info .info-item {
display: flex;
align-items: center;
padding-left: 19px;
}
.header-info .info-icon {
width: 46px;
flex-shrink: 0;
font-size: 40px;
line-height: 1.5;
}
.header-info .info-title {
flex-grow: 1;
font-size: 14px;
font-weight: 700;
font-style: italic;
margin-bottom: 6px;
}
.header-info .swiper-slide-active ~ .swiper-slide .info-item {
border-left: 1px solid #ededed;
}
.page-open-main-menu {
display: none;
height: 30px;
align-items: center;
}
.desktop-menu .page-open-main-menu {
display: flex;
}
.page-open-main-menu:hover i:before, .page-open-main-menu:hover i:after {
width: 70%;
}
.page-open-main-menu div {
position: relative;
width: 24px;
height: 18px;
cursor: pointer;
}
.page-open-main-menu i {
position: absolute;
top: 50%;
left: 0;
margin-top: -1px;
width: 100%;
height: 2px;
background: currentColor;
}
.page-open-main-menu i:before, .page-open-main-menu i:after {
position: absolute;
left: 50%;
width: 100%;
height: 100%;
background: inherit;
content: '';
transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transform: translate(-50%, 0);
}
.page-open-main-menu i:before {
top: -8px;
}
.page-open-main-menu i:after {
top: 8px;
}
.page-open-main-menu-title {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.3px;
}
@media (max-width: 1199px) {
.header-09 .header-info {
width: 560px;
}
}
@media (max-width: 991px) {
.header-09 .header-info {
width: 280px;
}
}
@media (max-width: 767px) {
.header-09 .header-info {
display: none;
}
.header-button {
display: none;
}
}
@media (max-width: 543px) {
.header-button {
display: none;
}
}
.header-01 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-01 .branding,
.header-01 .header-right {
flex-shrink: 0;
}
.header-01 .page-navigation {
flex-grow: 1;
}
.desktop-menu .header-01 .menu--primary {
position: static;
text-align: right;
}
.header-01 .header-right {
justify-self: flex-end;
}
.mobile-menu .header-01 .branding {
flex-grow: 1;
}
.header-02 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-02 .branding,
.header-02 .header-right {
flex-shrink: 0;
}
.header-02 .page-navigation {
flex-grow: 1;
}
.desktop-menu .header-02 .menu--primary {
position: static;
text-align: right;
}
.header-02 .header-right {
justify-self: flex-end;
}
.mobile-menu .header-02 .branding {
flex-grow: 1;
}
.header-03 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-03 .branding,
.header-03 .header-right {
flex-shrink: 0;
}
.header-03 .page-navigation {
flex-grow: 1;
}
.desktop-menu .header-03 .menu--primary {
position: static;
text-align: right;
}
.header-03 .header-right {
justify-self: flex-end;
}
.mobile-menu .header-03 .branding {
flex-grow: 1;
}
.header-04 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-04 .branding,
.header-04 .header-right {
flex-shrink: 0;
}
.header-04 .page-navigation {
flex-grow: 1;
}
.desktop-menu .header-04 .menu--primary {
position: static;
text-align: right;
}
.header-04 .header-right {
justify-self: flex-end;
}
.mobile-menu .header-04 .branding {
flex-grow: 1;
}
.header-05 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-05 .branding,
.header-05 .header-right {
flex-shrink: 0;
}
.header-05 .page-navigation {
flex-grow: 1;
}
.desktop-menu .header-05 .menu--primary {
position: static;
text-align: right;
}
.header-05 .header-right {
justify-self: flex-end;
}
.mobile-menu .header-05 .branding {
flex-grow: 1;
}
@media (min-width: 1200px) {
.header-05 .col-xs-12 {
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1420px) {
.header-05 .col-xs-12 {
padding-left: 100px;
padding-right: 100px;
}
}
.header-06 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-06 .branding,
.header-06 .header-right {
flex-shrink: 0;
}
.header-06 .page-navigation {
flex-grow: 1;
}
.desktop-menu .header-06 .menu--primary {
position: static;
text-align: right;
}
.header-06 .header-right {
justify-self: flex-end;
}
.mobile-menu .header-06 .branding {
flex-grow: 1;
}
@media (min-width: 1200px) {
.header-06 .col-xs-12 {
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1420px) {
.header-06 .col-xs-12 {
padding-left: 150px;
padding-right: 150px;
}
}
.header-07 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-07 .branding,
.header-07 .header-right {
flex-shrink: 0;
}
.header-07 .page-navigation {
flex-grow: 1;
}
.desktop-menu .header-07 .menu--primary {
position: static;
text-align: left;
}
.header-07 .header-right {
justify-self: flex-end;
}
.mobile-menu .header-07 .branding {
flex-grow: 1;
}
.header-07 .mini-cart .mini-cart-icon {
width: 48px;
height: 48px;
background: #f8f8f8;
border-radius: 50%;
font-size: 18px;
}
.header-07 .mini-cart .mini-cart-icon:before {
left: 50%;
transform: translate(-50%, -50%);
}
.header-07 .mini-cart .mini-cart-icon:after {
min-width: 20px;
height: 20px;
top: 0;
right: -7px;
line-height: 20px;
font-size: 12px;
font-weight: 700;
letter-spacing: .75px;
}
.header-07 .page-open-mobile-menu .inner {
width: 48px;
height: 48px;
background: #f8f8f8;
border-radius: 50%;
position: relative;
}
.header-07 .page-open-mobile-menu .icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
.popup-search-wrap .search-form {
display: none;
}
}
@media (min-width: 1200px) {
.header-07 .popup-search-wrap .search-form {
width: 210px;
}
.header-07 .col-xs-12 {
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1420px) {
.header-07 .col-xs-12 {
padding-left: 100px;
padding-right: 100px;
}
}
@media (min-width: 1500px) {
.header-07 .popup-search-wrap .search-form {
width: 370px;
}
}
.header-08 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-08 .branding {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.header-08 .header-right-wrap,
.header-08 .page-navigation {
width: 50%;
}
.desktop-menu .header-08 .menu--primary {
position: static;
text-align: left;
}
.header-08 .header-right-wrap {
display: flex;
justify-self: flex-end;
justify-content: flex-end;
}
.mobile-menu .header-08 .branding {
position: static;
transform: none;
flex-grow: 1;
}
.header-08 .page-open-mobile-menu .inner {
width: 48px;
height: 48px;
background: #f8f8f8;
border-radius: 50%;
}
.header-08 .mini-cart .mini-cart-icon {
width: 48px;
height: 48px;
background: #f8f8f8;
border-radius: 50%;
}
.header-08 .mini-cart .mini-cart-icon:before {
left: 50%;
transform: translate(-50%, -50%);
}
.header-08 .mini-cart .mini-cart-icon:after {
min-width: 20px;
height: 20px;
top: 0;
right: -7px;
line-height: 20px;
font-size: 12px;
font-weight: 700;
letter-spacing: .75px;
padding: 0 5px;
}
@media (max-width: 767px) {
.popup-search-wrap .search-form {
display: none;
}
}
@media (min-width: 1200px) {
.header-08 .popup-search-wrap .search-form {
width: 210px;
}
.header-08 .col-xs-12 {
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1420px) {
.header-08 .col-xs-12 {
padding-left: 100px;
padding-right: 100px;
}
}
@media (min-width: 1500px) {
.header-08 .popup-search-wrap .search-form {
width: 370px;
}
}
.header-09 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 22px 0;
}
.header-09 .header-right {
flex-shrink: 0;
}
.header-09 .branding {
flex-grow: 1;
line-height: 0;
}
.header-09 .branding__logo {
display: inline-block;
}
.desktop-menu .header-09 .menu--primary {
position: static;
}
.desktop-menu .header-09 .menu--primary .menu__container {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.desktop-menu .header-09 .menu--primary .menu__container > li {
flex-grow: 1;
flex-basis: 0;
text-align: center;
}
.desktop-menu .header-09 .menu--primary .menu__container > li > a .toggle-sub-menu {
position: relative;
margin-left: 20px;
}
.desktop-menu .header-09 .menu--primary .menu__container > li > a .toggle-sub-menu:before {
right: 0;
content: '\f104';
font-size: 14px;
}
.desktop-menu .header-09 .menu--primary .menu__container > .menu-item ~ .menu-item > a {
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.header-09 .menu--primary .header-button {
display: table;
width: 100%;
height: 100%;
}
.header-09 .menu--primary .header-special-button {
padding: 0 !important;
display: table-cell;
vertical-align: middle;
font-size: 18px;
font-weight: 700;
text-transform: none;
color: #ffffff;
letter-spacing: 1.12px;
}
.header-09 .menu--primary .header-special-button .button-icon {
font-size: 20px;
margin-left: 15px;
}
.header-09 .header-right {
justify-self: flex-end;
}
.mobile-menu .header-09 .branding {
flex-grow: 1;
}
.header-09 .mini-cart .mini-cart-icon {
width: 48px;
height: 48px;
background: #f8f8f8;
border-radius: 50%;
}
.header-09 .mini-cart .mini-cart-icon:before {
left: 50%;
transform: translate(-50%, -50%);
}
.header-09 .mini-cart .mini-cart-icon:after {
min-width: 20px;
height: 20px;
top: 0;
right: -7px;
line-height: 20px;
font-size: 12px;
font-weight: 700;
letter-spacing: .75px;
}
@media (max-width: 767px) {
.popup-search-wrap .search-form {
display: none;
}
.header-09 .header-wrap {
padding: 0;
}
}
@media (min-width: 1200px) {
.header-09 .popup-search-wrap .search-form {
width: 210px;
}
.header-09 .col-xs-12 {
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1420px) {
.header-09 .col-xs-12 {
padding-left: 100px;
padding-right: 100px;
}
}
@media (min-width: 1500px) {
.header-09 .popup-search-wrap .search-form {
width: 370px;
}
}
.header-10 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-10 .branding {
flex-grow: 1;
}
.header-10 .header-right {
flex-shrink: 0;
}
.desktop-menu .header-10 .menu--primary {
position: static;
text-align: right;
}
.header-10 .header-right {
justify-self: flex-end;
}
.mobile-menu .header-10 .branding {
flex-grow: 1;
}
@media (min-width: 1200px) {
.header-10 .col-xs-12 {
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1420px) {
.header-10 .col-xs-12 {
padding-left: 100px;
padding-right: 100px;
}
}
.header-11 {
position: fixed;
top: 0;
left: 0;
right: 0;
}
.admin-bar .header-11 {
top: 32px;
}
.admin-bar .header-11 .header-fixed-section {
top: 132px;
}
.header-11 .header-fixed-section {
position: fixed;
top: 100px;
left: 0;
z-index: 1;
width: 340px;
height: 100%;
box-shadow: 0 -9px 25px rgba(0, 0, 0, 0.03);
}
.header-11 .header-fixed-section .page-sidebar {
padding: 60px 40px;
background: #ffffff;
}
.header-11 + .page-content {
margin-top: 100px;
}
.header-11 .col-xs-12 {
padding: 0;
}
.header-11 .branding {
display: table;
width: 340px;
height: 100%;
background: #53abf3;
flex-shrink: 0;
}
.header-11 .branding__logo {
display: table-cell;
vertical-align: middle;
text-align: center;
height: 100%;
font-size: 0;
}
.header-11 .branding__logo a {
float: none;
}
.header-11 .branding__logo img {
margin: 0 auto;
}
.header-11 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.header-11 .header-right-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
flex-grow: 1;
padding: 0 15px;
}
.header-11 .page-navigation {
flex-grow: 1;
}
.desktop-menu .header-11 .menu--primary {
position: static;
}
.header-11 .header-left {
display: flex;
margin: 0 -12px;
align-items: center;
flex-shrink: 0;
}
.header-11 .header-left > div {
padding: 0 12px;
}
.header-11 .header-right {
justify-self: flex-end;
}
.header-11 .popup-search-wrap .search-field {
padding-left: 31px;
padding-right: 0;
border: 0;
background: none;
width: 160px;
}
.header-11 .popup-search-wrap .search-submit {
right: auto;
left: 2px;
width: auto;
line-height: 0;
}
.mobile-menu .header-11 .branding {
flex-grow: 1;
}
.header-11 .header-social-networks a {
font-size: 16px;
}
@media (min-width: 1400px) {
.header-11 .header-right-wrap {
padding: 0 50px;
}
}
@media (max-width: 1399px) {
.desktop-menu .header-11 .menu--primary .menu__container > li > a {
padding-left: 10px !important;
padding-right: 10px !important;
}
}
@media (max-width: 1199px) {
.header-fixed-section {
display: none;
}
.header-11 .header-left {
flex-grow: 1;
}
}
.header-12 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-12 .branding,
.header-12 .header-right {
flex-shrink: 0;
}
.header-12 .page-navigation {
flex-grow: 1;
}
.desktop-menu .header-12 .menu--primary {
position: static;
text-align: right;
}
.header-12 .header-right {
justify-self: flex-end;
}
.mobile-menu .header-12 .branding {
flex-grow: 1;
}
@media (min-width: 1200px) {
.header-12 .col-xs-12 {
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1420px) {
.header-12 .col-xs-12 {
padding-left: 150px;
padding-right: 150px;
}
}
.header-13 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-13 .branding,
.header-13 .header-right {
flex-shrink: 0;
}
.header-13 .page-navigation {
flex-grow: 1;
}
.desktop-menu .header-13 .menu--primary {
position: static;
text-align: right;
}
.header-13 .header-right {
justify-self: flex-end;
}
.mobile-menu .header-13 .branding {
flex-grow: 1;
}
@media (min-width: 1200px) {
.header-13 .col-xs-12 {
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1420px) {
.header-13 .col-xs-12 {
padding-left: 150px;
padding-right: 150px;
}
}
.header-14 {
position: fixed;
top: 0;
left: 0;
right: 0;
}
.admin-bar .header-14 {
top: 32px;
}
.admin-bar .header-14 .header-fixed-section {
top: 132px;
}
.header-14 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.header-14 .header-fixed-section {
position: fixed;
top: 100px;
left: 0;
z-index: 1;
width: 100px;
height: 100%;
}
.header-14 .header-fixed-section.left .inner {
position: absolute;
bottom: 50%;
left: 50%;
transform: rotate(-90deg) translate(-50%, 0);
transform-origin: 0 50%;
white-space: nowrap;
}
.header-14 .header-fixed-section.right {
left: auto;
right: 0;
}
.header-14 .header-fixed-section.right .inner {
position: absolute;
bottom: 50%;
left: 50%;
transform: rotate(-90deg) translate(-50%, 0);
transform-origin: 0 50%;
white-space: nowrap;
}
.header-14 + .page-content {
margin-top: 100px;
}
.header-14 .header-social-networks a {
font-size: 18px;
font-weight: 700;
display: inline-block;
}
.header-14 .page-open-main-menu-title {
margin-right: 18px;
}
.header-14 .page-open-main-menu {
cursor: pointer;
}
.header-14 .page-open-main-menu div {
width: 16px;
height: 12px;
}
.header-14 .page-open-main-menu div i:before {
top: -6px;
}
.header-14 .page-open-main-menu div i:after {
top: 6px;
}
.desktop-menu .header-14 .header-right {
display: none;
}
.mobile-menu .header-14 .branding {
flex-grow: 1;
}
.header-15 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-15 .branding {
flex-grow: 1;
}
.header-15 .header-right {
flex-shrink: 0;
}
.desktop-menu .header-15 .menu--primary {
position: static;
text-align: right;
}
.header-15 .header-right {
justify-self: flex-end;
}
.mobile-menu .header-15 .branding {
flex-grow: 1;
}
@media (min-width: 1200px) {
.header-15 .col-xs-12 {
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1420px) {
.header-15 .col-xs-12 {
padding-left: 100px;
padding-right: 100px;
}
}
.header-16 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-16 .branding,
.header-16 .header-right {
flex-shrink: 0;
}
.header-16 .page-navigation {
flex-grow: 1;
}
.desktop-menu .header-16 .menu--primary {
position: static;
text-align: right;
}
.header-16 .header-right {
justify-self: flex-end;
}
.mobile-menu .header-16 .branding {
flex-grow: 1;
}
@media (min-width: 1200px) {
.header-16 .col-xs-12 {
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1420px) {
.header-16 .col-xs-12 {
padding-left: 100px;
padding-right: 100px;
}
}
.header-17 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-17 .branding,
.header-17 .header-right {
flex-shrink: 0;
}
.header-17 .page-navigation {
flex-grow: 1;
}
.desktop-menu .header-17 .menu--primary {
position: static;
text-align: right;
}
.header-17 .header-right {
justify-self: flex-end;
}
.mobile-menu .header-17 .branding {
flex-grow: 1;
}
@media (min-width: 1200px) {
.header-17 .col-xs-12 {
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1420px) {
.header-17 .col-xs-12 {
padding-left: 100px;
padding-right: 100px;
}
}
.header-18 .header-wrap {
position: relative;
}
.desktop-menu .header-18 .branding {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
}
.desktop-menu .header-18 .header-right {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}
.desktop-menu .header-18 .menu--primary {
position: static;
text-align: center;
}
.mobile-menu .header-18 .header-wrap {
display: flex;
align-content: center;
}
.mobile-menu .header-18 .branding {
flex-grow: 1;
}
.mobile-menu .header-18 .header-right {
flex-shrink: 0;
}
@media (min-width: 1200px) {
.desktop-menu .header-18 .container-fluid {
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1420px) {
.desktop-menu .header-18 .container-fluid {
padding-left: 100px;
padding-right: 100px;
}
}
.header-19 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-19 .branding {
flex-grow: 1;
}
.header-19 .header-right {
flex-shrink: 0;
}
.desktop-menu .header-19 .menu--primary {
position: static;
text-align: right;
}
.header-19 .header-right {
justify-self: flex-end;
}
.mobile-menu .header-19 .branding {
flex-grow: 1;
}
@media (min-width: 1200px) {
.header-19 .col-xs-12 {
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1420px) {
.header-19 .col-xs-12 {
padding-left: 100px;
padding-right: 100px;
}
}
.header-20 .page-header-inner {
padding: 15px 0;
}
.header-20 .header-wrap {
display: flex;
}
.header-20 .header-left {
flex-grow: 1;
}
.header-20 .header-right {
flex-shrink: 0;
}
.desktop-menu .header-20 .menu--primary {
position: static;
text-align: left;
}
.header-20 .heading {
font-size: 24px;
margin-bottom: 14px;
}
.header-20 .heading mark {
font-weight: 700;
}
.desktop-menu .header-20 .page-header-inner {
padding: 28px 0;
}
.desktop-menu .header-20 .tm-mailchimp-form {
width: 470px;
}
.mobile-menu .header-20 .header-left {
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.header-20 .mailchimp-form {
display: none;
}
}
.header-21 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-21 .branding,
.header-21 .header-right {
flex-shrink: 0;
}
.header-21 .page-navigation {
flex-grow: 1;
}
.desktop-menu .header-21 .menu--primary {
position: static;
text-align: right;
}
.header-21 .header-right {
justify-self: flex-end;
}
.mobile-menu .header-21 .branding {
flex-grow: 1;
}
@media (min-width: 1200px) {
.header-21 .col-xs-12 {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1420px) {
.header-21 .col-xs-12 {
padding-left: 100px;
padding-right: 100px;
}
}
@-webkit-keyframes show-animation {
0% {
-webkit-transform: translateY(60px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
@keyframes show-animation {
0% {
transform: translateY(60px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes slide-in-to-left {
0% {
-webkit-transform: translateX(60px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
opacity: 1;
}
}
@keyframes slide-in-to-left {
0% {
transform: translateX(40px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
@-webkit-keyframes slide-out-to-right {
0% {
-webkit-transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(40px);
opacity: 0;
}
}
@keyframes slide-out-to-right {
0% {
transform: translateX(0);
opacity: 1;
}
100% {
transform: translateX(60px);
opacity: 0;
}
}
@-webkit-keyframes hide-animation {
0% {
-webkit-transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(60px);
opacity: 0;
}
}
@keyframes hide-animation {
0% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(60px);
opacity: 0;
}
}
.desktop-menu {   }
.desktop-menu .sm {
position: relative;
z-index: 9999;
}
.desktop-menu .sm,
.desktop-menu .sm ul,
.desktop-menu .sm li {
display: block;
margin: 0;
padding: 0;
list-style: none;
text-align: left;
line-height: normal;
direction: ltr;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.desktop-menu .sm-rtl,
.desktop-menu .sm-rtl ul,
.desktop-menu .sm-rtl li {
text-align: right;
direction: rtl;
}
.desktop-menu .sm > li h1,
.desktop-menu .sm > li h2,
.desktop-menu .sm > li h3,
.desktop-menu .sm > li h4,
.desktop-menu .sm > li h5,
.desktop-menu .sm > li h6 {
margin: 0;
padding: 0;
}
.desktop-menu .sm ul {
display: none;
}
.desktop-menu .sm li,
.desktop-menu .sm a {
position: relative;
}
.desktop-menu .sm a {
display: block;
}
.desktop-menu .sm a.disabled {
cursor: not-allowed;
}
.desktop-menu .sm-simple a,
.desktop-menu .sm-simple a:hover,
.desktop-menu .sm-simple a:focus,
.desktop-menu .sm-simple a:active {
padding: 13px 20px; padding-right: 58px;
}
.desktop-menu .sm-simple a.current {
background: #555555;
color: white;
}
.desktop-menu .sm-simple a.disabled {
color: #cccccc;
}
.desktop-menu .sm-simple .sub-menu a .toggle-sub-menu:before {
right: 30px;
}
.desktop-menu .toggle-sub-menu:before {
position: absolute;
top: 50%;
right: 2px;
font-size: 16px;
font-family: "Ionicons";
transform: translate(0, -50%);
}
.desktop-menu .sub-arrow {
display: none;
}
.desktop-menu .sm-simple ul {
position: absolute;
width: 12em;
}
.desktop-menu .sm-simple.sm-rtl li {
float: right;
}
.desktop-menu .sm-simple ul li,
.desktop-menu .sm-simple.sm-rtl ul li,
.desktop-menu .sm-simple.sm-vertical li {
float: none;
}
.desktop-menu .sm-simple a {
white-space: nowrap;
}
.desktop-menu .sm-simple ul a,
.desktop-menu .sm-simple.sm-vertical a {
white-space: normal;
}
.desktop-menu .sm-simple .sm-nowrap > li > a,
.desktop-menu .sm-simple .sm-nowrap > li > :not(ul) a {
white-space: nowrap;
}
.desktop-menu .sm-simple .scroll-up,
.desktop-menu .sm-simple .scroll-down {
position: absolute;
display: none;
visibility: hidden;
overflow: hidden;
height: 20px;
background: white;
}
.desktop-menu .sm-simple .scroll-up-arrow,
.desktop-menu .sm-simple .scroll-down-arrow {
position: absolute;
top: -2px;
left: 50%;
overflow: hidden;
margin-left: -8px;
width: 0;
height: 0;
border-width: 8px;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #555555 transparent;
}
.desktop-menu .sm-simple .scroll-down-arrow {
top: 6px;
border-style: solid dashed dashed dashed;
border-color: #555555 transparent transparent transparent;
}
.desktop-menu .sm-simple.sm-rtl .has-submenu {
padding-right: 20px;
padding-left: 32px;
}
.desktop-menu .sm-simple.sm-rtl.sm-vertical .has-submenu {
padding: 11px 20px;
}
.desktop-menu .sm-simple.sm-rtl ul .has-submenu {
padding: 11px 20px;
}
.desktop-menu .sm-simple.sm-rtl > li:first-child {
border-left: 1px solid #eeeeee;
}
.desktop-menu .sm-simple.sm-rtl > li:last-child {
border-left: 0;
}
.desktop-menu .sm-simple:not(.sm-vertical) .has-mega-menu {
position: static !important;
}
.desktop-menu .sm-simple:not(.sm-vertical) .has-mega-menu .mega-menu {
right: 0 !important;
margin-left: 0 !important;
max-width: none !important;
width: auto !important;
}
.desktop-menu .sm-simple.sm-vertical .has-mega-menu .mega-menu {
max-width: calc(100vw - 320px) !important;
width: 1170px !important;
}
.desktop-menu .sm-simple.sm-vertical a .toggle-sub-menu:before {
right: 40px;
content: '\f105';
}
.desktop-menu .menu--primary {
position: relative;
text-align: center;
}
.desktop-menu .menu--primary .sm-simple {
position: static;
display: inline-block;
}
.desktop-menu .menu--primary .sm-simple > li {
display: inline-block;
}
.desktop-menu .menu--primary .widgettitle {
margin: 0 0 12px 30px;
text-transform: uppercase;
letter-spacing: 1.62px;
font-weight: 700;
font-size: 13px;
}
.desktop-menu .menu--primary .sub-menu,
.desktop-menu .menu--primary .children {
padding: 25px 0;
min-width: 270px !important;
box-shadow: 0 0 37px rgba(0, 0, 0, 0.07);
border-bottom: 2px solid transparent;
}
.desktop-menu .menu--primary .sub-menu a,
.desktop-menu .menu--primary .children a {
padding: 11px 30px;
}
.desktop-menu .menu--primary .sub-menu .toggle-sub-menu:before,
.desktop-menu .menu--primary .children .toggle-sub-menu:before {
content: '\f3d3';
}
.desktop-menu .menu--primary .sub-menu.mega-menu,
.desktop-menu .menu--primary .children.mega-menu {
box-shadow: 0 10px 37px rgba(0, 0, 0, 0.07);
}
.desktop-menu .menu--primary .has-mega-menu .mega-menu {
padding-top: 34px;
padding-bottom: 23px;
}
.desktop-menu .menu--primary .has-mega-menu .mega-menu ul {
position: static;
display: block;
width: auto;
border: 0;
background: transparent;
box-shadow: none;
}
.desktop-menu .menu--primary .has-mega-menu .scroll-up,
.desktop-menu .menu--primary .has-mega-menu .scroll-down {
margin-left: 0 !important;
}
.desktop-menu .menu--primary .has-mega-menu .wpb_column + .wpb_column {
border-left: 1px solid #eeeeee;
}
.desktop-menu .menu--primary .has-mega-menu .wpb_wrapper {
margin-bottom: 15px;
}
.desktop-menu .menu--primary .has-mega-menu .wpb_button, .desktop-menu .menu--primary .has-mega-menu .wpb_content_element, .desktop-menu .menu--primary .has-mega-menu ul.wpb_thumbnails-fluid > li {
margin-bottom: 0;
}
.desktop-menu .menu--primary .has-mega-menu .widget_recent_entries ul,
.desktop-menu .menu--primary .has-mega-menu .widget_recent_comments ul,
.desktop-menu .menu--primary .has-mega-menu .widget_archive ul,
.desktop-menu .menu--primary .has-mega-menu .widget_categories ul,
.desktop-menu .menu--primary .has-mega-menu .widget_meta ul,
.desktop-menu .menu--primary .has-mega-menu .widget_product_categories ul,
.desktop-menu .menu--primary .has-mega-menu .widget_rss ul,
.desktop-menu .menu--primary .has-mega-menu .widget_pages ul,
.desktop-menu .menu--primary .has-mega-menu .widget_nav_menu ul,
.desktop-menu .menu--primary .has-mega-menu .insight-core-bmw ul {
margin: 0;
padding: 0;
}
.desktop-menu .menu--primary .has-mega-menu .widget_recent_entries li,
.desktop-menu .menu--primary .has-mega-menu .widget_recent_comments li,
.desktop-menu .menu--primary .has-mega-menu .widget_archive li,
.desktop-menu .menu--primary .has-mega-menu .widget_categories li,
.desktop-menu .menu--primary .has-mega-menu .widget_meta li,
.desktop-menu .menu--primary .has-mega-menu .widget_product_categories li,
.desktop-menu .menu--primary .has-mega-menu .widget_rss li,
.desktop-menu .menu--primary .has-mega-menu .widget_pages li,
.desktop-menu .menu--primary .has-mega-menu .widget_nav_menu li,
.desktop-menu .menu--primary .has-mega-menu .insight-core-bmw li {
margin-bottom: 0;
padding: 0;
border: 0;
}
.desktop-menu .menu--primary .has-mega-menu .tm-list {
padding-right: 30px;
padding-left: 30px;
}
.desktop-menu .menu--primary .has-mega-menu .tm-list .item-wrapper {
display: block;
padding-top: 11px;
padding-bottom: 11px;
line-height: 20px;
}
.desktop-menu .menu--primary .menu-item-feature {
position: relative;
margin-left: 10px;
}
.desktop-menu .menu--primary .menu-item-feature:before {
position: absolute;
top: 50%;
left: 0;
content: '\f2fc';
font-size: 14px;
font-family: Ionicons;
transform: translate(0, -50%);
}
.desktop-menu .menu--primary .sub-menu.show-animation {
animation: show-animation .3s;
}
.desktop-menu .menu--primary .sub-menu.hide-animation {
animation: hide-animation .3s;
}
.desktop-menu .menu--primary .sub-menu .sub-menu.show-animation {
animation: slide-in-to-left .3s;
}
.desktop-menu .menu--primary .sub-menu .sub-menu.hide-animation {
animation: slide-out-to-right .3s;
}
.menu-item-image_hover {
display: none;
width: 0;
visibility: hidden;
opacity: 0;
}
.sm-simple .menu-item-image_hover {
position: absolute;
top: -10px;
right: -100px;
z-index: 1;
display: block;
visibility: hidden;
max-width: 100%;
width: 150px;
height: auto;
border-radius: 5px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
opacity: 0;
transform: translateX(20px);
}
.sm-simple .menu-item-image_hover img {
border-radius: 5px;
}
.sm-simple .has-image-hover:hover > a > .menu-item-image_hover {
visibility: visible;
opacity: 1;
transform: translateX(0);
}
.mobile-menu .page-navigation-wrap,
.mobile-menu .page-navigation {
display: none;
}
.page-close-main-menu {
position: fixed;
top: 60px;
right: 60px;
z-index: 100000;
visibility: hidden;
font-size: 100px;
line-height: 0;
opacity: 0;
cursor: pointer;
}
.page-off-canvas-main-menu {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999;
visibility: hidden;
overflow: hidden;
overflow-y: auto;
opacity: 0;
transform: scale(0.3);
}
.page-off-canvas-main-menu .menu--primary .sm-simple li {
display: block;
}
.page-off-canvas-main-menu .navigation {
display: table;
padding: 30px 0;
width: 100%;
height: 100%;
text-align: center;
}
.page-off-canvas-main-menu .navigation .menu__container {
display: table-cell;
vertical-align: middle;
}
.page-off-canvas-main-menu ul {
margin: 0;
padding: 0;
}
.page-off-canvas-main-menu a {
display: block;
}
.page-off-canvas-main-menu .menu__container > li {
opacity: 0;
transition: transform .2s, opacity .2s;
transform: translateY(50px);
animation-timing-function: cubic-bezier(0.45, 0.005, 0, 1);
}
.page-off-canvas-main-menu li {
list-style-type: none;
}
.page-off-canvas-main-menu .sub-menu {
display: none;
}
.page-off-canvas-main-menu .widgettitle {
margin: 20px 0 10px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
}
.page-off-canvas-main-menu .vc_column_container {
display: block !important;
float: none;
width: 100% !important;
}
.admin-bar .page-off-canvas-main-menu {
top: 32px;
}
.page-off-canvas-main-menu .insight-core-bmw li {
margin-bottom: 0;
padding: 0;
border: 0;
}
.page-off-canvas-main-menu .insight-core-bmw li a {
padding: 0;
}
.page-off-canvas-menu-opened {
overflow: hidden;
}
.page-off-canvas-menu-opened .page-header {
z-index: 99999;
}
.page-off-canvas-menu-opened .page-off-canvas-main-menu {
visibility: visible;
opacity: 1;
transform: scale(1);
}
.page-off-canvas-menu-opened .page-off-canvas-main-menu .menu__container > li {
opacity: 1;
transform: translateY(0);
}
.page-off-canvas-menu-opened .page-close-main-menu {
visibility: visible;
opacity: 1;
}
.page-open-mobile-menu {
cursor: pointer;
}
.page-open-mobile-menu .inner {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 30px;
}
.page-open-mobile-menu .icon {
position: relative;
width: 24px;
height: 18px;
}
.page-open-mobile-menu:hover i:before {
width: 80%;
}
.page-open-mobile-menu:hover i:after {
width: 65%;
}
.page-open-mobile-menu i {
position: absolute;
top: 50%;
left: 0;
margin-top: -1px;
width: 100%;
height: 2px;
background: currentColor;
}
.page-open-mobile-menu i:before, .page-open-mobile-menu i:after {
position: absolute;
left: 0;
width: 100%;
height: 100%;
background: inherit;
content: '';
transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.page-open-mobile-menu i:before {
top: -8px;
}
.page-open-mobile-menu i:after {
top: 8px;
}
.page-close-mobile-menu {
font-size: 48px;
cursor: pointer;
}
.page-mobile-menu-header {
position: absolute;
top: 0;
left: 0;
right: 0;
display: flex;
padding: 0 40px;
height: 100px;
background: #fff;
align-items: center;
}
.page-mobile-menu-logo {
flex-grow: 1;
}
.page-mobile-menu-opened {
overflow: hidden;
}
.page-mobile-main-menu {
position: fixed;
top: 0;
right: 100%;
padding-top: 100px;
z-index: 9999999;
width: 100%;
height: 100%;
background: #fff;
text-align: left;
transition: all .3s;
}
.admin-bar .page-mobile-main-menu {
top: 32px;
height: calc(100% - 32px);
}
.page-mobile-menu-opened .page-mobile-main-menu {
right: 0;
}
.page-mobile-main-menu .widgettitle {
margin: 15px 0 10px;
}
.page-mobile-main-menu ul {
margin: 0;
padding: 0;
}
.page-mobile-main-menu li {
display: block;
list-style-type: none;
}
.page-mobile-main-menu li.opened > a .toggle-sub-menu:after {
content: '\f3d0';
}
.page-mobile-main-menu .sub-menu {
display: none;
margin: 12px 0 14px 10px;
}
.page-mobile-main-menu .sub-menu a {
padding: 8px 0;
}
.page-mobile-main-menu .wpb_column.vc_column_container {
width: 100% !important;
}
.page-mobile-main-menu .menu__container {
padding: 0;
margin: 0 0 30px;
}
.page-mobile-main-menu .menu__container > li > a {
padding: 10px 0;
border: 0;
border-color: transparent;
}
.page-mobile-main-menu .menu__container > li + li > a {
border-top: 1px solid transparent;
}
.page-mobile-main-menu .menu__container > li.opened > a {
border-bottom: 1px solid transparent;
}
.page-mobile-main-menu .menu__container a {
position: relative;
display: block;
}
.page-mobile-main-menu .tm-list {
margin-bottom: 16px;
}
.page-mobile-main-menu .mega-menu {
margin-top: 20px;
}
.page-mobile-main-menu .wpb_button,
.page-mobile-main-menu .wpb_content_element,
.page-mobile-main-menu ul.wpb_thumbnails-fluid > li {
margin-bottom: 30px;
}
.page-mobile-main-menu .widget_recent_entries li,
.page-mobile-main-menu .widget_recent_comments li,
.page-mobile-main-menu .widget_archive li,
.page-mobile-main-menu .widget_categories li,
.page-mobile-main-menu .widget_meta li,
.page-mobile-main-menu .widget_product_categories li,
.page-mobile-main-menu .widget_rss li,
.page-mobile-main-menu .widget_pages li,
.page-mobile-main-menu .widget_nav_menu li,
.page-mobile-main-menu .insight-core-bmw li {
margin: 0;
padding: 0;
border: 0;
}
.page-mobile-main-menu .toggle-sub-menu {
position: absolute;
top: 50%;
right: 0;
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.1);
color: #fff;
text-align: center;
line-height: 40px;
transform: translate(0, -50%);
}
.page-mobile-main-menu .toggle-sub-menu:after {
display: block;
content: '\f3d3';
font-size: 24px;
font-family: "Ionicons";
font-weight: 500;
}
.page-mobile-main-menu .toggle-sub-menu:hover {
background: rgba(255, 255, 255, 0.2);
}
.desktop-menu .page-open-mobile-menu {
display: none !important;
}
.page-mobile-menu-content {
padding: 14px 30px 80px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
height: calc(100vh - 100px);
}
@media screen and (max-width: 782px) {
.admin-bar .page-mobile-main-menu {
top: 46px;
height: calc(100% - 46px);
}
}
@media screen and (max-width: 600px) {
.admin-bar .page-mobile-main-menu {
top: 0;
height: 100%;
}
}
.page-title-bar {
position: relative;
}
.page-title-bar-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.page-title-bar-inner {
border-bottom: 1px solid transparent;
}
.page-title-bar-01 .page-breadcrumb {
position: absolute;
bottom: 25px;
width: 100%;
}
.page-title-bar-01 .page-title-bar-inner {
text-align: center;
}
.insight_core_breadcrumb {
margin: 0;
padding: 0;
}
.insight_core_breadcrumb li {
display: inline-block;
}
.insight_core_breadcrumb li + li {
position: relative;
padding-left: 30px;
}
.insight_core_breadcrumb li + li:before {
content: '/';
position: absolute;
top: 0;
left: 10px;
}
.page-scroll-up {
position: fixed;
right: 30px;
bottom: -60px;
z-index: 999;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
display: block;
padding: 0;
width: 60px;
height: 60px;
border-radius: 50%;
text-align: center;
font-size: 25px;
line-height: 60px;
cursor: pointer;
opacity: 0;
visibility: hidden;
}
.page-scroll-up i {
color: #ffffff;
}
.page-scroll-up.show {
bottom: 30px;
opacity: 1;
visibility: visible;
}
.page-scroll-up:hover {
opacity: .8;
}
.popup-search-opened {
overflow: hidden !important;
width: 100%;
height: 100%;
}
.popup-search-opened .page-popup-search {
visibility: visible;
opacity: 1;
}
.popup-search-opened .page-popup-search .page-popup-search-inner {
visibility: visible;
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.popup-search-opened .page-popup-search .search-field {
transition: transform .5s, ease-out .3s;
transform: scale3d(1, 1, 1);
}
.popup-search-opened .page-popup-search .form-description {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.page-popup-search {
position: fixed;
top: 0;
left: 0;
z-index: 9999999;
visibility: hidden;
width: 100%;
height: 100%;
text-align: center;
opacity: 0;
transition: all ease-in-out .25s;
}
.page-popup-search-inner {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
visibility: hidden;
padding: 0 50px;
width: 75%;
text-align: center;
font-size: 18px;
opacity: 0;
transition: all ease-in-out .3s;
transform: translate(-50%, -50%) scale(0.8);
}
.page-popup-search .popup-search-close {
position: absolute;
top: 60px;
right: 60px;
font-size: 100px;
cursor: pointer;
line-height: 0;
}
.page-popup-search .popup-search-close i {
line-height: 0;
}
.page-popup-search .form-description {
display: block;
padding: 0.85em 0;
text-align: right;
font-weight: 700;
font-size: 90%;
opacity: 0;
transition: opacity .4s, transform .4s;
transform: translate3d(0, 50px, 0);
}
.page-popup-search .search-form {
position: relative;
}
.page-popup-search .search-field {
padding: .05em 0;
height: auto;
border: 0;
border-bottom: 5px solid transparent;
border-radius: 0;
background: none !important;
font-size: 10vw;
transform: scale3d(0, 1, 1);
transform-origin: 0% 50%;
-webkit-appearance: none;
}
.page-popup-search .search-field:-webkit-autofill, .page-popup-search .search-field:-webkit-autofill:hover, .page-popup-search .search-field:-webkit-autofill:focus, .page-popup-search .search-field:-webkit-autofill:active {
transition: background-color 5000s ease-in-out 0s;
}
.page-popup-search .search-field::-webkit-input-placeholder {
color: transparent;
font-size: 10vw;
}
.page-popup-search .search-field:-moz-placeholder { color: transparent;
font-size: 10vw;
}
.page-popup-search .search-field::-moz-placeholder { color: transparent;
font-size: 10vw;
}
.page-popup-search .search-field:-ms-input-placeholder {
color: transparent;
font-size: 10vw;
}
.page-popup-search .search-submit {
display: none;
}
@media (max-width: 767px) {
.page-popup-search-inner {
padding: 0 15px;
}
.page-popup-search .popup-search-close {
top: 20px;
right: 20px;
}
}
a, input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"], select, textarea, button,
input[type="button"],
input[type="reset"],
input[type="submit"], .page-close-mobile-menu, .tm-swiper:hover .swiper-nav-button, .tm-swiper .swiper-nav-button:hover, .portfolio-details-gallery .overlay, .tm-button, .tm-box-icon.style-8 .icon, .tm-instagram.style-grid .inner .overlay, .tm-product-categories.style-carousel .cat-content, .widget_recent_entries li,
.widget_recent_comments li,
.widget_archive li,
.widget_categories li,
.widget_meta li,
.widget_product_categories li,
.widget_rss li,
.widget_pages li,
.widget_nav_menu li,
.insight-core-bmw li, .tm-posts-widget-wrapper.style-01 .post-widget-overlay, .mini-cart .widget_shopping_cart_content, .woocommerce .cats .cat-text, .woocommerce .cats .cat-title, .woocommerce .cats .cat-count, .woocommerce.single-product div.product .woocommerce-tabs ul.tabs li, .woocommerce.single-product div.product .woocommerce-tabs ul.tabs li a {
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.page-open-main-menu i, .sm-simple .menu-item-image_hover, .page-close-main-menu, .page-off-canvas-main-menu, .page-open-mobile-menu i, .page-mobile-main-menu .toggle-sub-menu, .page-scroll-up, .fall-down-effect:before, .tm-swiper .swiper-pagination-bullet:before, .related-portfolio-item .post-overlay, .tm-grid-wrapper .filter-counter, .tm-blog.style-grid_classic .post-wrapper, .tm-blog.style-grid_masonry .post-wrapper, .tm-blog.style-carousel .post-item, .tm-blog.style-carousel .post-title a, .tm-blog.style-carousel .post-categories a, .tm-blog.style-carousel .post-excerpt, .tm-blog.style-carousel .post-date, .tm-blog.style-carousel .post-footer, .tm-blog.style-carousel .post-feature, .tm-blog.style-carousel .post-overlay, .tm-portfolio .post-thumbnail img, .tm-portfolio [data-overlay-animation="faded"] .post-overlay, .tm-portfolio [data-overlay-animation="faded-light"] .post-overlay, .tm-portfolio [data-overlay-animation="modern"] .post-overlay, .tm-portfolio [data-overlay-animation="modern"] .post-overlay-icon, .tm-portfolio [data-overlay-animation="modern"] .post-overlay-icon:before, .tm-portfolio [data-overlay-animation="modern"] .post-overlay-icon:after, .tm-portfolio [data-overlay-animation="zoom2"] .post-overlay-title, .tm-portfolio [data-overlay-animation="zoom2"] .post-read-more, .tm-box-icon.style-2 .content-wrap, .tm-box-icon.style-2 .image, .tm-box-icon.style-4 .icon, .tm-box-icon.style-4 .icon:before, .tm-box-icon.style-4 .icon:after, .tm-box-icon.style-5 .icon, .tm-box-icon.style-9, .tm-box-icon.style-10, .tm-box-icon.style-11, .tm-box-icon.style-12 .content-wrap, .tm-box-icon.style-12 .heading, .tm-box-icon.style-12 .text, .tm-box-icon.style-13 .content-wrap, .tm-box-icon.style-14 .content-wrap, .tm-card.style-1, .tm-card.style-2, .tm-accordion.style-1 .accordion-title, .tm-accordion.style-1 .accordion-marker, .tm-heading a:before, .tm-testimonial.style-2 .testimonial-item, .tm-testimonial.style-3 .testimonial-item, .tm-testimonial.style-4 .testimonial-item, .tm-pricing.style-1 .inner, .tm-pricing.style-2 .inner, .tm-team-member.style-1, .tm-team-member.style-1.effect-grayscale .photo img, .tm-team-member.style-1 .social-networks, .tm-team-member.style-1 .social-networks a, .tm-team-member.style-1 .position, .tm-team-member-group .swiper-slide, .tm-gallery .overlay, .tm-product.style-grid .product-wrapper, .tm-product.style-list .product-wrapper, .woocommerce-error .button:after,
.woocommerce-info .button:after,
.woocommerce-message .button:after, .woocommerce .isw-term span {
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
} @-webkit-keyframes fadeIn {
0% {
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
}
100% {
opacity: 1;
}
}
@-webkit-keyframes moveVertical {
0% {
}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
@keyframes moveVertical {
0% {
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes moveHorizontal {
0% {
}
100% {
-webkit-transform: translateX(0);
opacity: 1;
}
}
@keyframes moveHorizontal {
0% {
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@-webkit-keyframes scaleUp {
0% {
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes scaleUp {
0% {
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes fallPerspective {
0% {
}
100% {
-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
opacity: 1;
}
}
@keyframes fallPerspective {
0% {
}
100% {
-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
transform: translateZ(0px) translateY(0px) rotateX(0deg);
opacity: 1;
}
}
@-webkit-keyframes fly {
0% {
}
100% {
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
@keyframes fly {
0% {
}
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
@-webkit-keyframes flip {
0% {
}
100% {
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
@keyframes flip {
0% {
}
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
@-webkit-keyframes helix {
0% {
}
100% {
-webkit-transform: rotateY(0deg);
opacity: 1;
}
}
@keyframes helix {
0% {
}
100% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
}
@-webkit-keyframes popUp {
0% {
}
70% {
-webkit-transform: scale(1.1);
opacity: .8;
-webkit-animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes popUp {
0% {
}
70% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: .8;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.tm-animation {
opacity: 0;
}
.tm-animation.fade-in.animate {
-webkit-animation: fadeIn 0.95s ease forwards;
animation: fadeIn 0.95s ease forwards;
}
.tm-animation.move-up.animate {
-webkit-transform: translateY(150px);
transform: translateY(150px);
-webkit-animation: moveVertical 0.65s ease forwards;
animation: moveVertical 0.65s ease forwards;
}
.tm-animation.move-down.animate {
-webkit-transform: translateY(-150px);
transform: translateY(-150px);
-webkit-animation: moveVertical 0.65s ease forwards;
animation: moveVertical 0.65s ease forwards;
}
.tm-animation.move-left.animate {
-webkit-transform: translateX(150px);
transform: translateX(150px);
-webkit-animation: moveHorizontal 0.65s ease forwards;
animation: moveHorizontal 0.65s ease forwards;
}
.tm-animation.move-right.animate {
-webkit-transform: translateX(-150px);
transform: translateX(-150px);
-webkit-animation: moveHorizontal 0.65s ease forwards;
animation: moveHorizontal 0.65s ease forwards;
}
.tm-animation.scale-up.animate {
-webkit-transform: scale(0.6);
transform: scale(0.6);
-webkit-animation: scaleUp 0.65s ease-in-out forwards;
animation: scaleUp 0.65s ease-in-out forwards;
}
.tm-animation.fall-perspective {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.tm-animation.fall-perspective.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
transform: translateZ(400px) translateY(300px) rotateX(-90deg);
-webkit-animation: fallPerspective .8s ease-in-out forwards;
animation: fallPerspective .8s ease-in-out forwards;
}
.tm-animation.fly {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.tm-animation.fly.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 50% 50% -300px;
transform-origin: 50% 50% -300px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-animation: fly .8s ease-in-out forwards;
animation: fly .8s ease-in-out forwards;
}
.tm-animation.flip.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: rotateX(-80deg);
transform: rotateX(-80deg);
-webkit-animation: flip .8s ease-in-out forwards;
animation: flip .8s ease-in-out forwards;
}
.tm-animation.helix {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.tm-animation.helix.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-animation: helix .8s ease-in-out forwards;
animation: helix .8s ease-in-out forwards;
}
.tm-animation.pop-up {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.tm-animation.pop-up.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: scale(0.4);
transform: scale(0.4);
-webkit-animation: popUp .8s ease-in forwards;
animation: popUp .8s ease-in forwards;
}
.fall-down-effect:hover:before {
transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
opacity: 1;
}
.fall-down-effect:before {
content: attr(data-hover);
position: absolute;
opacity: 0;
transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
pointer-events: none;
}
.embed-responsive,
.video-player {
position: relative;
display: block;
overflow: hidden;
padding: 0;
height: 0;
}
.embed-responsive iframe,
.video-player iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-16by9,
.video-player {
padding-bottom: 56.25%;
}
.instagram-media {
max-width: 100% !important;
}
.left-text {
text-align: left !important;
}
.center-text {
text-align: center !important;
}
.right-text {
text-align: right !important;
}
.font-weight-100 {
font-weight: 100 !important;
}
.font-weight-200 {
font-weight: 200 !important;
}
.font-weight-300 {
font-weight: 300 !important;
}
.font-weight-400 {
font-weight: 400 !important;
}
.font-weight-500 {
font-weight: 500 !important;
}
.font-weight-600 {
font-weight: 600 !important;
}
.font-weight-700 {
font-weight: 700 !important;
}
.font-weight-800 {
font-weight: 800 !important;
}
.font-weight-900 {
font-weight: 900 !important;
}
.line-height-0 {
line-height: 0 !important;
}
.font-size-inherit {
font-size: inherit !important;
}
.zindex2 {
z-index: 2 !important;
} @media only screen and (min-width: 1024px) {
#footer-wrap {
position: fixed;
left: 0;
bottom: 0;
}
.page-footer-parallax:not(.page-template-one-page-scroll) {
height: 100%;
}
.page-footer-parallax:not(.page-template-one-page-scroll) .site {
min-height: 100%;
position: static;
}
.page-footer-parallax:not(.page-template-one-page-scroll) .content-wrapper {
position: relative;
z-index: 3;
background: inherit;
}
.page-footer-parallax:not(.page-template-one-page-scroll) .page-footer-wrapper {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 1;
}
.page-footer-parallax .site {
background-color: #fff;
}
}
.boxed {
margin: 0 auto;
max-width: 1200px;
}
.boxed .content {
overflow: hidden;
}
.site {
overflow: hidden;
}
.content-visible .site {
overflow: visible !important;
}
.page-sidebar,
.page-main-content {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comments-title,
.comment-reply-title {
margin-bottom: 25px;
font-size: 24px;
line-height: 1.6;
}
.comment-form-wrapper {
margin: 0 -15px;
}
.comment-form-wrapper .left-form,
.comment-form-wrapper .right-form {
float: left;
padding: 0 15px;
}
.comment-form-wrapper .left-form {
width: 300px;
}
.comment-form-wrapper .right-form {
width: calc(100% - 300px);
}
.logged-in .comment-form-wrapper .right-form {
width: 100%;
}
.comments-area {
margin-top: 62px;
}
.comments-title {
margin-bottom: 32px;
}
.comment-list {
margin: 0;
padding: 0;
}
.comment-list .comment {
margin-bottom: 35px;
list-style-type: none;
}
.comment-list .comment:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.comment-list > .comment {
margin-bottom: 40px;
padding-bottom: 60px;
border-bottom: 1px solid #ededed;
}
.comment-list .pingback {
margin-bottom: 35px;
list-style-type: none;
}
.comment-list .pingback:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.comment-list .pingback .comment-content {
margin-left: 0;
}
.comment-list .children {
margin-top: 48px;
margin-left: 82px;
border-left: 3px solid #ededed;
padding-left: 16px;
}
.comment-list .comment-header {
margin-bottom: 13px;
}
.comment-list .comment-author {
float: left;
}
.comment-list .comment-author img {
border-radius: 50%;
}
.comment-list .comment-content {
position: relative;
overflow: hidden;
margin-left: 100px;
font-size: 16px;
}
.comment-list .fn {
font-weight: 700;
font-size: 18px;
display: inline-block;
line-height: 1;
}
.comment-list .fn a {
font-style: inherit;
font-size: inherit;
}
.comment-list .comment-datetime {
position: relative;
top: -1px;
padding-left: 20px;
font-size: 14px;
font-style: italic;
display: inline-block;
line-height: 1;
}
.comment-list .comment-datetime:before {
position: absolute;
top: 50%;
left: 8px;
transform: translate(0, -50%);
content: '';
width: 3px;
height: 3px;
background: #d8d8d8;
border-radius: 50%;
}
.comment-list .comment-actions {
margin-top: 18px;
}
.comment-list .comment-actions a {
margin-right: 20px;
font-weight: 700;
font-size: 16px;
line-height: 1.2;
letter-spacing: 1px;
}
.comment-list .comment-actions span {
font-size: 18px;
font-weight: 500;
opacity: .7;
margin-right: 12px;
}
.comment-list .comment-text p:last-child {
margin-bottom: 0;
}
.comment-list .comment-awaiting-messages {
display: block;
}
.comment-list .comment-respond {
margin-top: 30px;
}
.comment-form-wrap {
margin-top: 67px;
}
.comment-form textarea {
height: 174px;
}
.comment-form input[type="text"],
.comment-form input[type="email"] {
width: 100%;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url,
.comment-form .comment-form-comment {
margin: 0 0 15px;
}
.comment-form p.form-submit {
margin: 15px 0 0;
}
@media (max-width: 1199px) {
.comment-list .vcard img {
width: 50px;
}
.comment-list .children,
.comment-list .children .children {
padding-left: 20px;
}
.comment-list .comment-content {
margin-left: 80px;
}
.comment-list .comment-datetime {
position: static;
}
}
@media (max-width: 767px) {
.comment-list .comment {
margin-bottom: 30px;
padding-bottom: 30px;
}
.comment-list .children {
margin-top: 30px;
padding-top: 30px;
}
.comment-list .children,
.comment-list .children .children {
padding-left: 20px;
}
}
@media (max-width: 991px) {
.comment-form-wrapper .left-form,
.comment-form-wrapper .right-form {
float: none;
width: 100%;
}
}
.form-subscribe {
display: flex;
margin: 0 -10px;
}
.form-subscribe .form-item-wrap {
padding: 0 10px;
}
.form-subscribe .form-input {
width: 50%;
}
@media (max-width: 767px) {
.form-subscribe {
display: block;
margin: 0 -10px;
}
.form-subscribe .form-item-wrap {
padding: 0 10px;
}
.form-subscribe .form-input {
width: 100%;
margin-bottom: 20px;
}
}
.vc_separator .vc_sep_holder .vc_sep_line.vc_sep_line {
border-top-color: #dddddd;
}
.vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section, .vc_section.vc_section-has-fill + .vc_section {
padding-top: 0 !important;
}
.wpb_wrapper .wpb_button, .wpb_wrapper .wpb_content_element, .wpb_wrapper ul.wpb_thumbnails-fluid > li {
margin-bottom: 0;
}
.wpb-js-composer.wpb-js-composer .vc_tta-container {
margin-bottom: 0;
}
.compose-mode .tm-animation {
opacity: 1;
}
.compose-mode .tm-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.compose-mode .tm-grid .grid-sizer {
display: none;
}
.compose-mode .tm-grid.has-animation .grid-item {
opacity: 1;
}
.page-slider > rs-fullwidth-wrap {
z-index: 0;
}
.rev_slider iframe {
border: 0 !important;
}
.slide-overlay-style-01 .slotholder:after {
position: absolute;
top: 0;
left: 0;
z-index: 999;
display: block;
width: 100%;
height: 100%;
content: '';
pointer-events: none;
opacity: .8;
background-image: linear-gradient(30deg, #122acc 0%, #122bcc 1%, #1138d1 15%, #113bd2 18%, #0e65e1 63%, #0b88ee 100%);
}
html .row:before, html .row:after {
display: block;
}
.page-loading {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999;
background-color: rgba(0, 0, 0, 0.9);
transition: opacity .5s ease 0s;
}
.page-load-inner {
position: absolute;
top: 50%;
left: 50%;
margin-top: -12px;
margin-left: -35px;
text-align: center;
transition: transform .5s ease 0s;
}
body.loaded .page-loading {
opacity: 0;
}
body.loaded .page-load-inner {
transform: translate3d(0px, -100px, 0px);
}
.sk-three-bounce {
width: 70px;
}
.sk-three-bounce .sk-child {
display: inline-block;
width: 18px;
height: 18px;
border-radius: 100%;
background-color: #ffffff;
animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}
.sk-three-bounce .sk-bounce1 {
animation-delay: -.32s;
}
.sk-three-bounce .sk-bounce2 {
animation-delay: -.16s;
}
@-webkit-keyframes sk-three-bounce {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes sk-three-bounce {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.admin-bar .headroom.headroom--not-top .page-header-inner {
top: 32px;
}
@media screen and (max-width: 782px) {
html.js_active {
margin-top: 0 !important;
}
.admin-bar .content-wrapper {
margin-top: 46px;
}
.admin-bar .headroom.headroom--not-top .page-header-inner {
top: 46px;
}
}
@media screen and (max-width: 600px) {
.admin-bar .headroom.headroom--not-top .page-header-inner {
top: 0;
}
.admin-bar .page-header {
top: 0;
}
}
.lg-backdrop {
z-index: 999998 !important;
}
.lg-outer {
z-index: 999999 !important;
}
.lg-sub-html * {
color: inherit;
}
.lg-actions .lg-prev,
.lg-actions .lg-next {
border: 0;
}
.tm-swiper {
position: relative;
z-index: 1;
}
.tm-swiper:hover .swiper-nav-button {
opacity: 1;
visibility: visible;
}
.tm-swiper .swiper-container {
width: 100%;
}
.tm-swiper .swiper-slide {
box-sizing: border-box;
}
.tm-swiper.auto-slide-wide .swiper-slide {
width: auto;
}
.tm-swiper.auto-slide-wide .swiper-slide img {
width: auto;
}
.tm-swiper.has-pagination {
margin-bottom: 36px;
}
.tm-swiper.auto-height > .swiper-container > .swiper-wrapper {
height: auto !important;
}
.tm-swiper.equal-height > .swiper-container > .swiper-wrapper {
display: flex;
align-items: stretch;
}
.tm-swiper.equal-height > .swiper-container > .swiper-wrapper > .swiper-slide {
display: flex;
height: auto;
}
.tm-swiper.v-center > .swiper-container > .swiper-wrapper > .swiper-slide {
display: flex;
align-self: center;
}
.tm-swiper.h-center > .swiper-container > .swiper-wrapper > .swiper-slide {
display: flex;
justify-content: center;
}
.tm-swiper.c-bottom > .swiper-container > .swiper-wrapper {
align-items: flex-end;
}
.tm-swiper.equal-height.v-center > .swiper-container > .swiper-wrapper > .swiper-slide {
align-self: auto;
}
.tm-swiper.equal-height.v-center > .swiper-container > .swiper-wrapper > .swiper-slide > div {
align-self: center;
}
.tm-swiper .swiper-pagination {
position: absolute;
bottom: -36px;
left: 0;
width: 100%;
text-align: center;
line-height: 1;
user-select: none;
}
.tm-swiper .swiper-pagination-bullet {
box-sizing: border-box;
margin: 0 5px;
width: 16px;
height: 16px;
border: 0;
outline: none;
background: transparent;
vertical-align: middle;
opacity: 1;
position: relative;
}
.tm-swiper .swiper-pagination-bullet:hover:before, .tm-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
width: 100%;
height: 100%;
background: none !important;
border: 1px solid #000000;
}
.tm-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
cursor: default;
}
.tm-swiper .swiper-pagination-bullet:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
border-radius: 100%;
width: 10px;
height: 10px;
transform: translate(-50%, -50%);
background: rgba(69, 69, 69, 0.2);
z-index: 1;
}
.tm-swiper .swiper-nav-button {
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 2s;
background-image: none;
text-align: center;
user-select: none;
outline: none;
width: 50px;
height: 50px;
font-size: 24px;
color: #9b9b9b;
border: 2px solid #eeeeee;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.01);
opacity: 0;
visibility: hidden;
}
.tm-swiper .swiper-nav-button.swiper-button-disabled {
display: none;
}
.tm-swiper .swiper-nav-button:hover {
color: #ffffff;
}
.tm-swiper .swiper-nav-button i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
line-height: 1;
display: inline-block;
font: normal normal normal 14px/1 'Ionicons';
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.tm-swiper .swiper-button-prev {
left: 30px;
}
.tm-swiper .swiper-button-prev i:before {
content: '\f2ca';
}
.tm-swiper .swiper-button-next {
right: 30px;
}
.tm-swiper .swiper-button-next i:before {
content: '\f30f';
}
.tm-swiper.nav-style-2 .swiper-nav-button {
color: #ffffff;
border: 2px solid #ffffff;
}
.tm-swiper.nav-style-2 .swiper-nav-button:hover {
background: #ffffff;
}
.tm-swiper.nav-style-3 .swiper-nav-button {
color: rgba(255, 255, 255, 0.5);
border: 0;
font-size: 60px;
}
.tm-swiper.nav-style-3 .swiper-nav-button:hover {
color: #ffffff;
background: none;
}
.tm-swiper.nav-style-3 .swiper-button-prev {
left: -70px;
}
.tm-swiper.nav-style-3 .swiper-button-prev i:before {
content: '\f3d2';
}
.tm-swiper.nav-style-3 .swiper-button-next {
right: -70px;
}
.tm-swiper.nav-style-3 .swiper-button-next i:before {
content: '\f3d3';
}
.tm-swiper.pagination-style-2 {
margin-bottom: 0 !important;
}
.tm-swiper.pagination-style-2 .swiper-pagination {
width: auto;
top: 50%;
right: 50px;
bottom: auto;
left: auto;
transform: translate(0, -50%);
}
.tm-swiper.pagination-style-2 .swiper-pagination-bullet {
display: block;
margin: 0;
}
.tm-swiper.pagination-style-2 .swiper-pagination-bullet + .swiper-pagination-bullet {
margin-top: 15px;
}
.tm-swiper.pagination-style-3 {
margin-bottom: 0 !important;
}
.tm-swiper.pagination-style-3 .swiper-pagination {
width: auto;
top: auto;
bottom: 48px;
right: auto;
left: 90px;
transform: none;
}
.tm-swiper.pagination-style-3 .swiper-pagination-bullet:before {
background: rgba(255, 255, 255, 0.4);
}
.tm-swiper.pagination-style-4 {
margin-bottom: 0 !important;
}
.tm-swiper.pagination-style-4 .swiper-pagination {
width: auto;
top: 50%;
right: 50px;
bottom: auto;
left: auto;
transform: translate(0, -50%);
}
.tm-swiper.pagination-style-4 .swiper-pagination-bullet {
display: block;
margin: 0;
}
.tm-swiper.pagination-style-4 .swiper-pagination-bullet + .swiper-pagination-bullet {
margin-top: 4px;
}
.tm-swiper.pagination-style-4 .swiper-pagination-bullet {
width: 60px;
}
.tm-swiper.pagination-style-4 .swiper-pagination-bullet:before {
width: 50%;
height: 3px;
border-radius: 3px;
background: #ededed;
right: 10px;
left: auto;
transform: translate(0, -50%);
}
.tm-swiper.pagination-style-4 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
width: 100%;
right: 0;
}
@media (min-width: 1400px) {
.tm-swiper.pagination-style-2 .swiper-pagination {
right: 100px;
}
}
@media (max-width: 767px) {
.tm-swiper.pagination-style-3 .swiper-pagination {
left: 30px;
bottom: 30px;
}
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
position: relative;
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
*display: inline;
}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
*display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
*display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 4s cubic-bezier(0.6, 0.3, 0.3, 1);
-moz-transition: -moz-transform 4s cubic-bezier(0.6, 0.3, 0.3, 1);
-ms-transition: -ms-transform 4s cubic-bezier(0.6, 0.3, 0.3, 1);
-o-transition: -o-transform 4s cubic-bezier(0.6, 0.3, 0.3, 1);
transition: transform 4s cubic-bezier(0.6, 0.3, 0.3, 1);
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 4s cubic-bezier(0.6, 0.3, 0.3, 1);
-moz-transition: -moz-transform 4s cubic-bezier(0.6, 0.3, 0.3, 1);
-ms-transition: -ms-transform 4s cubic-bezier(0.6, 0.3, 0.3, 1);
-o-transition: -o-transform 4s cubic-bezier(0.6, 0.3, 0.3, 1);
transition: transform 4s cubic-bezier(0.6, 0.3, 0.3, 1);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
text-align: center;
}
img.tm-lazy-load {
transition: all 1s;
width: 100%;
opacity: .5;
filter: blur(15px);
}
img.tm-lazy-load.loaded {
opacity: 1;
filter: blur(0);
width: auto;
}
.tm-lazy-load {
transition: all 1s; }
.tm-lazy-load[data-was-processed="true"] { -webkit-backface-visibility: hidden;
}
.growl.growl.growl-default {
color: #ffffff;
background: rgba(0, 0, 0, 0.9);
}
.growl.growl .growl-close {
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
margin-right: -10px;
margin-top: -6px;
}
.page-content {
padding-top: 100px;
padding-bottom: 100px;
}
.post-password-form input[type=submit] {
display: block;
margin: 30px auto 0;
}
.post-sticky {
display: none !important;
}
.post.sticky .post-sticky {
display: inline-block !important;
}
.single-post .page-main-content {
position: relative;
min-height: 1px;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
width: 100%;
}
.single-post .entry-header {
margin-bottom: 40px;
}
.single-post .entry-title {
margin: 0 0 16px;
font-size: 32px;
line-height: 1.5;
}
.single-post .post-feature {
margin-bottom: 25px;
}
.single-post .entry-content {
margin-bottom: 35px;
}
.single-post .post-thumbnail {
text-align: center;
}
.single-post .post-tags span {
margin-right: 7px;
}
.single-post .post-tags a {
display: inline-block;
padding: 3px 0;
color: inherit;
}
.single-post .post-categories {
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 3px;
margin-bottom: 13px;
}
.single-post .post-categories a {
color: inherit;
font-size: inherit;
}
.single-post .post-meta {
font-size: 14px;
}
.single-post .post-meta > * {
display: inline-block;
margin-right: 17px;
}
.single-post .post-meta [class*=ion-] {
margin-right: 7px;
}
.single-post .post-meta [class*=ion-]:before {
font-weight: 500;
}
.single-post .entry-footer .row {
margin-bottom: 45px;
}
.single-post .post-video,
.single-post .post-link,
.single-post .post-quote {
margin-bottom: 46px;
}
.single-post .post-audio {
margin-bottom: 38px;
}
.single-post .post-audio iframe {
width: 100%;
height: 165px;
border: 0;
}
.single-post .post-link {
padding: 82px 100px;
background: #f7fbfe;
font-size: 24px;
line-height: 1.5;
}
.single-post .post-link a {
word-wrap: break-word;
}
.single-post .post-quote {
position: relative;
}
.single-post .post-quote-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .7;
}
.single-post .post-quote-content {
position: relative;
padding: 63px 100px 67px;
background: url(//www.4innovation.co/wp-content/themes/atomlab/assets/images/blog-quote-icon.png) no-repeat;
background-position: 65px 35px;
}
.single-post .post-quote-text {
margin-bottom: 40px;
color: #ffffff;
font-size: 24px;
line-height: 1.5;
}
.single-post .post-quote-name {
font-size: 24px;
font-weight: 700;
}
.single-post .post-quote-name a {
color: #ffffff;
}
.single-post .format-gallery .post-feature {
margin-bottom: 77px;
}
.post-share {
display: flex;
align-items: center;
justify-content: flex-end;
}
.post-share .post-share-title {
margin-right: 13px;
}
.post-share .post-share-toggle {
position: relative;
height: 48px;
width: 48px;
line-height: 46px;
border: 2px solid #ededed;
border-radius: 50%;
text-align: center;
font-size: 24px;
cursor: pointer;
}
.post-share .post-share-toggle:hover .post-share-list {
opacity: 1;
visibility: visible;
}
.post-share .post-share-list {
visibility: hidden;
opacity: 0;
position: absolute;
top: -68px;
left: 50%;
transform: translate(-50%, 0);
width: 240px;
background: #ffffff;
filter: drop-shadow(rgba(0, 0, 0, 0.06) 0 2px 20px);
border-radius: 5px;
}
.post-share .post-share-list:after {
content: '';
position: absolute;
left: 50%;
bottom: -13px;
transform: translate(-50%, 0);
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-top: 14px solid #ffffff;
}
.post-share a {
display: inline-block;
padding: 0 10px;
font-size: 14px;
color: #cccccc;
}
.related-posts .related-title {
margin-top: 66px;
margin-bottom: 32px;
font-size: 24px;
}
.related-posts > .tm-swiper {
margin: -15px;
}
.related-posts > .tm-swiper > .swiper-pagination {
bottom: auto;
top: -39px;
left: auto;
right: 10px;
width: auto;
}
.related-posts .related-post-item {
padding: 15px;
width: 100%;
}
.related-posts .post-item-wrapper {
width: 100%;
height: 100%;
background: #ffffff;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
border-radius: 5px;
overflow: hidden;
position: relative;
}
.related-posts .post-thumbnail img {
width: 100%;
}
.related-posts .post-feature {
margin: 0;
}
.related-posts .post-quote-name a,
.related-posts .post-quote-text {
font-size: 20px;
}
.related-posts .post-quote-text {
margin-bottom: 28px;
}
.related-posts .post-quote-content {
padding: 37px 30px;
}
.related-posts .post-link {
font-size: 20px;
padding: 80px 30px;
}
.related-posts .post-info {
text-align: center;
padding: 34px 30px 100px;
}
.related-posts .post-author-meta {
flex-grow: 1;
}
.related-posts .related-post-meta {
position: absolute;
border-top: 1px solid #f3f3f3;
padding: 18px 30px;
bottom: 0;
left: 0;
right: 0;
display: flex;
}
.related-posts .related-post-meta [class*=ion] {
margin-right: 6px;
}
.related-posts .post-meta-right {
flex-shrink: 0;
justify-self: flex-end;
display: flex;
align-items: center;
}
.related-posts .post-likes {
margin-left: 20px;
}
.related-posts .related-post-title a {
display: block;
color: inherit;
font-size: 24px;
line-height: 1.5;
}
.related-posts .post-gallery {
margin-bottom: 0 !important;
}
.related-posts .post-gallery > .swiper-pagination {
bottom: 20px;
}
.entry-author {
padding: 45px 42px 40px;
}
.entry-author .author-info {
display: flex;
}
.entry-author .author-avatar {
min-width: 90px;
width: 90px;
}
.entry-author .author-avatar img {
border-radius: 50%;
}
.entry-author .author-description {
margin-left: 38px;
}
.entry-author .author-name {
margin-bottom: 3px;
font-weight: 700;
font-size: 18px;
}
.entry-author .author-biographical-info {
margin-top: 15px;
font-style: italic;
}
.entry-author .author-social-networks {
margin: 15px -10px 0;
}
.entry-author .author-social-networks a {
display: block;
float: left;
padding: 6px 10px;
font-size: 14px;
font-weight: 500;
line-height: 1;
}
@media (min-width: 544px) {
.single-post.page-has-no-sidebar .page-content > .container > .row {
justify-content: center;
}
.single-post.page-has-no-sidebar .page-main-content {
flex: 0 0 66.66666%;
max-width: 66.66666%;
}
.single-post.page-has-no-sidebar .entry-header {
text-align: center;
}
}
.single-portfolio .post-video {
margin-bottom: 93px;
}
.single-portfolio .portfolio-share {
text-align: right;
margin-bottom: 10px;
}
.single-portfolio .portfolio-share h6 {
font-size: 14px;
font-weight: 700;
letter-spacing: 3px;
color: #cccccc;
text-transform: uppercase;
display: inline-block;
margin-right: 17px;
}
.single-portfolio .portfolio-share .portfolio-sharing-list {
display: inline-block;
margin: 0 -8px;
}
.single-portfolio .portfolio-share a {
padding: 0 8px;
color: #cccccc;
font-size: 14px;
}
.single-portfolio .portfolio-title {
font-size: 40px;
line-height: 1.16;
}
.single-portfolio .about-project {
font-size: 24px;
font-weight: 700;
margin-bottom: 36px;
}
.single-portfolio .portfolio-categories {
font-weight: 700;
font-size: 14px;
letter-spacing: 3.5px;
text-transform: uppercase;
margin-bottom: 19px;
color: #cccccc;
}
.single-portfolio .portfolio-categories a {
color: inherit;
font-size: inherit;
}
.single-portfolio .portfolio-link {
margin-top: 37px;
}
.single-portfolio .tm-button-view-project {
position: relative;
padding-right: 28px;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
}
.single-portfolio .tm-button-view-project span {
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
color: #cccccc;
font-size: 16px;
font-weight: 500;
}
.single-portfolio-style-left_details .portfolio-main-info,
.single-portfolio-style-slider .portfolio-main-info {
margin-bottom: 48px;
}
.related-portfolio-title {
margin: 61px 0 34px;
text-align: center;
font-size: 24px;
}
.related-portfolio-item:hover .post-overlay {
visibility: visible;
opacity: .95;
}
.related-portfolio-item:hover .post-overlay-content {
visibility: visible;
opacity: 1;
}
.related-portfolio-item:hover .post-overlay-title,
.related-portfolio-item:hover .post-overlay-categories {
opacity: 1;
transition: .5s ease-out .3s;
transform: translateY(0);
}
.related-portfolio-item .post-overlay {
position: absolute;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
visibility: hidden;
opacity: 0;
background-color: #ffffff;
}
.related-portfolio-item .post-overlay-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
opacity: 0;
}
.related-portfolio-item .post-overlay-content-inner {
display: table;
width: 100%;
height: 100%;
text-align: center;
}
.related-portfolio-item .post-overlay-info {
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 30px;
}
.related-portfolio-item .post-overlay-categories {
opacity: 0;
transition: .3s ease-out 0s;
transform: translateY(20px);
font-size: 14px;
font-weight: 700;
letter-spacing: 3.5px;
text-transform: uppercase;
color: #cccccc;
}
.related-portfolio-item .post-overlay-title {
opacity: 0;
transition: .3s ease-out 0s;
transform: translateY(-20px);
font-size: 24px;
font-weight: 700;
line-height: 1.16;
margin-bottom: 10px;
}
.related-portfolio-item .post-overlay-title a {
color: inherit;
}
.single-portfolio-style-left_details .portfolio-feature {
margin-bottom: 30px;
}
.single-portfolio-style-left_details .portfolio-details-content {
margin-top: -8px;
margin-bottom: 61px;
}
.single-portfolio-style-slider .portfolio-feature,
.single-portfolio-style-flat .portfolio-feature,
.single-portfolio-style-fullscreen .portfolio-feature {
margin-bottom: 66px;
}
.single-portfolio-style-slider .portfolio-details-list,
.single-portfolio-style-flat .portfolio-details-list,
.single-portfolio-style-fullscreen .portfolio-details-list {
margin: -52px -15px 0;
}
.single-portfolio-style-slider .portfolio-details-list li,
.single-portfolio-style-flat .portfolio-details-list li,
.single-portfolio-style-fullscreen .portfolio-details-list li {
width: 50%;
padding: 0 15px;
float: left;
margin-top: 52px !important;
}
.single-portfolio-style-flat .portfolio-feature {
text-align: center;
}
.single-portfolio-style-flat .portfolio-share {
text-align: left;
margin: 40px 0 0;
}
.single-portfolio-style-flat .portfolio-main-info {
margin-bottom: 78px;
text-align: center;
}
.single-portfolio-style-fullscreen { }
.single-portfolio-style-fullscreen .portfolio-main-info,
.single-portfolio-style-fullscreen .portfolio-gallery {
height: 100vh;
width: 50vw;
float: left;
}
.single-portfolio-style-fullscreen .inner {
position: relative;
}
.single-portfolio-style-fullscreen .portfolio-title {
margin-bottom: 38px;
}
.single-portfolio-style-fullscreen .post-share {
position: absolute;
top: 0;
right: 0;
}
.single-portfolio-style-fullscreen .portfolio-details-content {
margin-bottom: 49px;
}
.single-portfolio-style-fullscreen .portfolio-details-list {
max-width: 600px;
}
.single-portfolio-style-fullscreen .portfolio-link {
margin-top: 82px;
}
.single-portfolio-style-fullscreen #portfolio-main-info-wrap {
padding: 50px 40px 50px 40px;
}
.single-portfolio-style-fullscreen .content-wrapper {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
}
.single-portfolio-style-fullscreen .tm-swiper,
.single-portfolio-style-fullscreen .swiper-container {
height: 100%;
}
.single-portfolio-style-fullscreen .swiper-slide {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.single-portfolio-style-fullscreen.admin-bar .content-wrapper {
top: 32px;
height: calc(100vh - 32px);
}
.portfolio-details-list {
margin: 0;
padding: 0;
font-size: 16px;
}
.portfolio-details-list::after {
content: "";
display: table;
clear: both;
}
.portfolio-details-list li {
list-style-type: none;
}
.portfolio-details-list li + li {
margin-top: 32px;
}
.portfolio-details-list label,
.portfolio-details-list span {
display: block;
}
.portfolio-details-list label {
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
letter-spacing: 3px;
margin-bottom: 10px;
}
.portfolio-details-gallery img + img {
margin-top: 30px;
}
.portfolio-details-gallery .gallery-item {
position: relative;
}
.portfolio-details-gallery .gallery-item:hover .overlay {
visibility: visible;
opacity: .9;
}
.portfolio-details-gallery .gallery-item img {
width: 100%;
}
.portfolio-details-gallery .overlay {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
width: 100%;
height: 100%;
opacity: 0;
}
.portfolio-details-gallery .overlay > div {
position: absolute;
top: 50%;
left: 50%;
color: #ffffff;
font-size: 32px;
transform: translate(-50%, -50%);
}
.return-prev-page {
position: fixed;
top: 50px;
right: 40px;
z-index: 999;
width: 50px;
height: 50px;
cursor: pointer;
}
.return-prev-page:before, .return-prev-page:after {
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 2px;
background: #ffffff;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
content: '';
}
.return-prev-page:before {
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.return-prev-page:after {
transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
@media (min-width: 1400px) {
.single-portfolio-style-fullscreen #portfolio-main-info-wrap {
padding: 100px 140px 100px 150px;
}
}
@media (max-width: 991px) {
.single-portfolio .portfolio-title {
font-size: 36px;
}
}
@media (max-width: 767px) {
.single-portfolio .portfolio-title {
font-size: 28px;
}
.single-portfolio-style-fullscreen .portfolio-details-list li,
.single-portfolio-style-flat .portfolio-details-list li,
.single-portfolio-style-slider .portfolio-details-list li {
width: 100%;
float: none;
}
}
.search-results .page-main-content .search-form,
.search-no-results .page-main-content .search-form {
position: relative;
}
.search-results .page-main-content .search-form .search-submit,
.search-no-results .page-main-content .search-form .search-submit {
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: 20px;
border: 0;
padding: 0;
font-size: 21px;
background: transparent;
color: #454545;
}
.search-results .page-main-content .search-form .search-btn-text,
.search-no-results .page-main-content .search-form .search-btn-text {
display: none;
}
.search-page-search-form {
background: #ffffff;
border: 1px solid #eeeeee;
padding: 30px;
margin-bottom: 30px;
}
.search-no-results .no-results {
background: #ffffff;
padding: 45px 30px 60px;
border: 1px solid #eeeeee;
}
.search-no-results .no-results .page-title {
margin-bottom: 21px;
}
.search-no-results .no-results .search-no-results-text {
margin-bottom: 30px;
}
.error404 .content-wrapper {
height: 100%;
display: table;
width: 100%;
text-align: center;
}
.error404 .branding__logo a {
float: none;
}
.error404--header {
position: absolute;
right: 0;
left: 0;
top: 0;
padding: 30px 0;
}
.admin-bar .error404--header {
top: 32px;
}
.error404--content-wrap {
padding: 50px 0;
display: table-cell;
vertical-align: middle;
}
.error404--title {
font-size: 56px;
line-height: 1.28;
margin: 20px 0 38px;
}
@media (max-width: 991px) {
.error404--title {
font-size: 46px;
}
}
@media (max-width: 767px) {
.error404--header {
padding: 0;
}
.error404--title {
font-size: 36px;
}
}
@media (max-width: 543px) {
.error404--title {
font-size: 26px;
}
}
.page-template-maintenance .maintenance-page {
display: flex;
justify-content: center;
background: #0b88ee;
background: linear-gradient(to right, #0b88ee 20%, #2ac3db 100%);
}
.page-template-maintenance .maintenance-body {
width: 100%;
max-width: 1200px;
display: flex;
align-items: center;
z-index: 2;
}
.maintenance-svg {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
line-height: 0;
}
.maintenance-svg svg {
height: 440px;
width: 100%;
fill: #ffffff;
}
.left-content,
.right-content {
width: 50%;
padding: 15px;
flex-shrink: 0;
}
.left-content {
align-self: center;
}
.right-content {
align-self: flex-end;
margin-bottom: 130px;
text-align: right;
}
.right-content .photo {
margin-right: -200px;
}
.maintenance-title {
font-size: 56px;
margin-bottom: 23px;
color: #ffffff;
}
.maintenance-text {
color: #ffffff;
font-size: 16px;
line-height: 1.75;
margin-bottom: 79px;
}
.maintenance-progress-wrap {
width: 100%;
margin-bottom: 52px;
}
.maintenance-progress-labels {
color: #ffffff;
font-size: 18px;
margin-bottom: 13px;
}
.maintenance-progress-labels .text {
float: left;
}
.maintenance-progress-labels .number {
float: right;
}
.maintenance-progress {
position: absolute;
top: 0;
left: 0;
height: 100%;
background-color: #ffffff;
border-radius: 20px;
}
.maintenance-progress:before {
content: '';
width: 20px;
height: 20px;
border-radius: 50%;
position: absolute;
top: 50%;
right: -1px;
margin-top: -10px;
background: inherit;
}
.maintenance-progress-bar {
width: 100%;
position: relative;
height: 6px;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 20px;
}
@media (min-width: 1400px) {
.right-content {
margin-left: 90px;
}
}
@media (max-width: 991px) {
.maintenance-title {
font-size: 46px;
}
.right-content .photo {
margin-right: 0;
}
}
@media (max-width: 767px) {
.right-content {
align-self: auto;
margin-bottom: 0;
}
.maintenance-title {
font-size: 36px;
}
.maintenance-svg svg {
height: 200px;
}
}
@media (max-width: 543px) {
.left-content {
width: 100%;
}
.right-content {
display: none;
}
}
.page-template-coming-soon-01 {
overflow: hidden;
}
.page-template-coming-soon-01 .maintenance-page {
text-align: center;
height: 100%;
}
.page-template-coming-soon-01 .content-wrapper > .container {
padding-top: 100px;
}
.page-template-coming-soon-01 .content-wrapper > .container > .row {
padding-bottom: 100px;
}
.page-template-coming-soon-01 .cs-title {
font-size: 40px;
color: #fff;
margin-bottom: 68px;
}
.page-template-coming-soon-01 .cs-countdown {
margin-bottom: 85px;
}
.page-template-coming-soon-01 .cs-countdown .countdown-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.page-template-coming-soon-01 .cs-countdown .countdown-wrap > div {
padding: 0 43px;
}
.page-template-coming-soon-01 .cs-countdown .number {
color: #fff;
display: block;
font-size: 100px;
line-height: 1;
font-weight: 700;
text-shadow: 7px 2px 0 rgba(255, 255, 255, 0.2);
margin-bottom: 15px;
}
.page-template-coming-soon-01 .cs-countdown .text {
color: rgba(255, 255, 255, 0.7);
font-size: 16px;
font-weight: 700;
letter-spacing: 3.43px;
text-transform: uppercase;
}
.page-template-coming-soon-01 #maintenance-wrap .mc4wp-form {
position: relative;
border-radius: 5px;
overflow: hidden;
max-width: 570px;
margin: 0 auto;
}
.page-template-coming-soon-01 #maintenance-wrap .mc4wp-form input[type=email] {
background: rgba(69, 69, 69, 0.1);
padding: 3px 155px 3px 20px;
border: 0;
color: #fff;
}
.page-template-coming-soon-01 #maintenance-wrap .mc4wp-form input[type=email]::-webkit-input-placeholder {
color: inherit;
}
.page-template-coming-soon-01 #maintenance-wrap .mc4wp-form input[type=email]:-moz-placeholder { color: inherit;
}
.page-template-coming-soon-01 #maintenance-wrap .mc4wp-form input[type=email]::-moz-placeholder { color: inherit;
}
.page-template-coming-soon-01 #maintenance-wrap .mc4wp-form input[type=email]:-ms-input-placeholder {
color: inherit;
}
.page-template-coming-soon-01 #maintenance-wrap .mc4wp-form .form-submit {
position: absolute;
top: 0;
right: 0;
padding: 0 31px;
border-radius: 0;
background: #fff;
border-color: #fff;
}
@media (max-width: 991px) {
.page-template-coming-soon-01 .cs-title {
font-size: 30px;
margin-bottom: 40px;
}
.page-template-coming-soon-01 .cs-countdown {
margin-bottom: 55px;
}
.page-template-coming-soon-01 .cs-countdown .number {
font-size: 70px;
}
}
@media (max-width: 767px) {
.page-template-coming-soon-01 .cs-countdown .countdown-wrap > div {
padding: 0 20px;
}
.page-template-coming-soon-01 .cs-countdown .number {
font-size: 50px;
}
}
@media (max-width: 543px) {
.page-template-coming-soon-01 {
overflow: visible;
}
.page-template-coming-soon-01 .cs-countdown .countdown-wrap > div {
padding: 0 10px;
}
.page-template-coming-soon-01 .cs-countdown .number {
font-size: 30px;
}
.page-template-coming-soon-01 .cs-countdown .countdown-wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
}
.page-template-coming-soon-01 #maintenance-wrap .mc4wp-form .form-submit {
display: block;
position: relative;
top: auto;
right: auto;
border-radius: 5px;
}
}
.page-template-coming-soon-02 {
overflow: hidden;
}
.page-template-coming-soon-02 .maintenance-page {
text-align: center;
height: 100%;
}
.page-template-coming-soon-02 .content-wrapper > .container {
padding-top: 100px;
}
.page-template-coming-soon-02 .content-wrapper > .container > .row {
padding-bottom: 100px;
}
.page-template-coming-soon-02 .cs-title {
font-size: 40px;
margin-bottom: 68px;
}
.page-template-coming-soon-02 .cs-countdown {
margin-bottom: 85px;
}
.page-template-coming-soon-02 .cs-countdown .countdown-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.page-template-coming-soon-02 .cs-countdown .countdown-wrap > div {
padding: 0 43px;
}
.page-template-coming-soon-02 .cs-countdown .number {
display: block;
font-size: 100px;
line-height: 1;
font-weight: 700;
text-shadow: 7px 2px 0 rgba(255, 255, 255, 0.2);
margin-bottom: 15px;
}
.page-template-coming-soon-02 .cs-countdown .text {
color: rgba(171, 171, 171, 0.7);
font-size: 16px;
font-weight: 700;
letter-spacing: 3.43px;
text-transform: uppercase;
}
.page-template-coming-soon-02 #maintenance-wrap .mc4wp-form {
position: relative;
border-radius: 5px;
overflow: hidden;
max-width: 570px;
margin: 0 auto;
box-shadow: 0 0 41px rgba(0, 0, 0, 0.03);
}
.page-template-coming-soon-02 #maintenance-wrap .mc4wp-form input[type=email] {
background: #fff;
border-color: #f5f5f5;
padding: 3px 155px 3px 20px;
}
.page-template-coming-soon-02 #maintenance-wrap .mc4wp-form .form-submit {
position: absolute;
top: 0;
right: 0;
padding: 0 31px;
border-radius: 0;
color: #fff;
}
@media (max-width: 991px) {
.page-template-coming-soon-02 .cs-title {
font-size: 30px;
margin-bottom: 40px;
}
.page-template-coming-soon-02 .cs-countdown {
margin-bottom: 55px;
}
.page-template-coming-soon-02 .cs-countdown .number {
font-size: 70px;
}
}
@media (max-width: 767px) {
.page-template-coming-soon-02 .cs-countdown .countdown-wrap > div {
padding: 0 20px;
}
.page-template-coming-soon-02 .cs-countdown .number {
font-size: 50px;
}
}
@media (max-width: 543px) {
.page-template-coming-soon-02 {
overflow: visible;
}
.page-template-coming-soon-02 .cs-countdown .countdown-wrap > div {
padding: 0 10px;
}
.page-template-coming-soon-02 .cs-countdown .number {
font-size: 30px;
}
.page-template-coming-soon-02 .cs-countdown .countdown-wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
}
.page-template-coming-soon-02 #maintenance-wrap .mc4wp-form .form-submit {
display: block;
position: relative;
top: auto;
right: auto;
border-radius: 5px;
}
} html.fp-enabled,
.fp-enabled body {
overflow: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#superContainer {
height: 100%;
position: relative; -ms-touch-action: none; touch-action: none;
}
.fp-section {
position: relative;
box-sizing: border-box;
}
.fp-slide {
float: left;
}
.fp-slide, .fp-slidesContainer {
height: 100%;
display: block;
}
.fp-slides {
z-index: 1;
height: 100%;
overflow: hidden;
position: relative;
transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
display: table;
table-layout: fixed;
width: 100%;
}
.fp-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
.fp-slidesContainer {
float: left;
position: relative;
}
.fp-controlArrow {
user-select: none;
position: absolute;
z-index: 4;
top: 50%;
cursor: pointer;
width: 0;
height: 0;
border-style: solid;
margin-top: -38px;
transform: translate3d(0, 0, 0);
}
.fp-controlArrow.fp-prev {
left: 15px;
width: 0;
border-width: 38.5px 34px 38.5px 0;
border-color: transparent #ffffff transparent transparent;
}
.fp-controlArrow.fp-next {
right: 15px;
border-width: 38.5px 0 38.5px 34px;
border-color: transparent transparent transparent #ffffff;
}
.fp-scrollable {
overflow: scroll;
}
.fp-notransition {
-webkit-transition: none !important;
transition: none !important;
}
.fp-slidesNav {
position: absolute;
z-index: 4;
left: 50%;
opacity: 1;
}
.fp-slidesNav.bottom {
bottom: 17px;
}
.fp-slidesNav.top {
top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
margin: 0;
padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
display: block;
width: 16px;
height: 16px;
margin: 12px 7px;
position: relative;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
border-radius: 100%;
position: absolute;
z-index: 1;
height: 50%;
width: 50%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: all 0.1s ease-in-out;
background: #eeeeee;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
width: 100%;
height: 100%;
}
#fp-nav {
position: fixed;
z-index: 100;
margin-top: -32px;
top: 50%;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
}
#fp-nav.right {
right: 90px;
}
#fp-nav.left {
left: 90px;
}
.page-template-one-page-scroll[data-row-skin="light"] #fp-nav ul li a {
color: #ffffff;
}
.page-template-one-page-scroll[data-row-skin="light"] #fp-nav ul li span {
border-color: #ffffff;
}
.page-template-one-page-scroll[data-row-skin="dark"] #fp-nav ul li span {
border-color: #e6e8ee;
}
#fp-nav ul li .fp-tooltip {
position: absolute;
top: 50%;
color: #ffffff;
font-size: 13px;
white-space: nowrap;
max-width: 220px;
overflow: hidden;
display: block;
opacity: 0;
width: 0;
cursor: pointer;
transform: translateY(-50%);
}
#fp-nav ul li .fp-tooltip.right {
right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
left: 30px;
}
#fp-nav ul li:hover .fp-tooltip {
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
width: auto;
opacity: 1;
}
#fp-nav.fp-show-active a.active + .fp-tooltip {
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
width: auto;
opacity: 1;
}
.fp-slidesNav ul li {
display: inline-block;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
height: auto !important;
}
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
height: auto !important;
}
.fp-scrollable {
overflow: hidden;
}
.fp-scrollable .fp-scroller {
overflow: hidden;
}
.one-page-scroll.tm-enable-onepage-animation > .vc-row-wrapper,
.one-page-scroll.tm-enable-onepage-animation > .vc_vc_row {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
background-color: #ffffff;
backface-visibility: hidden;
transform-style: preserve-3d;
z-index: 1;
}
.one-page-scroll.tm-enable-onepage-animation > .vc-row-wrapper.active,
.one-page-scroll.tm-enable-onepage-animation > .vc_vc_row.active {
z-index: 10;
}
.one-page-scroll.tm-enable-onepage-animation > .vc-row-wrapper:not(.active):not(.fp-completely),
.one-page-scroll.tm-enable-onepage-animation > .vc_vc_row:not(.active):not(.fp-completely) {
top: 100%;
pointer-events: none;
visibility: hidden;
}
.fp-enabled .vc_row.vc_row-outer {
margin-left: 0;
margin-right: 0;
}
.fp-enabled .fp-table {
display: table !important;
}
.fp-enabled .section-full-wide .wpb_row {
width: 100%;
}
.fp-enabled .wpb_row {
width: 1200px;
max-width: 100%;
margin: 0 auto;
position: relative;
}
.fp-enabled .wpb_row:before, .fp-enabled .wpb_row:after {
content: " ";
display: table;
}
.fp-enabled .wpb_row:after {
clear: both;
}
.fp-enabled .vc_row.vc_row-o-content-middle:not(.vc_row-o-equal-height) .wpb_row > .vc_column_container {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.fp-enabled .vc_row.vc_row-o-content-middle .wpb_row > .vc_column_container > .vc_column-inner {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.fp-enabled .vc_row.vc_row-flex .wpb_row {
box-sizing: border-box;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.fp-enabled .vc_row.vc_row-flex .wpb_row > .vc_column_container {
display: flex;
}
.fp-enabled .vc_row.vc_row-flex .wpb_row > .vc_column_container > .vc_column-inner {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.fp-enabled .site {
position: relative;
left: 0;
overflow: hidden;
-webkit-transition: -webkit-transform .3s ease-in-out;
-moz-transition: -moz-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
}
.fp-enabled .page-template-one-page-scroll #page-content,
.fp-enabled .page-template-one-page-scroll #page-footer-wrapper {
position: relative;
z-index: 2;
transition: transform .6s ease;
}
.fp-enabled .page-template-one-page-scroll.tm-one-page-footer-expanded #page-content {
transform: translateY(-50px);
}
.fp-enabled .page-template-one-page-scroll.tm-one-page-footer-expanded #page-footer-wrapper {
transform: translateY(-100%);
}
.fp-enabled .page-template-one-page-scroll .main-logo {
display: none;
}
.fp-enabled .page-template-one-page-scroll[data-row-skin="light"] .onepage-pagination a {
color: #ffffff;
}
.fp-enabled .page-template-one-page-scroll[data-row-skin="light"] .page-open-mobile-menu i,
.fp-enabled .page-template-one-page-scroll[data-row-skin="light"] .page-open-main-menu i,
.fp-enabled .page-template-one-page-scroll[data-row-skin="light"] .popup-search-wrap i,
.fp-enabled .page-template-one-page-scroll[data-row-skin="light"] .mini-cart .mini-cart-icon {
color: #ffffff !important;
}
.fp-enabled .page-template-one-page-scroll[data-row-skin="light"] .light-logo {
display: inline-block;
}
.fp-enabled .page-template-one-page-scroll[data-row-skin="light"] .dark-logo {
display: none;
}
.fp-enabled .page-template-one-page-scroll[data-row-skin="light"] .menu--primary > ul > li > a {
color: #fff !important;
}
.fp-enabled .page-template-one-page-scroll[data-row-skin="dark"] .onepage-pagination a {
color: inherit;
}
.fp-enabled .page-template-one-page-scroll[data-row-skin="dark"] .page-open-mobile-menu i,
.fp-enabled .page-template-one-page-scroll[data-row-skin="dark"] .page-open-main-menu i,
.fp-enabled .page-template-one-page-scroll[data-row-skin="dark"] .popup-search-wrap i,
.fp-enabled .page-template-one-page-scroll[data-row-skin="dark"] .mini-cart .mini-cart-icon {
color: #222222 !important;
}
.fp-enabled .page-template-one-page-scroll[data-row-skin="dark"] .light-logo {
display: none;
}
.fp-enabled .page-template-one-page-scroll[data-row-skin="dark"] .dark-logo {
display: inline-block;
}
.fp-enabled .page-template-one-page-scroll[data-row-skin="dark"] .menu--primary > ul > li > a {
color: #222 !important;
}
@media (max-width: 767px) {
#fp-nav.right {
right: 40px;
}
#fp-nav.left {
left: 40px;
}
}
@media (max-width: 543px) {
#fp-nav.right {
right: 20px;
}
#fp-nav.left {
left: 20px;
}
} .tm-grid-wrapper .tm-filter-button-group {
padding-bottom: 72px;
}
.tm-grid-wrapper .tm-filter-button-group.right {
text-align: right;
}
.tm-grid-wrapper .tm-filter-button-group.center {
text-align: center;
}
.tm-grid-wrapper .tm-filter-button-group.show-filter-counter {
padding-top: 35px;
}
.tm-grid-wrapper .tm-filter-button-group-inner {
margin: -6px;
}
.tm-grid-wrapper .btn-filter {
position: relative;
display: inline-block;
padding: 6px;
font-size: 18px;
}
.tm-grid-wrapper .btn-filter:hover .filter-counter {
top: -35px;
visibility: visible;
opacity: 1;
}
.tm-grid-wrapper .btn-filter.current .filter-text, .tm-grid-wrapper .btn-filter:hover .filter-text {
color: #ffffff;
}
.tm-grid-wrapper .filter-text {
padding: 8px 15px;
text-transform: uppercase;
background: #f8f8f8;
border-radius: 5px;
font-size: 14px;
letter-spacing: 2px;
font-weight: 700;
}
.tm-grid-wrapper .filter-counter {
position: absolute;
top: -20px;
left: 50%;
visibility: hidden;
margin: 0 auto;
min-width: 34px;
height: 24px;
line-height: 27px;
border-radius: 3px;
font-size: 12px;
background-color: #4d4c4d;
color: #ffffff;
text-align: center;
opacity: 0;
transform: translate(-50%, 0);
}
.tm-grid-wrapper .filter-counter:before {
position: absolute;
right: 0;
bottom: -4px;
left: 0;
display: block;
margin: 0 auto;
width: 0;
height: 0;
border-top: 4px solid #4d4c4d;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
}
.tm-grid-wrapper.style-4 .grid-item {
overflow: hidden;
}
.modern-grid {
display: grid;
}
.grid-width-2 {
grid-column: span 2;
}
.grid-height-2 {
grid-row: span 2;
}
.tm-loader {
display: none;
border: 3px solid #f3f3f3;
border-top: 3px solid #979797;
border-radius: 50%;
width: 68px;
height: 68px;
animation: spin 1.2s linear infinite;
margin-bottom: 30px;
}
.tm-grid-loadmore-btn {
min-width: 180px;
margin-top: 20px;
}
.tm-grid-messages {
margin: 50px 0;
text-align: center;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.tm-grid.has-animation .grid-item {
opacity: 0;
}
.tm-grid.fade-in .animate {
-webkit-animation: fadeIn 0.95s ease forwards;
animation: fadeIn .95s ease forwards;
}
.tm-grid.move-up .animate {
-webkit-transform: translateY(100px);
transform: translateY(100px);
-webkit-animation: moveVertical 0.65s ease forwards;
animation: moveVertical 0.65s ease forwards;
}
.tm-grid.move-down .animate {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-animation: moveVertical 0.65s ease forwards;
animation: moveVertical 0.65s ease forwards;
}
.tm-grid.move-left .animate {
-webkit-transform: translateX(100px);
transform: translateX(100px);
-webkit-animation: moveHorizontal 0.65s ease forwards;
animation: moveHorizontal 0.65s ease forwards;
}
.tm-grid.move-right .animate {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
-webkit-animation: moveHorizontal 0.65s ease forwards;
animation: moveHorizontal 0.65s ease forwards;
}
.tm-grid.scale-up .animate {
-webkit-transform: scale(0.6);
transform: scale(0.6);
-webkit-animation: scaleUp 0.65s ease-in-out forwards;
animation: scaleUp 0.65s ease-in-out forwards;
}
.tm-grid.fall-perspective {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.tm-grid.fall-perspective .animate {
-webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
transform: translateZ(400px) translateY(300px) rotateX(-90deg);
-webkit-animation: fallPerspective .8s ease-in-out forwards;
animation: fallPerspective .8s ease-in-out forwards;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.tm-grid.fly {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.tm-grid.fly .animate {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transform-origin: 50% 50% -300px;
transform-origin: 50% 50% -300px;
-webkit-animation: fly .8s ease-in-out forwards;
animation: fly .8s ease-in-out forwards;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.tm-grid.flip .animate {
-webkit-transform: rotateX(-80deg);
transform: rotateX(-80deg);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-animation: flip .8s ease-in-out forwards;
animation: flip .8s ease-in-out forwards;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.tm-grid.helix {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.tm-grid.helix .animate {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-animation: helix .8s ease-in-out forwards;
animation: helix .8s ease-in-out forwards;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.tm-grid.pop-up {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.tm-grid.pop-up .animate {
-webkit-transform: scale(0.4);
transform: scale(0.4);
-webkit-animation: popUp .8s ease-in forwards;
animation: popUp .8s ease-in forwards;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.tm-blog .tm-filter-button-group {
padding-bottom: 93px;
}
.tm-blog .btn-filter {
font-size: 16px;
font-weight: 500;
}
.tm-blog .post-item {
box-sizing: border-box;
word-wrap: break-word;
}
.tm-blog .format-gallery .swiper-pagination {
bottom: 27px;
}
.tm-blog .format-gallery .swiper-pagination .swiper-pagination-bullet:before {
background: #fff;
}
.tm-blog .post-title a {
color: inherit;
font-size: inherit;
}
.tm-blog .post-categories {
font-size: 14px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
}
.tm-blog .post-categories a {
color: inherit;
font-size: inherit;
}
.tm-blog .post-audio {
margin-bottom: -8px;
}
.tm-blog .post-audio iframe {
width: 100%;
height: 145px;
border: 0;
}
.tm-blog .post-link {
margin-bottom: 14px;
}
.tm-blog .post-link a {
letter-spacing: -.02em;
font-size: 20px;
line-height: 1.2;
}
.tm-blog .post-quote {
padding: 55px 35px 47px;
background: url(//www.4innovation.co/wp-content/themes/atomlab/assets/images/blog-quote-icon.png) no-repeat;
background-position: top 0 right 2px;
}
.tm-blog .post-quote .post-quote-text {
margin-bottom: 18px;
color: #fff;
font-weight: 500;
font-size: 22px;
line-height: 1.3;
}
.tm-blog .post-quote .post-quote-name {
position: relative;
padding-left: 40px;
letter-spacing: -.02em;
font-style: italic;
font-size: 16px;
}
.tm-blog .post-quote .post-quote-name:before {
position: absolute;
top: 50%;
left: 0;
display: block;
width: 29px;
height: 1px;
background-color: #fff;
content: '';
}
.tm-blog .post-quote .post-quote-name a {
color: #fff;
}
.tm-blog .post-excerpt p:last-child {
margin-bottom: 0;
}
.tm-blog.style-list .post-item {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #ededed;
}
.tm-blog.style-list .post-thumbnail {
position: relative;
text-align: center;
}
.tm-blog.style-list .post-feature {
margin-bottom: 25px;
}
.tm-blog.style-list .post-title {
margin-bottom: 10px;
font-size: 24px;
line-height: 1.5;
}
.tm-blog.style-list .post-meta {
margin-bottom: 23px;
font-size: 14px;
}
.tm-blog.style-list .post-meta > * {
display: inline-block;
margin-right: 17px;
}
.tm-blog.style-list .post-meta [class*=ion-] {
margin-right: 7px;
}
.tm-blog.style-list .post-meta [class*=ion-]:before {
font-weight: 500;
}
.tm-blog.style-list .post-categories {
margin-bottom: 13px;
}
.tm-blog.style-list .post-date {
font-size: inherit;
}
.tm-blog.style-list .post-excerpt {
margin-bottom: 37px;
}
.tm-blog.style-list .post-footer {
display: flex;
align-items: center;
}
.tm-blog.style-list .post-footer-left {
flex-grow: 1;
}
.tm-blog.style-list .post-footer-right {
flex-shrink: 0;
}
.tm-blog.style-small_image_list .post-item {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #ededed;
}
.tm-blog.style-small_image_list .post-item-wrap {
display: flex;
}
.tm-blog.style-small_image_list .post-thumbnail {
position: relative;
text-align: center;
width: 300px;
padding-right: 30px;
flex-shrink: 0;
max-width: 50%;
}
.tm-blog.style-small_image_list .post-info {
position: relative;
flex-grow: 1;
}
.tm-blog.style-small_image_list .post-title {
margin-bottom: 10px;
font-size: 24px;
line-height: 1.5;
}
.tm-blog.style-small_image_list .post-meta {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
font-size: 14px;
}
.tm-blog.style-small_image_list .post-meta > * {
display: inline-block;
margin-right: 17px;
}
.tm-blog.style-small_image_list .post-meta [class*=ion-] {
margin-right: 7px;
}
.tm-blog.style-small_image_list .post-meta [class*=ion-]:before {
font-weight: 500;
}
.tm-blog.style-small_image_list .post-categories {
margin-top: -5px;
margin-bottom: 13px;
}
.tm-blog.style-small_image_list .post-date {
font-size: inherit;
}
.tm-blog.style-small_image_list .post-excerpt {
margin-bottom: 55px;
}
.tm-blog.style-grid_classic .post-wrapper, .tm-blog.style-grid_masonry .post-wrapper {
background: #fff;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
border-radius: 5px;
height: 100%;
overflow: hidden;
}
.tm-blog.style-grid_classic .post-wrapper:hover, .tm-blog.style-grid_masonry .post-wrapper:hover {
box-shadow: 0 2px 47px rgba(0, 0, 0, 0.17);
transform: translateY(-10px);
}
.tm-blog.style-grid_classic .post-feature img, .tm-blog.style-grid_masonry .post-feature img {
width: 100%;
}
.tm-blog.style-grid_classic .post-info, .tm-blog.style-grid_masonry .post-info {
padding: 34px 30px 90px;
}
.tm-blog.style-grid_classic .post-categories, .tm-blog.style-grid_masonry .post-categories {
margin-bottom: 13px;
text-align: center;
}
.tm-blog.style-grid_classic .post-link, .tm-blog.style-grid_masonry .post-link {
padding: 50px 30px;
text-align: center;
}
.tm-blog.style-grid_classic .post-link a, .tm-blog.style-grid_masonry .post-link a {
color: #fff;
}
.tm-blog.style-grid_classic .post-title, .tm-blog.style-grid_masonry .post-title {
text-align: center;
margin-bottom: 10px;
font-size: 24px;
line-height: 1.5;
}
.tm-blog.style-grid_classic .post-meta, .tm-blog.style-grid_masonry .post-meta {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: flex;
padding: 18px 30px;
border-top: 1px solid #f3f3f3;
}
.tm-blog.style-grid_classic .post-meta-left, .tm-blog.style-grid_masonry .post-meta-left {
flex-grow: 1;
}
.tm-blog.style-grid_classic .post-meta-right, .tm-blog.style-grid_masonry .post-meta-right {
display: flex;
flex-shrink: 0;
}
.tm-blog.style-grid_classic .post-likes, .tm-blog.style-grid_masonry .post-likes {
margin-left: 25px;
}
.tm-blog.style-grid_classic .post-view span, .tm-blog.style-grid_masonry .post-view span {
margin-right: 6px;
}
.tm-blog.style-grid_classic .sl-icon, .tm-blog.style-grid_masonry .sl-icon {
margin-right: 10px;
}
.tm-blog.style-carousel .post-item {
overflow: hidden;
padding: 55px 35px 198px;
border: 1px solid #eee;
background: #fff;
}
.tm-blog.style-carousel .post-item:hover .post-title {
color: #fff;
}
.tm-blog.style-carousel .post-item:hover .post-footer {
border-color: rgba(238, 238, 238, 0.2);
}
.tm-blog.style-carousel .post-item:hover .post-read-more .btn-text {
color: #fff;
}
.tm-blog.style-carousel .post-item:hover .post-date {
color: #fff;
}
.tm-blog.style-carousel .post-item:hover .post-overlay {
visibility: visible;
opacity: .9;
}
.tm-blog.style-carousel .post-item:hover .post-feature {
visibility: visible;
opacity: 1;
}
.tm-blog.style-carousel .post-item:hover .post-excerpt {
color: #fff;
}
.tm-blog.style-carousel .post-title {
margin-bottom: 15px;
letter-spacing: -.02em;
font-weight: 500;
font-size: 26px;
line-height: 1.2;
}
.tm-blog.style-carousel .post-meta {
margin-bottom: 20px;
font-size: 14px;
}
.tm-blog.style-carousel .post-meta > div {
display: inline-block;
}
.tm-blog.style-carousel .post-categories a {
color: inherit;
font-weight: 500;
font-size: inherit;
}
.tm-blog.style-carousel .post-date {
font-size: inherit;
}
.tm-blog.style-carousel .post-footer {
position: absolute;
right: 35px;
bottom: 0;
left: 35px;
padding: 29px 0;
border-top: 1px solid #eee;
}
.tm-blog.style-carousel .post-feature {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
visibility: hidden;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
opacity: 0;
}
.tm-blog.style-carousel .post-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
}
.tm-blog.style-metro .post-item {
overflow: hidden;
}
.tm-blog.style-metro .post-item:hover .post-thumbnail {
transform: scale3d(1.15, 1.15, 1.15);
}
.tm-blog.style-metro .post-thumbnail {
transition: all 1s cubic-bezier(0, 0, 0.2, 1);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.tm-blog.style-metro .post-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.tm-blog.style-metro .post-info {
position: absolute;
bottom: 0;
left: 0;
padding: 0 55px 48px;
width: 100%;
}
.tm-blog.style-metro .post-title {
margin-bottom: 4px;
color: #fff;
letter-spacing: -.02em;
font-weight: 600;
font-size: 20px;
line-height: 1.2;
}
.tm-blog.style-metro .post-meta {
color: #fff;
font-size: 14px;
}
.tm-blog.style-metro .post-meta > div {
display: inline-block;
}
.tm-blog.style-metro .post-categories a {
color: inherit;
font-weight: 500;
font-size: inherit;
}
.tm-blog.style-metro .post-categories a:hover {
color: #fff;
}
.tm-blog.style-metro .post-date {
color: inherit;
font-size: inherit;
}
.tm-blog.style-metro .post-footer {
position: absolute;
right: 55px;
bottom: 0;
left: 55px;
padding: 15px 0 19px;
border-top: 1px solid rgba(238, 238, 238, 0.2);
text-align: right;
}
.tm-blog.style-metro .post-read-more .btn-text {
color: #fff;
}
.tm-blog.style-magazine .modern-grid {
grid-gap: 30px;
grid-template-columns: repeat(2, 1fr);
}
.tm-blog.style-magazine .first-item .post-wrapper {
margin-bottom: 10px;
}
.tm-blog.style-magazine .first-item .post-title {
font-size: 34px;
}
.tm-blog.style-magazine .post-thumbnail {
margin-bottom: 20px;
}
.tm-blog.style-magazine .post-thumbnail img {
width: 100%;
border-radius: 8px;
}
.tm-blog.style-magazine .post-categories {
font-size: 14px;
margin-bottom: 16px;
}
.tm-blog.style-magazine .post-categories a {
display: inline-block;
padding: 1px 11px;
background: #222;
color: #fff !important;
border-radius: 3px;
text-transform: uppercase;
}
.tm-blog.style-magazine .post-categories a:hover {
transform: translateY(-5px);
}
.tm-blog.style-magazine .post-title {
font-size: 24px;
font-weight: 700;
line-height: 1.5;
margin-bottom: 16px;
}
.tm-blog.style-magazine .post-meta {
display: flex;
flex-wrap: wrap;
margin: 0 -12px;
}
.tm-blog.style-magazine .meta-item {
padding: 0 12px;
}
.tm-blog.style-magazine .sl-icon {
margin-right: 5px;
}
.tm-blog.style-magazine_classic .post-wrapper {
margin-bottom: 40px;
}
.tm-blog.style-magazine_classic .post-thumbnail {
margin-bottom: 20px;
}
.tm-blog.style-magazine_classic .post-thumbnail img {
width: 100%;
border-radius: 8px;
}
.tm-blog.style-magazine_classic .post-categories {
font-size: 14px;
margin-bottom: 16px;
}
.tm-blog.style-magazine_classic .post-categories a {
display: inline-block;
padding: 1px 11px;
background: #222;
color: #fff !important;
border-radius: 3px;
text-transform: uppercase;
}
.tm-blog.style-magazine_classic .post-categories a:hover {
transform: translateY(-5px);
}
.tm-blog.style-magazine_classic .post-title {
font-size: 24px;
font-weight: 700;
line-height: 1.5;
margin-bottom: 16px;
}
.tm-blog.style-magazine_classic .post-meta {
display: flex;
flex-wrap: wrap;
margin: 0 -12px;
}
.tm-blog.style-magazine_classic .meta-item {
padding: 0 12px;
}
.tm-blog.style-magazine_classic .sl-icon {
margin-right: 5px;
}
.tm-blog.style-metro_magazine .post-item {
overflow: hidden;
border-radius: 8px;
}
.tm-blog.style-metro_magazine .post-item:hover .post-thumbnail {
transform: scale3d(1.15, 1.15, 1.15);
}
.tm-blog.style-metro_magazine .post-item:hover .video-play {
transform: scale(1.2);
}
.tm-blog.style-metro_magazine .post-thumbnail {
transition: all 1s cubic-bezier(0, 0, 0.2, 1);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
}
.tm-blog.style-metro_magazine .post-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.tm-blog.style-metro_magazine .post-info {
position: absolute;
bottom: 0;
left: 0;
padding: 0 30px 23px;
width: 100%;
}
.tm-blog.style-metro_magazine .post-title {
margin-bottom: 0;
color: #fff;
font-weight: 700;
font-size: 34px;
line-height: 1.4;
}
.tm-blog.style-metro_magazine .post-categories {
font-size: 14px;
margin-bottom: 7px;
}
.tm-blog.style-metro_magazine .post-categories a {
display: inline-block;
padding: 1px 11px;
background: #222;
color: #fff !important;
border-radius: 3px;
text-transform: uppercase;
}
.tm-blog.style-metro_magazine .post-categories a:hover {
transform: translateY(-5px);
}
.tm-blog.style-metro_magazine .video-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
}
.tm-blog.style-metro_magazine .video-text {
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
color: #fff;
margin-left: 20px;
letter-spacing: 3px;
}
.tm-blog.style-metro_magazine .video-play {
position: relative;
width: 56px;
height: 56px;
border-radius: 50%;
color: #fff;
border: 2px solid #fff;
transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
}
.tm-blog.style-metro_magazine .video-play:hover {
transform: scale3d(1.15, 1.15, 1.15);
}
.tm-blog.style-metro_magazine .video-play i {
position: absolute;
top: 50%;
left: 50%;
font-size: 24px;
line-height: 1;
transform: translate(-50%, -50%);
margin-left: 2px;
}
.tm-blog.style-first_feature_image_list .tm-grid {
display: grid;
grid-gap: 20px;
}
.tm-blog.style-first_feature_image_list .post-wrapper {
border: 1px solid #ededed;
border-radius: 8px;
padding: 15px 30px 22px;
}
.tm-blog.style-first_feature_image_list .post-thumbnail img {
border-radius: 8px;
}
.tm-blog.style-first_feature_image_list .first-item .post-wrapper {
position: relative;
border: 0;
padding: 0;
}
.tm-blog.style-first_feature_image_list .first-item .post-title {
color: #fff;
font-weight: 700;
}
.tm-blog.style-first_feature_image_list .first-item .post-thumbnail:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .4;
background-image: linear-gradient(-179deg, rgba(0, 0, 0, 0) 58%, #000 100%);
border-radius: 8px;
}
.tm-blog.style-first_feature_image_list .first-item .post-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 30px 30px 16px;
}
.tm-blog.style-first_feature_image_list .post-categories {
font-size: 12px;
font-weight: 700;
border-radius: 3px;
margin-bottom: 6px;
text-transform: uppercase;
}
.tm-blog.style-first_feature_image_list .post-categories a {
display: inline-block;
}
.tm-blog.style-first_feature_image_list .post-title {
font-size: 18px;
line-height: 1.55;
}
.tm-blog.style-full_wide_slider .post-thumbnail img {
width: 100%;
border-radius: 8px;
}
.tm-blog.style-full_wide_slider .post-thumbnail:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: linear-gradient(-179deg, rgba(0, 0, 0, 0) 58%, #000 100%);
opacity: .4;
}
.tm-blog.style-full_wide_slider .post-categories {
font-size: 14px;
margin-bottom: 23px;
}
.tm-blog.style-full_wide_slider .post-categories a {
display: inline-block;
padding: 1px 11px;
background: #222;
color: #fff !important;
border-radius: 3px;
text-transform: uppercase;
}
.tm-blog.style-full_wide_slider .post-categories a:hover {
transform: translateY(-5px);
}
.tm-blog.style-full_wide_slider .post-title {
font-size: 40px;
font-weight: 500;
margin-bottom: 16px;
color: #fff;
}
.tm-blog.style-full_wide_slider .post-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 0 50px 50px;
color: #fff;
}
.tm-blog.style-full_wide_slider .post-info a {
color: #fff;
}
.tm-blog.style-full_wide_slider .post-meta {
display: flex;
flex-wrap: wrap;
margin: 0 -12px;
}
.tm-blog.style-full_wide_slider .meta-item {
padding: 0 12px;
}
.tm-blog.style-full_wide_slider .sl-icon {
margin-right: 5px;
}
.tm-blog.skin-light .post-title a {
color: #fff;
}
.tm-blog.skin-light .post-meta,
.tm-blog.skin-light .sl-count {
color: #aaa;
}
.tm-blog.skin-light .post-excerpt {
color: #aaa;
}
@media (max-width: 991px) {
.tm-blog.style-full_wide_slider .post-info {
padding: 0 30px 30px;
}
.tm-blog.style-full_wide_slider .post-title {
font-size: 32px;
}
}
@media (max-width: 767px) {
.tm-blog.style-full_wide_slider .post-info {
padding: 0 20px 20px;
}
.tm-blog.style-full_wide_slider .post-categories {
margin-bottom: 10px;
}
.tm-blog.style-full_wide_slider .post-title {
font-size: 24px;
margin-bottom: 10px;
}
.tm-blog.style-small_image_list .post-thumbnail {
max-width: 100%;
width: 100%;
margin-bottom: 30px;
padding: 0;
}
.tm-blog.style-small_image_list .post-thumbnail img {
width: 100%;
}
.tm-blog.style-small_image_list .post-item-wrap {
display: block;
}
.tm-blog.style-small_image_list .post-excerpt {
margin-bottom: 30px;
}
.tm-blog.style-small_image_list .post-meta {
position: static;
}
}
.tm-categories.style-grid {
text-align: center;
}
.tm-categories.style-grid .cat-wrapper {
margin-bottom: 26px;
}
.tm-categories.style-grid .cat-thumbnail {
margin-bottom: 18px;
}
.tm-categories.style-grid .cat-thumbnail img {
border-radius: 8px;
}
.tm-categories.style-grid .cat-title {
text-transform: uppercase;
font-weight: 700;
letter-spacing: 3px;
font-size: 15px;
line-height: 1.3;
}
.tm-banner .content-wrap {
position: relative;
height: 320px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.tm-banner.style-1 .content {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 84px 30px 30px 90px;
}
.tm-banner.style-1 .heading {
font-size: 40px;
line-height: 1;
letter-spacing: 0;
margin-bottom: 85px;
}
.tm-banner.style-2 .content-wrap {
position: relative;
text-align: center;
}
.tm-banner.style-2 .content {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translate(0, -50%);
}
.tm-banner.style-2 .heading {
text-transform: uppercase;
font-size: 24px;
font-weight: 700;
line-height: 1.4;
letter-spacing: .3em;
margin-bottom: 26px;
}
.tm-portfolio .tm-grid-pagination {
margin-top: 100px;
}
.tm-portfolio.style-metro .post-item-wrapper {
height: 100%;
}
.tm-portfolio.style-metro .post-thumbnail {
height: 100%;
}
.tm-portfolio.style-metro .post-thumbnail img {
height: 100%;
}
.tm-portfolio.style-justified .post-thumbnail {
width: 100%;
height: 100%;
}
.tm-portfolio.style-full-wide-slider .post-overlay-info {
box-sizing: border-box;
position: absolute;
bottom: 1px;
left: 0;
background: #ffffff;
padding: 50px 68px 44px 68px;
width: 400px;
max-width: 100%;
}
.tm-portfolio.style-full-wide-slider .post-overlay-icon {
position: absolute;
top: 32px;
right: 37px;
font-size: 22px;
}
.tm-portfolio.style-full-wide-slider .post-overlay-categories {
margin-bottom: 7px;
}
.tm-portfolio.style-full-wide-slider .post-overlay-title {
line-height: 1.3;
margin-left: -1px;
}
.tm-portfolio.style-full-wide-slider .post-overlay-title a {
font-size: 22px;
}
.tm-portfolio .post-thumbnail {
position: relative;
}
.tm-portfolio .post-thumbnail img {
width: 100%;
}
.tm-portfolio .post-overlay-categories {
font-weight: 500;
font-size: 14px;
}
.tm-portfolio .post-overlay-categories a {
color: inherit;
font-size: inherit;
}
.tm-portfolio .post-overlay-title a {
font-size: inherit;
}
.tm-portfolio [data-overlay-animation="faded"] .grid-item:hover .post-overlay {
visibility: visible;
opacity: .7;
}
.tm-portfolio [data-overlay-animation="faded"] .grid-item:hover .post-overlay-content {
visibility: visible;
opacity: 1;
}
.tm-portfolio [data-overlay-animation="faded"] .grid-item:hover .post-overlay-title,
.tm-portfolio [data-overlay-animation="faded"] .grid-item:hover .post-overlay-categories {
opacity: 1;
transition: .5s ease-out .3s;
transform: translateY(0);
}
.tm-portfolio [data-overlay-animation="faded"] .post-overlay {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
width: 100%;
height: 100%;
opacity: 0;
background-color: #000000;
}
.tm-portfolio [data-overlay-animation="faded"] .post-overlay-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
opacity: 0;
}
.tm-portfolio [data-overlay-animation="faded"] .post-overlay-content-inner {
display: table;
width: 100%;
height: 100%;
text-align: center;
}
.tm-portfolio [data-overlay-animation="faded"] .post-overlay-info {
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 0 15px;
}
.tm-portfolio [data-overlay-animation="faded"] .post-overlay-categories {
opacity: 0;
transition: .3s ease-out 0s;
transform: translateY(-20px);
margin-bottom: 7px;
}
.tm-portfolio [data-overlay-animation="faded"] .post-overlay-title {
opacity: 0;
transition: .3s ease-out 0s;
transform: translateY(20px);
font-size: 18px;
font-weight: normal;
line-height: 1.3;
}
.tm-portfolio [data-overlay-animation="faded"] .post-overlay-title a {
color: #ffffff;
}
.tm-portfolio [data-overlay-animation="faded-light"] .grid-item:hover .post-overlay {
visibility: visible;
opacity: .95;
}
.tm-portfolio [data-overlay-animation="faded-light"] .grid-item:hover .post-overlay-content {
visibility: visible;
opacity: 1;
}
.tm-portfolio [data-overlay-animation="faded-light"] .grid-item:hover .post-overlay-title,
.tm-portfolio [data-overlay-animation="faded-light"] .grid-item:hover .post-overlay-categories {
opacity: 1;
transition: .5s ease-out .3s;
transform: translateY(0);
}
.tm-portfolio [data-overlay-animation="faded-light"] .post-overlay {
position: absolute;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
visibility: hidden;
opacity: 0;
background-color: #ffffff;
}
.tm-portfolio [data-overlay-animation="faded-light"] .post-overlay-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
opacity: 0;
}
.tm-portfolio [data-overlay-animation="faded-light"] .post-overlay-content-inner {
display: table;
width: 100%;
height: 100%;
text-align: center;
}
.tm-portfolio [data-overlay-animation="faded-light"] .post-overlay-info {
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 30px;
}
.tm-portfolio [data-overlay-animation="faded-light"] .post-overlay-categories {
opacity: 0;
transition: .3s ease-out 0s;
transform: translateY(20px);
font-size: 14px;
font-weight: 700;
letter-spacing: 3.5px;
text-transform: uppercase;
color: #cccccc;
}
.tm-portfolio [data-overlay-animation="faded-light"] .post-overlay-title {
opacity: 0;
transition: .3s ease-out 0s;
transform: translateY(-20px);
font-size: 24px;
font-weight: 700;
line-height: 1.16;
margin-bottom: 10px;
}
.tm-portfolio [data-overlay-animation="faded-light"] .post-overlay-title a {
color: inherit;
}
.tm-portfolio [data-overlay-animation="modern"] .grid-item:hover .post-overlay {
visibility: visible;
opacity: .7;
}
.tm-portfolio [data-overlay-animation="modern"] .grid-item:hover .post-overlay-content {
visibility: visible;
opacity: 1;
}
.tm-portfolio [data-overlay-animation="modern"] .grid-item:hover .post-overlay-icon:before, .tm-portfolio [data-overlay-animation="modern"] .grid-item:hover .post-overlay-icon:after {
visibility: visible;
opacity: 1;
}
.tm-portfolio [data-overlay-animation="modern"] .grid-item:hover .post-overlay-title,
.tm-portfolio [data-overlay-animation="modern"] .grid-item:hover .post-overlay-categories {
opacity: 1;
transform: translateX(0);
}
.tm-portfolio [data-overlay-animation="modern"] .grid-item:hover .post-overlay-title {
transition: .4s ease-out .5s;
}
.tm-portfolio [data-overlay-animation="modern"] .grid-item:hover .post-overlay-categories {
transition: .4s ease-out .25s;
}
.tm-portfolio [data-overlay-animation="modern"] .grid-item:hover .post-overlay-icon {
transition: .4s ease-out .25s;
transform: scale(1);
}
.tm-portfolio [data-overlay-animation="modern"] .post-overlay {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
width: 100%;
height: 100%;
opacity: 0;
background-color: #000000;
}
.tm-portfolio [data-overlay-animation="modern"] .post-overlay-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
opacity: 0;
}
.tm-portfolio [data-overlay-animation="modern"] .post-overlay-icon {
position: absolute;
top: 55px;
right: 53px;
width: 32px;
height: 32px;
transform: scale(0.5);
}
.tm-portfolio [data-overlay-animation="modern"] .post-overlay-icon:before, .tm-portfolio [data-overlay-animation="modern"] .post-overlay-icon:after {
visibility: hidden;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
background: #ffffff;
content: '';
}
.tm-portfolio [data-overlay-animation="modern"] .post-overlay-icon:before {
height: 1px;
width: 31px;
margin-left: -15px;
}
.tm-portfolio [data-overlay-animation="modern"] .post-overlay-icon:after {
margin-top: -15px;
width: 1px;
height: 31px;
}
.tm-portfolio [data-overlay-animation="modern"] .post-overlay-info {
position: absolute;
bottom: 0;
left: 0;
padding: 0 65px 62px;
}
.tm-portfolio [data-overlay-animation="modern"] .post-overlay-categories {
font-size: 16px;
opacity: 0;
transition: .3s ease-out 0s;
transform: translateX(-20px);
margin-bottom: 7px;
}
.tm-portfolio [data-overlay-animation="modern"] .post-overlay-title {
opacity: 0;
transition: .3s ease-out 0s;
transform: translateX(-20px);
font-size: 20px;
font-weight: normal;
line-height: 1.3;
}
.tm-portfolio [data-overlay-animation="modern"] .post-overlay-title a {
color: #ffffff;
}
.tm-portfolio[data-type="justified"] [data-overlay-animation="faded"] .post-thumbnail {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tm-portfolio [data-overlay-animation="zoom"] .post-item-wrapper {
box-shadow: 0 0 41px rgba(0, 0, 0, 0.1);
background: #ffffff;
border-radius: 4px;
overflow: hidden;
}
.tm-portfolio [data-overlay-animation="zoom"] .post-item-wrapper:hover .post-thumbnail img {
transform: scale(1.15);
}
.tm-portfolio [data-overlay-animation="zoom"] .post-thumbnail {
overflow: hidden;
}
.tm-portfolio [data-overlay-animation="zoom"] .post-thumbnail img {
transition: all 1s cubic-bezier(0, 0, 0.2, 1);
}
.tm-portfolio [data-overlay-animation="zoom"] .post-overlay-info {
box-sizing: border-box;
width: 100%;
padding: 30px;
min-height: 130px;
}
.tm-portfolio [data-overlay-animation="zoom"] .post-overlay-categories {
font-size: 14px;
font-weight: 700;
letter-spacing: 3.5px;
text-transform: uppercase;
color: #cccccc;
}
.tm-portfolio [data-overlay-animation="zoom"] .post-overlay-title {
font-size: 24px;
font-weight: 700;
line-height: 1.16;
margin-bottom: 10px;
}
.tm-portfolio [data-overlay-animation="zoom"] .post-overlay-title a {
color: inherit;
}
.tm-portfolio [data-overlay-animation="zoom2"] .post-item-wrapper {
transition: all 0.4s cubic-bezier(0, 0, 0.2, 1);
box-shadow: 0 0 41px rgba(0, 0, 0, 0.1);
background: #ffffff;
border-radius: 4px;
overflow: hidden;
}
.tm-portfolio [data-overlay-animation="zoom2"] .post-item-wrapper:hover {
box-shadow: 5px 5px 41px rgba(0, 0, 0, 0.15);
transform: translateY(-10px);
}
.tm-portfolio [data-overlay-animation="zoom2"] .post-item-wrapper:hover .post-thumbnail img {
transform: scale(1.15);
}
.tm-portfolio [data-overlay-animation="zoom2"] .post-item-wrapper:hover .post-read-more {
color: #ffffff;
}
.tm-portfolio [data-overlay-animation="zoom2"] .post-thumbnail {
overflow: hidden;
}
.tm-portfolio [data-overlay-animation="zoom2"] .post-thumbnail img {
transition: all 1s cubic-bezier(0, 0, 0.2, 1);
}
.tm-portfolio [data-overlay-animation="zoom2"] .post-overlay-info {
display: flex;
align-items: center;
box-sizing: border-box;
width: 100%;
padding: 16px 30px;
}
.tm-portfolio [data-overlay-animation="zoom2"] .post-overlay-title {
font-size: 18px;
font-weight: 700;
line-height: 1.16;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tm-portfolio [data-overlay-animation="zoom2"] .post-read-more {
margin-left: 20px;
flex-shrink: 0;
height: 48px;
width: 48px;
line-height: 48px;
font-size: 18px;
text-align: center;
background: #f8f8f8;
border-radius: 50%;
}
.tm-info-boxes.style-metro .grid-item.has-image {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.tm-info-boxes.style-metro .box-content {
display: table;
width: 100%;
height: 100%;
}
.tm-info-boxes.style-metro .box-content-inner {
display: table-cell;
padding: 30px 70px;
vertical-align: middle;
}
.tm-info-boxes.style-metro .box-title {
margin-bottom: 18px;
color: #f2b636;
font-size: 32px;
line-height: 1.16;
}
.tm-info-boxes.style-metro .box-text {
color: #ffffff;
}
@media (max-width: 1600px) {
.tm-info-boxes.style-metro .box-content-inner {
padding: 30px;
}
}
.tm-button {
position: relative;
display: inline-block;
text-align: center;
white-space: nowrap;
line-height: 1.2;
border-style: solid;
cursor: pointer;
}
.tm-button.tm-button-full-wide {
width: 100% !important;
}
.tm-button.style-flat {
padding: 0 26px;
height: 48px;
border-width: 1px;
border-radius: 5px;
letter-spacing: .0625em;
font-weight: 700;
font-size: 16px;
line-height: 46px;
}
.tm-button.style-flat.icon-right .button-icon {
margin-left: 10px;
}
.tm-button.style-flat.icon-left .button-icon {
margin-right: 10px;
}
.tm-button.style-flat .button-icon {
top: 50%;
transform: translate(0, -50%);
opacity: .7;
line-height: 0;
}
.tm-button.style-flat.tm-button-primary, .tm-button.style-flat.tm-button-secondary {
color: #fff;
}
.tm-button.style-flat.tm-button-primary:hover, .tm-button.style-flat.tm-button-secondary:hover {
background-color: transparent;
}
.tm-button.style-flat.tm-button-white {
color: #454545;
background: #fff;
border-color: #fff;
}
.tm-button.style-flat.tm-button-white .button-icon {
color: #454545;
}
.tm-button.style-flat.tm-button-white:hover {
background: transparent;
}
.tm-button.style-flat.tm-button-white:hover .button-icon {
color: #fff;
}
.tm-button.style-flat.tm-button-white-alt {
background: #fff;
border-color: #fff;
}
.tm-button.style-flat.tm-button-white-alt:hover {
background: transparent;
color: #fff;
}
.tm-button.style-flat.tm-button-grey {
color: #fff;
background: #ccc;
border-color: #ccc;
}
.tm-button.style-flat.tm-button-grey .button-icon {
color: #fff;
}
.tm-button.style-flat.tm-button-grey:hover {
background: transparent;
}
.tm-button.style-flat.tm-button-grey:hover .button-icon {
color: #ccc;
}
.tm-button.style-flat.tm-button-black-alpha {
background: rgba(0, 0, 0, 0.08);
border-color: transparent;
color: #fff;
}
.tm-button.style-flat.tm-button-black-alpha:hover {
background: rgba(0, 0, 0, 0.2);
}
.tm-button.style-flat.tm-button-black-alpha-2 {
background: rgba(0, 0, 0, 0.17);
border-color: transparent;
color: #fff;
}
.tm-button.style-flat.tm-button-black-alpha-2:hover {
background: rgba(0, 0, 0, 0.3);
}
.tm-button.style-flat.tm-button-black-alpha-3 {
background: rgba(0, 0, 0, 0.3);
border-color: transparent;
color: #fff;
}
.tm-button.style-flat.tm-button-black-alpha-3:hover {
background: rgba(0, 0, 0, 0.6);
}
.tm-button.style-flat.tm-button-lg {
padding: 0 30px;
height: 56px;
border-radius: 8px;
font-size: 18px;
line-height: 54px;
}
.tm-button.style-flat.tm-button-sm {
padding: 0 22px;
height: 40px;
font-size: 13px;
line-height: 38px;
}
.tm-button.style-flat.tm-button-xs {
padding: 0 18px;
height: 32px;
border-radius: 3px;
font-size: 12px;
line-height: 30px;
}
.tm-button.style-outline {
padding: 0 26px;
height: 48px;
border-width: 1px;
border-radius: 5px;
letter-spacing: .0625em;
font-weight: 700;
font-size: 16px;
line-height: 46px;
}
.tm-button.style-outline.icon-right .button-icon {
margin-left: 10px;
}
.tm-button.style-outline.icon-left .button-icon {
margin-right: 10px;
}
.tm-button.style-outline .button-icon {
top: 50%;
transform: translate(0, -50%);
opacity: .7;
line-height: 0;
}
.tm-button.style-outline.tm-button-primary, .tm-button.style-outline.tm-button-secondary {
background-color: transparent;
}
.tm-button.style-outline.tm-button-primary:hover, .tm-button.style-outline.tm-button-secondary:hover {
color: #fff;
}
.tm-button.style-outline.tm-button-white {
color: #fff;
border-color: #fff;
}
.tm-button.style-outline.tm-button-white .button-icon {
color: #fff;
}
.tm-button.style-outline.tm-button-white:hover {
color: #454545;
background: #fff;
}
.tm-button.style-outline.tm-button-white:hover .button-icon {
color: #454545;
}
.tm-button.style-outline.tm-button-grey {
border-color: #ccc;
}
.tm-button.style-outline.tm-button-grey .button-icon {
color: #ccc;
}
.tm-button.style-outline.tm-button-grey:hover {
color: #fff;
background: #ccc;
}
.tm-button.style-outline.tm-button-grey:hover .button-icon {
color: #fff;
}
.tm-button.style-outline.tm-button-lg {
padding: 0 30px;
height: 56px;
border-radius: 8px;
font-size: 18px;
line-height: 54px;
}
.tm-button.style-outline.tm-button-sm {
padding: 0 22px;
height: 40px;
font-size: 13px;
line-height: 38px;
}
.tm-button.style-outline.tm-button-xs {
padding: 0 18px;
height: 32px;
border-radius: 3px;
font-size: 12px;
line-height: 30px;
}
.tm-button.style-text {
padding: 0;
border: 0;
background-color: transparent;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 700;
font-size: 16px;
}
.tm-button.style-text.icon-right {
padding-right: 30px !important;
}
.tm-button.style-text.icon-right .button-icon {
left: auto;
right: 1px;
}
.tm-button.style-text.icon-left {
padding-left: 30px !important;
}
.tm-button.style-text.icon-left .button-icon {
left: 1px;
right: auto;
}
.tm-button.style-text.tm-button-primary .button-icon, .tm-button.style-text.tm-button-secondary .button-icon {
color: #ccc;
}
.tm-button.style-text .button-icon {
font-size: 18px;
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: 20px;
line-height: 0;
}
.tm-button.style-text .button-icon:before {
line-height: 0;
}
.tm-button.style-text.tm-button-lg {
font-size: 18px;
letter-spacing: 4px;
}
.tm-button.style-text.tm-button-sm {
font-size: 14px;
}
.tm-button.style-text.tm-button-xs {
font-size: 12px;
}
.rev-btn {
transition: background-color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.rev_slider .left-icon,
.rev-btn .left-icon {
margin-right: 10px;
}
.rev_slider .right-icon,
.rev-btn .right-icon {
margin-left: 10px;
}
.btn-text-popup-video .button-text {
font-size: 15px;
letter-spacing: 0;
text-transform: none;
font-weight: normal;
}
.tm-button-group {
clear: both;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: -10px;
}
.tm-button-group .tm-button-wrapper {
padding: 10px;
}
.tm-list {
margin: 0 -15px 0;
padding: 0;
list-style-type: none;
}
.tm-list__item {
position: relative;
margin-bottom: 10px;
padding: 0 15px;
}
.tm-list__item:last-child {
margin-bottom: 0;
}
.tm-list__item:first-child:last-child {
margin-bottom: 0;
}
.tm-list--modern-icon .tm-list__item {
margin-bottom: 30px;
}
@media (min-width: 992px) {
.tm-list--modern-icon .tm-list__item {
margin-bottom: 70px;
}
}
.tm-list--circle .tm-list__item {
position: relative;
padding-left: 29px;
}
.tm-list--circle .tm-list__item .tm-list__marker:before {
position: absolute;
top: 10px;
left: 15px;
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
content: '';
background: currentColor;
}
.tm-list--delimited .tm-list__item {
padding: 22px 15px;
margin: 0;
}
.tm-list--delimited .tm-list__item:after {
content: '';
position: absolute;
bottom: 0;
left: 15px;
right: 15px;
height: 1px;
background: rgba(255, 255, 255, 0.1);
}
.tm-list--icon-above .tm-list__item {
margin-bottom: 30px;
}
@media (min-width: 992px) {
.tm-list--icon-above .tm-list__item {
margin-bottom: 50px;
}
}
.tm-list--modern-icon .tm-list__header {
margin-bottom: 18px;
}
.tm-list__marker {
display: inline-block;
float: left;
}
.tm-list--icon .tm-list__marker {
margin-top: 4px;
}
.tm-list--modern-icon .tm-list__marker {
margin-right: 10px;
min-width: 36px;
font-size: 34px;
line-height: 1;
}
@media (max-width: 767px) {
.tm-list--modern-icon .tm-list__marker {
min-width: 30px;
font-size: 28px;
}
}
.tm-list--icon-above .tm-list__marker {
font-size: 40px;
display: block;
float: none;
line-height: 1;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.tm-list--icon-above .tm-list__marker {
font-size: 34px;
}
}
.tm-list--icon .tm-list__marker {
min-width: calc(1em + 8px);
}
.tm-list--auto-numbered .tm-list__marker,
.tm-list--manual-numbered .tm-list__marker {
margin-right: 10px;
min-width: 1em;
}
.tm-list--basic .tm-list__marker {
margin-right: 5px;
}
.tm-list--plus .tm-list__marker {
margin-right: 10px;
}
.mega-menu-content.mega-menu-content .tm-list__marker {
color: inherit;
}
.tm-list__heading {
overflow: hidden;
}
.tm-list__link {
padding: 0;
color: currentColor;
}
.tm-list__title {
line-height: inherit;
}
.tm-list--modern-icon .tm-list__title {
font-size: 24px;
}
@media (max-width: 767px) {
.tm-list--modern-icon .tm-list__title {
font-size: 18px;
}
}
.tm-list--icon .tm-list__title {
font-size: 18px;
color: inherit;
}
.tm-list--basic .tm-list__title,
.tm-list--plus .tm-list__title,
.tm-list--auto-numbered .tm-list__title,
.tm-list--manual-numbered .tm-list__title,
.tm-list--circle .tm-list__title,
.tm-list--delimited .tm-list__title,
.tm-list--icon-above .tm-list__title {
color: inherit;
font-size: inherit;
}
.tm-list__desc {
font-size: 16px;
line-height: 1.5;
}
.tm-gradation {
margin: 0 -15px;
display: flex;
text-align: center;
}
.tm-gradation .count-wrap {
position: relative;
width: 80px;
height: 80px;
margin: 0 auto 50px;
}
.tm-gradation .count-wrap:before, .tm-gradation .count-wrap:after {
position: absolute;
top: 50%;
left: 50%;
content: '';
transform: translate(-50%, -50%);
border-radius: 50%;
}
.tm-gradation .count-wrap:before {
width: 80px;
height: 80px;
opacity: .2;
z-index: 1;
}
.tm-gradation .count-wrap:after {
width: 65px;
height: 65px;
opacity: .5;
z-index: 2;
}
.tm-gradation .count {
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
line-height: 50px;
color: #ffffff;
font-size: 24px;
font-weight: 600;
transform: translate(-50%, -50%);
z-index: 3;
}
.tm-gradation .item {
width: 25%;
padding: 0 15px;
position: relative;
opacity: 0;
}
.tm-gradation .item.animate {
opacity: 1;
-webkit-transform: translateX(100px);
transform: translateX(100px);
-webkit-animation: moveHorizontal 0.65s ease forwards;
animation: moveHorizontal 0.65s ease forwards;
}
.tm-gradation .item:first-child .line:before {
display: none;
}
.tm-gradation .item:last-child .line:after {
display: none;
}
.tm-gradation .line:before, .tm-gradation .line:after {
content: '';
position: absolute;
top: 40px;
border-top: 1px dashed #dddddd;
width: 50%;
height: 1px;
}
.tm-gradation .line:before {
left: 0;
}
.tm-gradation .line:after {
right: 0;
}
.tm-gradation .title {
font-size: 20px;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.tm-gradation {
display: block;
}
.tm-gradation .item {
width: 100%;
}
.tm-gradation .item + .item {
margin-top: 50px;
}
.tm-gradation .count-wrap {
margin-bottom: 25px;
}
.tm-gradation .line:before, .tm-gradation .line:after {
display: none;
}
}
.tm-restaurant-menu .menu-list {
margin: 0;
padding: 0 26px 0 0;
list-style-type: none;
}
.tm-restaurant-menu .menu-header {
position: relative;
margin-bottom: 12px;
}
.tm-restaurant-menu .menu-header:after {
position: absolute;
right: 0;
bottom: 7px;
left: 0;
display: block;
border-top: 1px solid #eeeeee;
content: "";
}
.tm-restaurant-menu .menu-badge.new {
position: absolute;
top: -26px;
right: -35px;
width: 40px;
height: 20px;
background: #de4630;
color: #ffffff;
text-align: center;
text-transform: uppercase;
font-weight: 700;
font-size: 9px;
line-height: 20px;
z-index: 2;
}
.tm-restaurant-menu .menu-badge.new:after {
content: '';
position: absolute;
bottom: -4px;
left: -1px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #de4630;
transform: rotate(45deg);
}
.tm-restaurant-menu .menu-title {
position: relative;
z-index: 1;
display: inline;
background: #ffffff;
color: #1f1f1f;
font-size: 16px;
padding-right: 10px;
}
.tm-restaurant-menu .menu-price {
position: relative;
z-index: 1;
float: right;
background-color: #ffffff;
color: #1f1f1f;
font-size: 16px;
}
.tm-restaurant-menu .menu-text {
background: none;
font-style: italic;
font-size: 15px;
}
.tm-restaurant-menu li + li {
margin-top: 38px;
}
.tm-icon .icon {
font-size: 20px;
}
.tm-icon .icon i {
font-size: inherit;
font-weight: inherit;
}
.tm-client .image {
transition: all .6s;
}
.tm-client .image-hover {
transition: all .6s;
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
transform: scale(0.8);
}
.tm-client .has-image-hover {
position: relative;
}
.tm-client .has-image-hover:hover .image {
visibility: hidden;
}
.tm-client .has-image-hover:hover .image-hover {
opacity: 1;
visibility: visible;
transform: none;
}
.tm-client.style-2-rows [data-swiper-row="0"] {
margin-bottom: 70px;
}
.tm-box-icon {
margin-bottom: 60px;
position: relative;
}
.tm-box-icon .icon {
line-height: 1;
}
.tm-box-icon .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tm-box-icon .content-wrap {
position: relative;
display: flex;
flex-direction: column;
}
.tm-box-icon .tm-svg {
line-height: 0;
}
.tm-box-icon .tm-svg * {
stroke: currentColor;
}
.tm-box-icon.style-1 .icon {
font-size: 48px;
color: #cccccc;
}
.tm-box-icon.style-1 .tm-svg {
width: 48px;
}
.tm-box-icon.style-1 .icon,
.tm-box-icon.style-1 .image {
margin-bottom: 20px;
}
.tm-box-icon.style-1 .heading {
font-size: 24px;
font-weight: 700;
margin-bottom: 21px;
}
.tm-box-icon.style-2:hover .image {
transform: translateY(-10px);
}
.tm-box-icon.style-2 .content-wrap {
padding: 30px 0;
}
.tm-box-icon.style-2 .icon {
font-size: 48px;
color: #cccccc;
}
.tm-box-icon.style-2 .tm-svg {
width: 48px;
}
.tm-box-icon.style-2 .icon,
.tm-box-icon.style-2 .image {
margin-bottom: 20px;
}
.tm-box-icon.style-2 .heading {
font-size: 24px;
margin-bottom: 21px;
font-weight: 700;
}
.tm-box-icon.style-2 .tm-button.style-text {
font-size: 14px;
}
.tm-box-icon.style-2 .button-icon {
display: none;
}
.tm-box-icon.style-2 .text {
max-width: 350px;
}
.tm-box-icon.style-3 .box-header {
display: flex;
margin-bottom: 25px;
align-items: center;
}
.tm-box-icon.style-3 .icon {
margin-right: 19px;
min-width: 36px;
font-size: 34px;
line-height: 1;
}
.tm-box-icon.style-3 .tm-svg {
width: 34px;
}
.tm-box-icon.style-3 .image {
margin-bottom: 20px;
}
.tm-box-icon.style-3 .heading {
font-size: 18px;
font-weight: 700;
}
.tm-box-icon.style-4:hover .icon:before {
width: 120px;
height: 120px;
opacity: 1;
background: rgba(255, 255, 255, 0.2);
transform: translate(-50%, -50%), scale(1);
}
.tm-box-icon.style-4:hover .icon:after {
opacity: 1;
transform: scale(1);
}
.tm-box-icon.style-4 .icon {
position: relative;
font-size: 40px;
width: 132px;
height: 132px;
text-align: center;
border-radius: 50%;
}
.tm-box-icon.style-4 .icon:before, .tm-box-icon.style-4 .icon:after {
content: '';
position: absolute;
border-radius: 50%;
}
.tm-box-icon.style-4 .icon:before {
width: 132px;
height: 132px;
background: rgba(255, 255, 255, 0.1);
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.tm-box-icon.style-4 .icon:after {
width: 140px;
height: 140px;
background: rgba(255, 255, 255, 0.1);
left: -4px;
top: -4px;
opacity: 0;
transform: scale(0.8);
}
.tm-box-icon.style-4 .icon span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
display: block;
width: 100px;
height: 100px;
line-height: 100px;
box-shadow: 0 0 49px rgba(0, 0, 0, 0.07);
background: #ffffff;
}
.tm-box-icon.style-4 .icon .tm-svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
display: block;
width: 100px;
height: 100px;
line-height: 100px;
box-shadow: 0 0 49px rgba(0, 0, 0, 0.07);
background: #ffffff;
}
.tm-box-icon.style-4 svg {
width: 40px;
}
.tm-box-icon.style-4 .icon,
.tm-box-icon.style-4 .image {
margin-bottom: 34px;
}
.tm-box-icon.style-4 .heading {
font-size: 24px;
font-weight: 700;
}
.tm-box-icon.style-4 .text {
margin-top: 19px;
max-width: 300px;
}
.tm-box-icon.style-5:hover .icon {
box-shadow: 0 2px 47px rgba(0, 0, 0, 0.13);
color: #ffffff;
}
.tm-box-icon.style-5 .icon {
position: relative;
font-size: 34px;
width: 100px;
height: 100px;
border-radius: 50%;
text-align: center;
background: #ffffff;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
}
.tm-box-icon.style-5 .icon span,
.tm-box-icon.style-5 .icon .tm-svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.tm-box-icon.style-5 .tm-svg {
width: 34px;
}
.tm-box-icon.style-5 .icon,
.tm-box-icon.style-5 .image {
margin-bottom: 25px;
}
.tm-box-icon.style-5 .heading {
font-size: 24px;
}
.tm-box-icon.style-5 .text {
margin-top: 19px;
max-width: 300px;
}
.tm-box-icon.style-6 .icon {
font-size: 100px;
}
.tm-box-icon.style-6 .tm-svg {
width: 100px;
}
.tm-box-icon.style-6 .icon,
.tm-box-icon.style-6 .image {
margin-bottom: 20px;
}
.tm-box-icon.style-6 .heading {
font-size: 24px;
margin-bottom: 16px;
}
.tm-box-icon.style-6 .tm-box-icon__btn {
margin-top: 36px;
opacity: 1;
color: #ffffff;
font-size: 14px;
}
.tm-box-icon.style-6 .tm-box-icon__btn .button-icon {
font-size: 14px;
}
.tm-box-icon.style-7 {
display: flex;
justify-content: center;
margin-bottom: 0;
padding: 52px 30px 74px;
background-color: #ffffff;
box-shadow: 0 0 41px 10px rgba(0, 0, 0, 0.03);
}
.tm-box-icon.style-7 .content-wrap {
max-width: 290px;
}
.tm-box-icon.style-7 .icon {
font-size: 48px;
margin-bottom: 22px;
}
.tm-box-icon.style-7 .tm-svg {
width: 48px;
}
.tm-box-icon.style-7 .image {
margin-bottom: 20px;
}
.tm-box-icon.style-7 .heading {
font-size: 24px;
font-weight: 700;
}
.tm-box-icon.style-7 .text {
margin-top: 22px;
}
.tm-box-icon.style-8:hover .icon {
opacity: 1;
}
.tm-box-icon.style-8 .icon {
position: relative;
font-size: 34px;
width: 100px;
height: 100px;
border: 3px dashed blue;
border-radius: 50%;
text-align: center;
background: #ffffff;
opacity: .3;
}
.tm-box-icon.style-8 .icon span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.tm-box-icon.style-8 .tm-svg {
width: 34px;
}
.tm-box-icon.style-8 .icon,
.tm-box-icon.style-8 .image {
margin-bottom: 25px;
}
.tm-box-icon.style-8 .heading {
font-size: 24px;
}
.tm-box-icon.style-8 .text {
margin-top: 19px;
max-width: 300px;
}
.tm-box-icon.style-9 {
display: flex;
justify-content: center;
margin-bottom: 0;
padding: 72px 30px 26px;
background-color: #ffffff;
border-radius: 5px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}
.tm-box-icon.style-9:hover {
transform: translateY(-10px);
box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}
.tm-box-icon.style-9 .content-wrap {
max-width: 290px;
}
.tm-box-icon.style-9 .icon {
font-size: 48px;
margin-bottom: 22px;
}
.tm-box-icon.style-9 .tm-svg {
width: 48px;
}
.tm-box-icon.style-9 .image {
display: flex;
align-items: center;
margin-bottom: 54px;
}
.tm-box-icon.style-9 .heading {
font-size: 24px;
font-weight: 700;
}
.tm-box-icon.style-9 .text {
margin-top: 22px;
}
.tm-box-icon.style-10 {
display: flex;
justify-content: center;
margin-bottom: 0;
padding: 67px 30px 56px;
background-color: #ffffff;
border-radius: 5px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}
.tm-box-icon.style-10:hover {
transform: translateY(-10px);
box-shadow: 0 2px 30px rgba(0, 0, 0, 0.17);
}
.tm-box-icon.style-10 .content-wrap {
max-width: 290px;
}
.tm-box-icon.style-10 .icon {
font-size: 48px;
margin-bottom: 22px;
}
.tm-box-icon.style-10 .tm-svg {
width: 48px;
}
.tm-box-icon.style-10 .image {
display: flex;
align-items: center;
margin-bottom: 54px;
}
.tm-box-icon.style-10 .heading {
font-size: 24px;
}
.tm-box-icon.style-10 .text {
margin-top: 22px;
}
.tm-box-icon.style-10 .button-icon {
display: none;
}
.tm-box-icon.style-10 .btn-text {
font-size: 14px;
}
.tm-box-icon.style-11 {
display: flex;
justify-content: center;
margin-bottom: 0;
padding: 67px 30px 68px;
background-color: #ffffff;
border-radius: 5px;
border: 1px solid #ededed;
}
.tm-box-icon.style-11:hover {
transform: translateY(-10px);
border-color: #ffffff;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05);
}
.tm-box-icon.style-11 .content-wrap {
max-width: 330px;
}
.tm-box-icon.style-11 .icon {
font-size: 48px;
margin-bottom: 22px;
}
.tm-box-icon.style-11 .tm-svg {
width: 48px;
}
.tm-box-icon.style-11 .image {
display: flex;
align-items: center;
margin-bottom: 54px;
}
.tm-box-icon.style-11 .heading {
font-size: 24px;
}
.tm-box-icon.style-11 .text {
margin-top: 22px;
}
.tm-box-icon.style-11 .button-icon {
display: none;
}
.tm-box-icon.style-11 .btn-text {
font-size: 14px;
}
.tm-box-icon.style-12 {
margin-bottom: 30px;
}
.tm-box-icon.style-12:hover .icon {
color: #ffffff;
}
.tm-box-icon.style-12:hover .heading {
color: #ffffff;
}
.tm-box-icon.style-12:hover .text {
color: #ffffff;
}
.tm-box-icon.style-12:hover .tm-box-icon__btn {
color: #ffffff;
}
.tm-box-icon.style-12 .content-wrap {
padding: 61px 25px 87px;
background: #ffffff;
border-bottom: 3px solid #222222;
}
.tm-box-icon.style-12 .icon {
font-size: 50px;
margin-bottom: 28px;
}
.tm-box-icon.style-12 svg {
width: 50px;
}
.tm-box-icon.style-12 .image {
margin-bottom: 30px;
}
.tm-box-icon.style-12 .image img {
width: 100%;
}
.tm-box-icon.style-12 .heading {
line-height: 1.25;
font-weight: 600;
font-size: 20px;
margin-bottom: 30px;
}
.tm-box-icon.style-12 .text {
font-size: 15px;
}
.tm-box-icon.style-12 .tm-box-icon__btn {
margin-top: 27px;
}
.tm-box-icon.style-13 {
margin-bottom: 30px;
}
.tm-box-icon.style-13:hover .content-wrap {
background: #ffffff;
box-shadow: 0 16px 40px #ededed;
}
.tm-box-icon.style-13 .content-wrap {
padding: 43px 25px 51px;
border-radius: 4px;
border-bottom: 4px solid transparent;
}
.tm-box-icon.style-13 .icon {
font-size: 48px;
margin-bottom: 35px;
}
.tm-box-icon.style-13 .tm-svg,
.tm-box-icon.style-13 svg {
width: 48px;
height: 48px;
}
.tm-box-icon.style-13 .image {
margin-bottom: 30px;
}
.tm-box-icon.style-13 .image img {
width: 100%;
}
.tm-box-icon.style-13 .heading {
line-height: 1.16;
font-weight: 700;
font-size: 18px;
margin-bottom: 17px;
}
.tm-box-icon.style-13 .tm-box-icon__btn {
margin-top: 27px;
}
.tm-box-icon.style-14 {
margin-bottom: 30px;
}
.tm-box-icon.style-14:hover .content-wrap {
transform: translateY(-10px);
}
.tm-box-icon.style-14 .content-wrap {
padding: 67px 40px 64px;
border-radius: 4px;
background: #ffffff;
box-shadow: 0 16px 40px #ededed;
}
.tm-box-icon.style-14 .icon {
font-size: 64px;
margin-bottom: 35px;
}
.tm-box-icon.style-14 .tm-svg,
.tm-box-icon.style-14 svg {
width: 64px;
height: 64px;
}
.tm-box-icon.style-14 .image {
margin-bottom: 30px;
}
.tm-box-icon.style-14 .image img {
width: 100%;
}
.tm-box-icon.style-14 .heading {
line-height: 2;
font-weight: 400;
font-size: 15px;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 17px;
color: inherit;
}
.tm-box-icon.style-14 .text {
font-size: 18px;
font-weight: 700;
line-height: 1.77;
}
.tm-box-icon.style-14 .tm-box-icon__btn {
margin-top: 27px;
}
.tm-box-icon.style-15 .content-wrap {
position: relative;
padding-left: 50px;
}
.tm-box-icon.style-15 .icon {
position: absolute;
top: 40px;
left: 0;
font-size: 32px;
color: #d8d8d8;
}
.tm-box-icon.style-15 .tm-svg {
width: 32px;
}
.tm-box-icon.style-15 .image {
margin-bottom: 20px;
}
.tm-box-icon.style-15 .heading {
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 1.7;
margin-bottom: 19px;
}
.tm-box-icon.style-15 .text {
font-size: 15px;
}
.tm-box-icon .tm-box-icon__btn {
margin-top: 41px;
opacity: .5;
}
.tm-box-icon .tm-box-icon__btn:hover {
opacity: 1;
}
.tm-box-icon .tm-box-icon__btn .button-icon {
position: relative;
top: auto;
left: auto;
right: auto;
transform: none;
}
@media (min-width: 992px) {
.tm-box-icon.style-1 .icon,
.tm-box-icon.style-1 .image, .tm-box-icon.style-2 .icon,
.tm-box-icon.style-2 .image {
margin-bottom: 22px;
}
}
.tm-card {
position: relative;
}
.tm-card .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.tm-card .content-wrap {
position: relative;
}
.tm-card.style-1 {
overflow: hidden;
color: #ffffff;
border-radius: 5px;
padding: 40px 30px;
box-shadow: 0 0 41px rgba(0, 0, 0, 0.03);
}
.tm-card.style-1:hover {
transform: translateY(-10px);
box-shadow: 0 20px 41px rgba(0, 0, 0, 0.15);
}
.tm-card.style-1 .heading {
font-size: 24px;
font-weight: 700;
line-height: 1.5;
margin-bottom: 23px;
color: #ffffff;
}
.tm-card.style-1 .heading span {
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
}
.tm-card.style-1 .heading a {
position: relative;
padding-right: 20px;
display: block;
color: inherit;
}
.tm-card.style-1 .icon {
font-size: 200px;
position: absolute;
bottom: -63px;
right: -27px;
line-height: 0;
color: rgba(255, 255, 255, 0.2);
}
.tm-card.style-1 .phone-number {
font-size: 40px;
color: inherit;
line-height: 1.4;
margin-bottom: 16px;
}
.tm-card.style-1 .menu-list {
font-size: 16px;
list-style-type: none;
margin: 0 0 20px;
padding: 0;
}
.tm-card.style-1 .menu-item + .menu-item {
margin-top: 8px;
}
.tm-card.style-1 .menu-header {
position: relative;
display: flex;
align-items: flex-end;
flex-wrap: wrap;
}
.tm-card.style-1 .separator {
border-top: 1px dashed rgba(255, 255, 255, 0.5);
flex-grow: 1;
margin-left: 5px;
margin-right: 5px;
position: relative;
top: -9px;
}
.tm-card.style-1 .menu-title {
position: relative;
z-index: 1;
display: inline;
padding-right: 10px;
flex-shrink: 0;
}
.tm-card.style-1 .menu-sub-title {
position: relative;
z-index: 1;
flex-shrink: 0;
}
.tm-card.style-2 {
overflow: hidden;
border-radius: 5px;
padding: 48px 30px 43px;
box-shadow: 0 0 41px rgba(0, 0, 0, 0.07);
background-color: #ffffff;
}
.tm-card.style-2 .card-header {
display: flex;
}
.tm-card.style-2:hover {
transform: translateY(-10px);
box-shadow: 0 10px 41px rgba(0, 0, 0, 0.15);
}
.tm-card.style-2 .icon {
position: relative;
font-size: 60px;
line-height: 0;
margin-right: 43px;
display: block;
margin-bottom: 18px;
}
.tm-card.style-2 .icon:before {
content: '';
position: absolute;
top: -9px;
left: 12px;
height: 72px;
width: 72px;
border-radius: 50%;
opacity: .2;
}
.tm-card.style-2 .icon span {
position: relative;
z-index: 1;
}
.tm-card.style-2 .heading {
font-size: 24px;
line-height: 1.5;
margin-bottom: 18px;
width: 69%;
word-break: break-word;
}
.tm-card.style-2 .heading span {
position: absolute;
top: 6px;
right: 0;
}
.tm-card.style-2 .heading a {
position: relative;
padding-right: 20px;
display: block;
color: inherit;
}
.tm-card.style-2 .phone-number {
font-size: 40px;
color: inherit;
line-height: 1.4;
margin-bottom: 16px;
}
.tm-card.style-2 .menu-list {
font-size: 16px;
list-style-type: none;
margin: 0 0 20px;
padding: 0;
}
.tm-card.style-2 .menu-item + .menu-item {
margin-top: 8px;
}
.tm-card.style-2 .menu-header {
position: relative;
display: flex;
align-items: flex-end;
flex-wrap: wrap;
}
.tm-card.style-2 .separator {
border-top: 1px dashed rgba(255, 255, 255, 0.5);
flex-grow: 1;
margin-left: 5px;
margin-right: 5px;
position: relative;
top: -9px;
}
.tm-card.style-2 .menu-title {
position: relative;
z-index: 1;
display: inline;
padding-right: 10px;
flex-shrink: 0;
}
.tm-card.style-2 .menu-sub-title {
position: relative;
z-index: 1;
flex-shrink: 0;
}
@media (min-width: 1420px) {
.tm-card.style-1 {
padding-left: 40px;
padding-right: 40px;
}
.tm-card.style-2 {
padding-left: 40px;
padding-right: 40px;
}
}
.tm-accordion.style-1 > .accordion-section {
overflow: hidden;
}
.tm-accordion.style-1 > .accordion-section + .accordion-section {
margin-top: 24px;
}
.tm-accordion.style-1 .accordion-title-wrapper {
display: flex;
align-items: center;
border-bottom: 2px solid #f3f3f3;
cursor: pointer;
padding: 0 0 11px;
opacity: .7;
}
.tm-accordion.style-1 .accordion-title-wrapper:hover {
opacity: 1;
}
.tm-accordion.style-1 .accordion-title {
flex-grow: 1;
font-size: 18px;
font-weight: 700;
line-height: 1.2;
}
.tm-accordion.style-1 .accordion-marker {
flex-shrink: 0;
font-size: 33px;
font-weight: 300;
margin-right: 12px;
line-height: 1;
}
.tm-accordion.style-1 .accordion-icon {
margin-left: 5px;
}
.tm-accordion.style-1 .accordion-icon:before {
font-size: 28px;
color: #cccccc;
content: '\f48a';
font-family: 'Ionicons';
}
.tm-accordion.style-1 .active .accordion-icon:before {
content: '\f463';
}
.tm-accordion.style-1 .active .accordion-title-wrapper {
opacity: 1;
}
.tm-accordion.style-1 .accordion-content {
padding: 24px 0 0;
display: none;
}
.typed-cursor {
opacity: 1;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.tm-heading.center .heading {
margin-left: auto;
margin-right: auto;
}
.tm-heading a {
font-size: inherit;
color: inherit;
position: relative;
}
.tm-heading a:before {
content: '';
height: 1px;
width: 0;
background-color: currentColor;
position: absolute;
bottom: -2px;
left: 0;
}
.tm-heading a:hover {
color: inherit;
}
.tm-heading a:hover:before {
width: 100%;
}
.tm-heading .icon {
display: inline-block;
vertical-align: bottom;
margin-right: 9px;
}
.tm-heading.modern-text .heading {
letter-spacing: 3px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.tm-heading.highlight-text-03 .heading, .tm-heading.highlight-text-04 .heading {
line-height: 1.5;
}
.tm-heading.highlight-text-03 mark, .tm-heading.highlight-text-04 mark {
font-size: 83px;
font-weight: 300;
line-height: .9;
float: left;
padding-right: 17px;
}
.tm-heading.rotate-text {
transform: rotate(90deg) translate(50%, -50%);
transform-origin: top;
}
.tm-heading.rotate-text .heading {
font-weight: 700;
line-height: 1.25;
letter-spacing: .075em;
}
.tm-heading.modern-highlight-text mark {
font-size: 155px;
font-weight: 900;
letter-spacing: 4px;
line-height: 1;
}
.tm-heading.right-separator .heading {
position: relative;
display: inline-block;
font-size: 24px;
font-weight: 900;
letter-spacing: 4px;
padding-right: 15px;
}
.tm-heading.right-separator .heading:after {
content: '';
position: absolute;
top: 60%;
left: 100%;
width: 60px;
height: 1px;
background: #ababab;
}
.highlight-text mark,
.typed-text mark,
.typed-text-2 mark {
background: none;
}
.typed-text-2 mark {
font-style: italic;
}
@media (max-width: 1199px) {
.tm-heading.modern-highlight-text mark {
font-size: 110px;
}
}
@media (max-width: 1199px) {
.tm-heading.modern-highlight-text mark {
font-size: 75px;
}
}
@media (max-width: 767px) {
.tm-heading.rotate-text {
transform: none;
}
.tm-heading.modern-highlight-text mark {
font-size: 50px;
}
}
.tm-testimonial.has-pagination {
margin-bottom: 71px;
}
.tm-testimonial .swiper-pagination {
bottom: -71px;
}
.tm-testimonial .post-thumbnail img {
border-radius: 50%;
}
.tm-testimonial .testimonial-rating {
font-size: 18px;
margin-bottom: 21px;
}
.tm-testimonial .testimonial-rating span {
padding: 0 5px;
}
.tm-testimonial .testimonial-desc p:last-child {
margin-bottom: 0;
}
.tm-testimonial .testimonial-by-line {
font-size: 14px;
font-style: italic;
}
.tm-testimonial.style-1 .testimonial-item {
width: 800px;
max-width: 100%;
margin: 0 auto;
text-align: center;
}
.tm-testimonial.style-1 .testimonial-desc {
font-size: 24px;
font-weight: 300;
letter-spacing: 1px;
margin-bottom: 54px;
}
.tm-testimonial.style-1 .testimonial-info {
display: flex;
align-items: center;
justify-content: center;
}
.tm-testimonial.style-1 .testimonial-name {
font-size: 24px;
font-weight: 700;
}
.tm-testimonial.style-1 .testimonial-by-line {
margin-left: 24px;
}
.tm-testimonial.style-2 {
margin-left: -15px;
margin-right: -15px;
}
.tm-testimonial.style-2 .swiper-slide {
padding: 15px;
}
.tm-testimonial.style-2 .testimonial-item {
border-radius: 5px;
padding: 53px 40px 56px;
background: #ffffff;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);
text-align: center;
}
.tm-testimonial.style-2 .testimonial-item:hover {
transform: translateY(-10px);
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}
.tm-testimonial.style-2 .post-thumbnail {
margin-bottom: 31px;
}
.tm-testimonial.style-2 .testimonial-desc {
font-size: 18px;
margin-bottom: 24px;
}
.tm-testimonial.style-2 .testimonial-info {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.tm-testimonial.style-2 .testimonial-name {
font-size: 18px;
font-weight: 700;
}
.tm-testimonial.style-2 .testimonial-by-line {
margin-left: 8px;
}
.tm-testimonial.style-2 .testimonial-rating {
margin-bottom: 13px;
}
.tm-testimonial.style-3, .tm-testimonial.style-4 {
margin-left: -15px;
margin-right: -15px;
}
.tm-testimonial.style-3 .swiper-slide, .tm-testimonial.style-4 .swiper-slide {
padding: 15px;
}
.tm-testimonial.style-3 .testimonial-item, .tm-testimonial.style-4 .testimonial-item {
border-radius: 5px;
padding: 31px 40px 39px;
background: #ffffff;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);
}
.tm-testimonial.style-3 .testimonial-item:hover, .tm-testimonial.style-4 .testimonial-item:hover {
transform: translateY(-10px);
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.17);
}
.tm-testimonial.style-3 .testimonial-desc, .tm-testimonial.style-4 .testimonial-desc {
font-size: 18px;
margin-bottom: 36px;
}
.tm-testimonial.style-3 .testimonial-info, .tm-testimonial.style-4 .testimonial-info {
display: flex;
}
.tm-testimonial.style-3 .post-thumbnail, .tm-testimonial.style-4 .post-thumbnail {
width: 40px;
flex-shrink: 0;
margin-right: 20px;
}
.tm-testimonial.style-3 .testimonial-main-info, .tm-testimonial.style-4 .testimonial-main-info {
flex-grow: 1;
}
.tm-testimonial.style-3 .testimonial-name, .tm-testimonial.style-4 .testimonial-name {
font-size: 14px;
font-weight: 700;
margin-bottom: 6px;
line-height: 1.14;
}
.tm-testimonial.style-4 .swiper-slide .testimonial-item {
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 1s;
opacity: .2;
}
.tm-testimonial.style-4 .swiper-slide-active .testimonial-item,
.tm-testimonial.style-4 .swiper-slide-next .testimonial-item,
.tm-testimonial.style-4 .swiper-slide-prev .testimonial-item {
opacity: 1;
}
.tm-testimonial.style-5 {
padding-top: 84px;
}
.tm-testimonial.style-5 .post-thumbnail {
align-self: flex-end;
}
.tm-testimonial.style-5 .post-thumbnail img {
border-radius: 0;
}
.tm-testimonial.style-5 .testimonial-info {
padding-top: 147px;
background: url(//www.4innovation.co/wp-content/themes/atomlab/assets/images/testimonial-blockquote.png) no-repeat 0 80px;
}
.tm-testimonial.style-5 .testimonial-desc {
font-size: 40px;
font-weight: 300;
letter-spacing: .041em;
margin-bottom: 51px;
line-height: 1.4;
}
.tm-testimonial.style-5 .testimonial-main-info {
display: flex;
align-items: center;
}
.tm-testimonial.style-5 .testimonial-name {
font-size: 24px;
font-weight: 700;
}
.tm-testimonial.style-5 .testimonial-by-line {
margin-left: 15px;
}
.tm-testimonial-pagination {
width: 360px;
height: 100px;
margin: 0 auto 45px;
text-align: center;
}
.tm-testimonial-pagination img {
transition: all 0.6s ease 0s;
width: 100px;
}
.tm-testimonial-pagination .swiper-slide:not(.swiper-slide-active) {
cursor: pointer;
}
.tm-testimonial-pagination .swiper-slide:not(.swiper-slide-active) img {
transform: scale(0.6);
}
.tm-testimonial-pagination .swiper-slide:not(.swiper-slide-active) img:hover {
transform: scale(0.7);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}
@media (max-width: 1199px) {
.tm-testimonial.style-5 .testimonial-desc {
font-size: 30px;
}
}
@media (max-width: 991px) {
.tm-testimonial.style-1 .testimonial-desc {
font-size: 18px;
}
.tm-testimonial.style-5 .testimonial-info {
padding-top: 90px;
background-position: 0 30px;
}
.tm-testimonial.style-5 .testimonial-desc {
font-size: 22px;
}
}
@media (max-width: 767px) {
.tm-testimonial.style-5 .testimonial-info {
margin-bottom: 40px;
}
.tm-testimonial.style-5 .post-thumbnail {
order: 2;
}
}
.tm-slider .spacing {
height: 32px;
}
.tm-slider .sub-title {
font-size: 14px;
font-weight: 700;
letter-spacing: 3px;
line-height: 1.71;
text-transform: uppercase;
margin-bottom: 14px;
}
.tm-slider .heading {
font-size: 24px;
margin-bottom: 12px;
}
.tm-slider.fw-image .image img {
width: 100%;
}
.tm-slider.tm-swiper.has-pagination.pagination-style-1 {
margin-bottom: 50px;
}
.tm-slider.tm-swiper.has-pagination.pagination-style-1 .swiper-pagination {
bottom: -50px;
}
.tm-slider.style-2 .swiper-container {
padding-bottom: 20px;
}
.tm-slider.style-2 .image-wrap {
position: relative;
display: inline-block;
}
.tm-slider.style-2 .image-wrap:before, .tm-slider.style-2 .image-wrap:after {
position: absolute;
content: '';
border-radius: 10px;
}
.tm-slider.style-2 .image-wrap:before {
background: #e9f5ff;
bottom: -20px;
left: 42px;
right: 42px;
height: 100%;
}
.tm-slider.style-2 .image-wrap:after {
background: #bae0ff;
bottom: -10px;
left: 25px;
right: 25px;
height: 100%;
}
.tm-slider.style-2 .image {
position: relative;
z-index: 3;
}
.tm-slider.style-2 .image img {
border-radius: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
}
.tm-slider-vertical .swiper-container {
max-height: 660px;
}
.tm-slider-vertical .swiper-slide-content {
text-align: center;
}
.tm-slider-vertical .image-wrap {
position: relative;
display: inline-block;
}
.tm-slider-vertical .image-wrap:before, .tm-slider-vertical .image-wrap:after {
position: absolute;
content: '';
border-radius: 10px;
}
.tm-slider-vertical .image-wrap:before {
background: #e9f5ff;
bottom: -20px;
left: 42px;
right: 42px;
height: 100%;
}
.tm-slider-vertical .image-wrap:after {
background: #bae0ff;
bottom: -10px;
left: 25px;
right: 25px;
height: 100%;
}
.tm-slider-vertical .image {
position: relative;
z-index: 3;
}
.tm-slider-vertical .image img {
border-radius: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
}
.tm-slider-frame.fw-image .image img {
width: 100%;
}
.tm-slider-frame.tm-swiper.has-pagination.pagination-style-1 {
margin-bottom: 50px;
}
.tm-slider-frame.tm-swiper.has-pagination.pagination-style-1 .swiper-pagination {
bottom: -50px;
}
.tm-slider-frame .swiper-container {
padding: 82px 0 95px;
}
.tm-slider-frame .static-iphone-frame-layer {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 99;
width: 320px;
}
.tm-slider-frame .static-iphone-frame-layer img {
width: 100%;
}
.tm-slider-frame .swiper-slide {
transition: all 2s;
width: 350px;
text-align: center;
}
.tm-slider-frame .swiper-slide > div {
width: 100%;
padding: 0 15px;
}
.tm-slider-frame .swiper-slide img {
width: 100%;
transition: all 2s;
border-radius: 8px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
}
.tm-slider-frame .swiper-slide.swiper-slide-active img {
width: 312px;
}
.tm-slider-icon-list.style-two-vertical-item-list-icon .heading {
font-size: 24px;
margin-bottom: 21px;
}
.tm-slider-icon-list.style-two-vertical-item-list-icon .icon {
font-size: 50px;
width: 75px;
}
.tm-slider-icon-list.style-two-vertical-item-list-icon .slide-item-wrapper {
display: flex;
}
.tm-slider-icon-list.style-two-vertical-item-list-icon .slide-item-wrapper + .slide-item-wrapper {
margin-top: 71px;
}
.tm-slider-icon-list.style-two-vertical-item-list-icon .icon {
flex-shrink: 0;
}
.tm-slider-icon-list.style-two-vertical-item-list-icon .slide-content-wrapper {
flex-grow: 1;
}
.tm-slider-icon-list.style-numbered-manual .number {
font-size: 30px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 16px;
}
.tm-slider-icon-list.style-numbered-manual .heading {
font-size: 20px;
margin-bottom: 22px;
}
.tm-product-banner-slider .spacing {
height: 32px;
}
.tm-product-banner-slider .info {
padding: 116px 90px 100px 90px;
background-color: #222222;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 5px;
}
.tm-product-banner-slider .sub-title {
color: #ffffff;
font-size: 14px;
font-weight: 700;
letter-spacing: 3px;
line-height: 1.71;
text-transform: uppercase;
margin-bottom: 17px;
}
.tm-product-banner-slider .heading {
color: #ffffff;
font-size: 56px;
line-height: 1.28;
margin-bottom: 38px;
}
.tm-product-banner-slider .text {
font-size: 24px;
color: #ffffff;
line-height: 1.5;
margin-bottom: 74px;
}
.tm-product-banner-slider.fw-image .image img {
width: 100%;
}
.tm-product-banner-slider .tm-product-banner-btn {
background-color: #ffffff;
border-color: #ffffff;
}
.tm-product-banner-slider .tm-product-banner-btn:hover {
color: #ffffff;
background-color: transparent;
}
.tm-product-banner-slider.tm-swiper.has-pagination.pagination-style-1 {
margin-bottom: 50px;
}
.tm-product-banner-slider.tm-swiper.has-pagination.pagination-style-1 .swiper-pagination {
bottom: -50px;
}
@media (max-width: 991px) {
.tm-product-banner-slider .heading {
font-size: 46px;
}
.tm-product-banner-slider .info {
padding: 50px 30px 100px;
}
.tm-product-banner-slider .text {
font-size: 20px;
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.tm-product-banner-slider .heading {
font-size: 36px;
}
.tm-product-banner-slider .text {
font-size: 16px;
}
}
.pricing-wrap {
display: flex;
align-items: flex-start;
}
.pricing-wrap .tm-pricing {
flex: 1 1 auto;
}
.tm-pricing-group {
box-shadow: 0 14px 29px rgba(0, 0, 0, 0.06);
background: #ffffff;
border-radius: 10px;
overflow: hidden;
}
.tm-pricing-group .tm-pricing.style-2 {
margin: 0;
}
.tm-pricing-group .tm-pricing.style-2 .inner {
border-radius: 0;
box-shadow: none;
}
.tm-pricing-group .tm-pricing.style-2 + .tm-pricing {
border-left: 2px solid #f3f3f3;
}
.tm-pricing {
z-index: 2;
}
.tm-pricing.style-1 {
margin-bottom: 30px;
}
.tm-pricing.style-1 .inner {
position: relative;
margin: 0 auto;
padding: 37px 30px 51px;
border-radius: 5px;
background-color: #fcfcfc;
box-shadow: 0 0 57px rgba(0, 0, 0, 0.08);
text-align: center;
}
.tm-pricing.style-1 .inner:hover {
transform: translateY(-10px);
box-shadow: 0 0 57px rgba(0, 0, 0, 0.17);
}
.tm-pricing.style-1.tm-pricing-featured .inner {
background: #ffffff;
padding: 52px 30px 58px;
}
.tm-pricing.style-1 .tm-pricing-header {
margin-bottom: 42px;
}
.tm-pricing.style-1 .price-wrap-inner {
display: flex;
align-items: flex-end;
justify-content: center;
}
.tm-pricing.style-1 .currency {
font-size: 18px;
font-weight: 700;
color: inherit;
}
.tm-pricing.style-1 .price {
font-size: 64px;
font-weight: 700;
line-height: .7;
margin-left: 4px;
margin-right: 4px;
}
.tm-pricing.style-1 .period {
font-size: 14px;
color: inherit;
}
.tm-pricing.style-1 .image {
margin-bottom: 30px;
}
.tm-pricing.style-1 .title {
font-size: 14px;
font-weight: 700;
letter-spacing: 3.11px;
text-transform: uppercase;
margin-bottom: 57px;
}
.tm-pricing.style-1 .description {
font-size: 13px;
}
.tm-pricing.style-1 .tm-pricing-list {
margin: 0;
padding: 0;
}
.tm-pricing.style-1 .tm-pricing-list li {
position: relative;
display: block;
padding: 16px 0;
list-style-type: none;
}
.tm-pricing.style-1 .tm-pricing-list li i {
font-size: 16px;
margin-right: 5px;
}
.tm-pricing.style-1 .tm-pricing-list li + li {
border-top: 1px solid #f3f3f3;
}
.tm-pricing.style-1 .tm-pricing-footer {
padding-top: 30px;
}
.tm-pricing.style-1 .tm-pricing-button {
min-width: 180px;
max-width: 100%;
}
.tm-pricing.style-2 {
margin-bottom: 30px;
}
.tm-pricing.style-2 .inner {
position: relative;
margin: 0 auto;
padding: 54px 0 0;
border-radius: 5px;
background-color: #ffffff;
box-shadow: 0 0 57px rgba(0, 0, 0, 0.08);
text-align: center;
}
.tm-pricing.style-2 .tm-pricing-header {
margin-bottom: 42px;
}
.tm-pricing.style-2 .icon {
font-size: 80px;
background: #f7fbfe;
border-radius: 50%;
width: 120px;
height: 120px;
margin: 0 auto 30px;
}
.tm-pricing.style-2 .icon span {
vertical-align: text-bottom;
}
.tm-pricing.style-2 .price-wrap-inner {
display: flex;
align-items: flex-end;
justify-content: center;
margin-bottom: 71px;
}
.tm-pricing.style-2 .currency {
font-size: 18px;
font-weight: 700;
color: inherit;
}
.tm-pricing.style-2 .price {
font-size: 64px;
font-weight: 700;
line-height: .7;
margin-left: 4px;
margin-right: 4px;
}
.tm-pricing.style-2 .period {
font-size: 14px;
color: inherit;
}
.tm-pricing.style-2 .image {
margin-bottom: 30px;
}
.tm-pricing.style-2 .title {
font-size: 14px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 35px;
}
.tm-pricing.style-2 .description {
font-size: 13px;
}
.tm-pricing.style-2 .tm-pricing-content {
padding: 0 30px;
}
.tm-pricing.style-2 .tm-pricing-list {
margin: 0;
padding: 0;
}
.tm-pricing.style-2 .tm-pricing-list li {
position: relative;
display: block;
padding: 16px 0;
list-style-type: none;
}
.tm-pricing.style-2 .tm-pricing-list li i {
font-size: 16px;
margin-right: 5px;
}
.tm-pricing.style-2 .tm-pricing-list li + li {
border-top: 1px solid #f3f3f3;
}
.tm-pricing.style-2 .tm-pricing-footer {
padding-top: 42px;
}
.tm-pricing.style-2 .tm-pricing-button {
min-width: 180px;
max-width: 100%;
width: 100%;
border-radius: 0;
height: 56px;
line-height: 54px;
}
@media (max-width: 991px) {
.pricing-wrap {
flex-wrap: wrap;
}
.pricing-wrap .tm-pricing {
width: 100%;
max-width: 100%;
}
}
.tm-countdown {
text-align: center;
max-width: 770px;
margin: 0 auto;
}
.tm-countdown .day,
.tm-countdown .hour,
.tm-countdown .minute,
.tm-countdown .second {
text-align: center;
flex-grow: 1;
}
.tm-countdown .countdown-wrap {
display: flex;
align-items: center;
}
.tm-countdown.style-1 .number {
display: inline-block;
font-size: 100px;
font-weight: 300;
line-height: 1;
}
.tm-countdown.style-1 .text {
display: block;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 700;
font-size: 14px;
margin-top: 18px;
}
.tm-countdown.style-1.skin-light .number {
color: #ffffff;
}
.tm-countdown.style-1.skin-light .text {
color: rgba(255, 255, 255, 0.7);
}
.tm-countdown.style-2 .number {
display: block;
font-size: 100px;
line-height: 1;
font-weight: 700;
text-shadow: 7px 2px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 15px;
}
.tm-countdown.style-2 .text {
color: rgba(171, 171, 171, 0.7);
font-size: 16px;
font-weight: 700;
letter-spacing: 3.43px;
text-transform: uppercase;
}
.tm-countdown.style-2.skin-light .number {
color: #ffffff;
text-shadow: 7px 2px 0 rgba(255, 255, 255, 0.2);
}
.tm-countdown.style-2.skin-light .text {
color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 1199px) {
.tm-countdown.style-1 .number {
font-size: 80px;
}
.tm-countdown.style-2 .number {
font-size: 80px;
}
}
@media (max-width: 991px) {
.tm-countdown.style-1 .number {
font-size: 60px;
}
.tm-countdown.style-2 .number {
font-size: 60px;
}
}
@media (max-width: 767px) {
.tm-countdown.style-1 .number {
font-size: 40px;
}
.tm-countdown.style-2 .number {
font-size: 40px;
}
}
.tm-counter {
margin-bottom: 30px;
}
.tm-counter.style-1 .icon {
font-size: 40px;
line-height: 1;
margin-bottom: 18px;
}
.tm-counter.style-1 .number-wrap {
display: flex;
margin-bottom: 8px;
font-size: 34px;
line-height: 1.35;
}
.tm-counter.style-1 .text {
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
letter-spacing: .214em;
line-height: 1.4;
}
.tm-counter.style-1.skin-light .icon {
color: rgba(255, 255, 255, 0.5);
}
.tm-counter.style-1.skin-light .number-wrap {
color: #ffffff;
}
.tm-counter.style-1.skin-light .text {
color: #ffffff;
}
.tm-counter.style-2 .counter-wrap {
position: relative;
padding-left: 15px;
}
.tm-counter.style-2 .counter-wrap:before {
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
height: 60px;
width: 1px;
background: #dddddd;
content: '';
}
.tm-counter.style-2 .icon {
font-size: 40px;
margin-bottom: 3px;
}
.tm-counter.style-2 .number-wrap {
display: flex;
margin-bottom: 14px;
font-size: 34px;
line-height: 1;
}
.tm-counter.style-2 .text {
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .214em;
}
.tm-counter.style-2.skin-light .counter-wrap {
position: relative;
padding-left: 15px;
}
.tm-counter.style-2.skin-light .counter-wrap:before {
background: rgba(255, 255, 255, 0.5);
}
.tm-counter.style-2.skin-light .icon {
color: rgba(255, 255, 255, 0.5);
}
.tm-counter.style-2.skin-light .number-wrap {
color: #ffffff;
}
.tm-counter.style-2.skin-light .text {
color: #ffffff;
}
.tm-counter.align-left .number-wrap {
justify-content: flex-start;
}
.tm-counter.align-center .number-wrap {
justify-content: center;
}
.tm-counter.align-right .number-wrap {
justify-content: flex-end;
}
.tm-team-member {
position: relative;
}
.tm-team-member.style-1 {
padding: 30px;
text-align: center;
overflow: hidden;
margin-bottom: 30px;
}
.tm-team-member.style-1:hover {
background: #ffffff;
box-shadow: 0 2px 47px rgba(0, 0, 0, 0.06);
transform: translateY(-10px);
border-radius: 5px;
}
.tm-team-member.style-1:hover .position {
visibility: hidden;
opacity: 0;
}
.tm-team-member.style-1:hover .social-networks {
height: auto;
visibility: visible;
opacity: 1;
transform: translate(-50%, 0);
}
.tm-team-member.style-1.effect-grayscale .photo img {
filter: grayscale(100%);
}
.tm-team-member.style-1.effect-grayscale:hover .photo img {
filter: none;
}
.tm-team-member.style-1 .photo {
margin-bottom: 22px;
}
.tm-team-member.style-1 .photo img {
border-radius: 50%;
}
.tm-team-member.style-1 .social-footer {
position: relative;
}
.tm-team-member.style-1 .social-networks {
opacity: 0;
visibility: hidden;
height: 0;
margin: 0 -8px;
transform: translate(-50%, 15px);
position: absolute;
top: 0;
left: 50%;
}
.tm-team-member.style-1 .social-networks a {
display: inline-block;
padding: 5px 8px;
font-size: 16px;
line-height: 1;
color: #cccccc;
}
.tm-team-member.style-1 .name {
font-size: 18px;
font-weight: 700;
line-height: 1.16;
margin-bottom: 11px;
}
.tm-team-member.style-1 .position {
font-size: 14px;
font-style: italic;
}
.tm-team-member.style-1 .description {
margin-top: 10px;
}
.tm-team-member.style-2 {
text-align: center;
}
.tm-team-member.style-2 .info {
margin-top: 41px;
}
.tm-team-member.style-2 .name {
font-size: 24px;
font-weight: 700;
line-height: 1.16;
margin-bottom: 9px;
}
.tm-team-member.style-2 .position {
font-size: 14px;
font-style: italic;
}
.tm-team-member.style-2 .description {
margin-top: 10px;
}
.tm-team-member.style-2 .social-networks {
display: none;
}
@media (min-width: 544px) {
.tm-team-member-group.style-carousel_zigzag .swiper-slide {
opacity: .5;
}
.tm-team-member-group.style-carousel_zigzag .info {
display: none;
}
.tm-team-member-group.style-carousel_zigzag .swiper-slide-active {
opacity: 1;
}
.tm-team-member-group.style-carousel_zigzag .swiper-slide-active .photo img {
box-shadow: 29px 50px 52px rgba(0, 0, 0, 0.13);
}
.tm-team-member-group.style-carousel_zigzag .swiper-slide-active .info {
display: block;
}
.tm-team-member-group.style-carousel_zigzag .swiper-slide-next {
transform: translateY(70px);
}
.tm-team-member-group.style-carousel_zigzag .swiper-slide-next + .swiper-slide {
transform: translateY(140px);
}
}
.tm-social-networks {
padding: 0;
margin: 0 -8px;
}
.tm-social-networks .item {
list-style-type: none;
}
.tm-social-networks .link {
padding: 5px 8px;
}
.tm-social-networks.layout-list {
display: block;
}
.tm-social-networks.layout-inline .item {
display: inline-block;
}
.tm-social-networks.layout-two-columns {
margin: 0 -10px;
}
.tm-social-networks.layout-two-columns .item {
display: block;
float: left;
width: 50%;
}
.tm-social-networks.layout-two-columns .link {
padding: 5px 10px;
}
.tm-social-networks.style-icons {
font-size: 16px;
}
.tm-social-networks.style-icon-title .link-icon {
font-size: 14px;
margin-right: 10px;
}
.tm-social-networks.style-title {
margin: 0 -13px;
}
.tm-social-networks.style-title .link {
padding: 5px 13px;
}
.tm-social-networks.style-title .link-text {
font-size: 16px;
font-weight: 700;
}
.tm-social-networks .link {
display: inline-block;
}
.tm-social-networks br {
display: none;
}
.tm-pie-chart {
margin-bottom: 30px;
}
.tm-pie-chart.style-01 {
text-align: center;
}
.tm-pie-chart.style-01 .chart {
position: relative;
margin: 0 auto 50px;
width: 126px;
height: 126px;
}
.tm-pie-chart.style-01 .chart canvas {
position: absolute;
top: 0;
left: 0;
}
.tm-pie-chart.style-01 .piecharts-number {
position: absolute;
top: 50%;
left: 50%;
font-weight: 400;
font-size: 55px;
line-height: 1;
transform: translate(-50%, -50%);
}
.tm-pie-chart.style-01 .piecharts-number span {
vertical-align: super;
font-size: 20px;
}
.tm-pie-chart.style-01 .inner-circle {
width: 100%;
height: 100%;
border-radius: 50%;
}
.tm-pie-chart.style-01 .title {
margin-bottom: 12px;
}
.tm-pie-chart.style-01 .title h6 {
font-size: 22px;
}
.tm-pie-chart.style-01 .subtitle {
font-size: 16px;
font-style: italic !important;
}
.tm-pie-chart.style-02 {
display: flex;
}
.tm-pie-chart.style-02 .chart {
position: relative;
flex-shrink: 0;
width: 126px;
height: 126px;
margin-right: 70px;
}
.tm-pie-chart.style-02 .chart canvas {
position: absolute;
top: 0;
left: 0;
}
.tm-pie-chart.style-02 .piecharts-number {
position: absolute;
top: 50%;
left: 50%;
font-weight: 400;
font-size: 55px;
line-height: 1;
transform: translate(-50%, -50%);
}
.tm-pie-chart.style-02 .piecharts-number span {
vertical-align: super;
font-size: 20px;
}
.tm-pie-chart.style-02 .inner-circle {
width: 100%;
height: 100%;
border-radius: 50%;
}
.tm-pie-chart.style-02 .title {
margin-bottom: 12px;
}
.tm-pie-chart.style-02 .title h6 {
font-size: 18px;
font-weight: 700;
}
.tm-pie-chart.style-02 .subtitle {
font-size: 15px;
line-height: 2.13;
}
@media (max-width: 543px) {
.tm-pie-chart {
margin-bottom: 50px;
}
.tm-pie-chart .chart {
margin-bottom: 30px;
}
}
@media (max-width: 543px) {
.tm-pie-chart.style-02 {
text-align: center;
display: block;
}
.tm-pie-chart.style-02 .chart {
margin: 0 auto 30px;
}
}
.wpcf7 .wpcf7-response-output {
margin: 30px 0 0;
padding: 15px 20px;
border: 0;
color: #ffffff;
}
.wpcf7 .wpcf7-validation-errors {
background: #f0ad4e;
}
.wpcf7 .wpcf7-mail-sent-ok {
background: #5cb85c;
}
.wpcf7 .wpcf7-not-valid-tip {
margin-top: 5px;
color: #d9534f;
font-size: 12px;
}
.tm-contact-form-7 .wpcf7-form br {
display: none;
}
.tm-contact-form-7 .row {
margin-left: -10px;
margin-right: -10px;
}
.tm-contact-form-7 [class*=col-] {
padding-left: 10px;
padding-right: 10px;
}
.tm-contact-form-7 .form-item {
position: relative;
}
.tm-contact-form-7 .form-item.has-icon .wpcf7-text,
.tm-contact-form-7 .form-item.has-icon .wpcf7-date {
padding-right: 40px;
}
.tm-contact-form-7 .form-icon {
font-size: 18px;
color: #cccccc;
position: absolute;
top: 14px;
right: 17px;
line-height: 0;
}
.tm-contact-form-7 .wpcf7-form-control-wrap {
display: block;
margin-bottom: 20px;
}
.tm-contact-form-7 .wpcf7-textarea {
margin-bottom: 30px;
height: 150px;
}
.tm-contact-form-7 .ajax-loader {
display: none !important;
}
.tm-contact-form-7 .wpcf7-submit {
display: block;
margin: 0;
}
.tm-contact-form-7.skin-white .wpcf7-text,
.tm-contact-form-7.skin-white .wpcf7-date,
.tm-contact-form-7.skin-white .wpcf7-select,
.tm-contact-form-7.skin-white .wpcf7-textarea {
background-color: #ffffff;
}
.tm-contact-form-7.skin-light .wpcf7-text,
.tm-contact-form-7.skin-light .wpcf7-textarea {
border-color: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.3);
}
.tm-contact-form-7.skin-light .wpcf7-text::-webkit-input-placeholder,
.tm-contact-form-7.skin-light .wpcf7-textarea::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.3);
}
.tm-contact-form-7.skin-light .wpcf7-text:-moz-placeholder,
.tm-contact-form-7.skin-light .wpcf7-textarea:-moz-placeholder { color: rgba(255, 255, 255, 0.3);
}
.tm-contact-form-7.skin-light .wpcf7-text::-moz-placeholder,
.tm-contact-form-7.skin-light .wpcf7-textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.3);
}
.tm-contact-form-7.skin-light .wpcf7-text:-ms-input-placeholder,
.tm-contact-form-7.skin-light .wpcf7-textarea:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.3);
}
.tm-contact-form-7.skin-light .wpcf7-text:focus,
.tm-contact-form-7.skin-light .wpcf7-textarea:focus {
color: #ffffff;
border-color: #ffffff;
}
.tm-contact-form-7.skin-light .wpcf7-submit {
border: 2px solid transparent;
color: #ffffff;
background: transparent;
}
.form-seo-check .wpcf7-text {
background-color: #ffffff;
}
@media (min-width: 768px) {
.form-seo-check {
display: flex;
}
.form-seo-check .form-wrap:first-child input {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.form-seo-check .form-wrap-grow {
flex-grow: 1;
}
.form-seo-check .wpcf7-form-control {
height: 64px;
}
.form-seo-check .wpcf7-text {
border-radius: 0;
}
.form-seo-check .wpcf7-submit {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
.tm-mailchimp-form .subscribe-form {
display: flex;
margin: 0 -15px;
}
.tm-mailchimp-form .form-item {
padding: 0 15px;
}
.tm-mailchimp-form .form-item.flex-auto {
flex-grow: 1;
}
.tm-mailchimp-form .form-item.flex-shrink {
flex-shrink: 0;
}
.tm-mailchimp-form button i {
display: none;
}
.tm-mailchimp-form.style-1 {
position: relative;
border-radius: 5px;
overflow: hidden;
margin: 0 auto;
}
.tm-mailchimp-form.style-1 input[type=email] {
background: #ffffff;
padding: 3px 155px 3px 20px;
}
.tm-mailchimp-form.style-1 input[type=email]::-webkit-input-placeholder {
color: #cccccc;
}
.tm-mailchimp-form.style-1 input[type=email]:-moz-placeholder {
color: #cccccc;
}
.tm-mailchimp-form.style-1 input[type=email]::-moz-placeholder {
color: #cccccc;
}
.tm-mailchimp-form.style-1 input[type=email]:-ms-input-placeholder {
color: #cccccc;
}
.tm-mailchimp-form.style-1 .form-submit {
position: absolute;
top: 0;
right: 0;
padding: 0 31px;
border-radius: 0 5px 5px 0;
color: #ffffff;
border: 0;
}
.tm-mailchimp-form.style-2 {
position: relative;
border-radius: 5px;
overflow: hidden;
margin: 0 auto;
}
.tm-mailchimp-form.style-2 input[type=email] {
background: rgba(255, 255, 255, 0.21);
padding: 3px 155px 3px 20px;
border: 0;
color: #ffffff;
}
.tm-mailchimp-form.style-2 input[type=email]::-webkit-input-placeholder {
color: inherit;
}
.tm-mailchimp-form.style-2 input[type=email]:-moz-placeholder {
color: inherit;
}
.tm-mailchimp-form.style-2 input[type=email]::-moz-placeholder {
color: inherit;
}
.tm-mailchimp-form.style-2 input[type=email]:-ms-input-placeholder {
color: inherit;
}
.tm-mailchimp-form.style-2 .form-submit {
position: absolute;
top: 0;
right: 0;
padding: 0 31px;
border-radius: 0 5px 5px 0;
background: #ffffff;
border-color: #ffffff;
}
.tm-mailchimp-form.style-3 {
position: relative;
border-radius: 5px;
overflow: hidden;
margin: 0 auto;
}
.tm-mailchimp-form.style-3 input[type=email] {
background: rgba(69, 69, 69, 0.3);
padding: 3px 155px 3px 20px;
border: 0;
color: #ffffff;
}
.tm-mailchimp-form.style-3 input[type=email]::-webkit-input-placeholder {
color: inherit;
}
.tm-mailchimp-form.style-3 input[type=email]:-moz-placeholder {
color: inherit;
}
.tm-mailchimp-form.style-3 input[type=email]::-moz-placeholder {
color: inherit;
}
.tm-mailchimp-form.style-3 input[type=email]:-ms-input-placeholder {
color: inherit;
}
.tm-mailchimp-form.style-3 .form-submit {
position: absolute;
top: 0;
right: 0;
padding: 0 31px;
border-radius: 0 5px 5px 0;
background: #ffffff;
border-color: #ffffff;
}
.tm-mailchimp-form.style-4 input[type=email] {
background: rgba(255, 255, 255, 0.2);
border-color: transparent;
color: #ffffff;
text-align: center;
}
.tm-mailchimp-form.style-4 input[type=email]:focus {
border-color: #ffffff;
}
.tm-mailchimp-form.style-4 input[type=email]::-webkit-input-placeholder {
color: inherit;
}
.tm-mailchimp-form.style-4 input[type=email]:-moz-placeholder {
color: inherit;
}
.tm-mailchimp-form.style-4 input[type=email]::-moz-placeholder {
color: inherit;
}
.tm-mailchimp-form.style-4 input[type=email]:-ms-input-placeholder {
color: inherit;
}
.tm-mailchimp-form.style-4 .form-submit {
min-width: 180px;
display: block;
margin: 16px auto 0;
}
.tm-mailchimp-form.style-4 .form-submit:hover {
background: transparent;
}
@media (max-width: 543px) {
.tm-mailchimp-form.style-1 input[type=email], .tm-mailchimp-form.style-2 input[type=email], .tm-mailchimp-form.style-3 input[type=email] {
padding: 3px 20px 3px 20px;
}
.tm-mailchimp-form.style-1 .form-submit, .tm-mailchimp-form.style-2 .form-submit, .tm-mailchimp-form.style-3 .form-submit {
position: static;
display: block;
border-radius: 5px;
margin: 20px auto 0;
}
}
.tm-search-form .search-form {
position: relative;
}
.tm-search-form .search-field {
padding: 3px 160px 3px 20px;
background: #ffffff;
}
.tm-search-form .search-field::-webkit-input-placeholder {
font-weight: 500;
}
.tm-search-form .search-field:-moz-placeholder { font-weight: 500;
}
.tm-search-form .search-field::-moz-placeholder { font-weight: 500;
}
.tm-search-form .search-field:-ms-input-placeholder {
font-weight: 500;
}
.tm-search-form .search-submit {
position: absolute;
top: 0;
right: 0;
border: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
font-size: 20px;
font-weight: 700;
letter-spacing: 1.25px;
}
.tm-search-form .search-submit:hover {
color: #ffffff;
}
.tm-search-form .search-btn-icon {
display: none;
}
.tm-search-form .search-btn-text {
display: block;
}
.tm-search-form .category-wrap {
margin-top: 40px;
display: flex;
justify-content: center;
}
.tm-search-form .category-label {
display: inline-block;
color: #ffffff;
margin-right: 34px;
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
}
.tm-search-form .category-list {
display: inline-block;
}
.tm-search-form .category-list a {
display: inline-block;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 14px;
font-weight: 700;
background: rgba(126, 126, 126, 0.3);
border-radius: 3px;
padding: 5px 15px;
margin-right: 11px;
margin-bottom: 12px;
}
@media (min-width: 768px) {
.tm-search-form .search-field {
height: 64px;
padding: 3px 190px 3px 30px;
}
.tm-search-form .search-submit {
min-width: 180px;
height: 64px;
}
}
.tm-popup-video .video-play {
transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
}
.tm-popup-video .video-play:hover {
transform: scale3d(1.15, 1.15, 1.15);
}
.tm-popup-video.style-poster-01, .tm-popup-video.style-poster-02, .tm-popup-video.style-poster-03 {
position: relative;
}
.tm-popup-video.style-poster-01 .video-poster, .tm-popup-video.style-poster-02 .video-poster, .tm-popup-video.style-poster-03 .video-poster {
position: relative;
z-index: 2;
}
.tm-popup-video.style-poster-01 .video-poster img, .tm-popup-video.style-poster-02 .video-poster img, .tm-popup-video.style-poster-03 .video-poster img {
border-radius: 5px;
width: 100%;
}
.tm-popup-video.style-poster-01:hover .video-play, .tm-popup-video.style-poster-02:hover .video-play, .tm-popup-video.style-poster-03:hover .video-play {
transform: translate(-50%, -50%) scale(1.2);
}
.tm-popup-video.style-poster-01 .video-overlay, .tm-popup-video.style-poster-02 .video-overlay, .tm-popup-video.style-poster-03 .video-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
border-radius: 5px;
background: rgba(69, 69, 69, 0.2);
}
.tm-popup-video.style-poster-01 .video-play, .tm-popup-video.style-poster-02 .video-play, .tm-popup-video.style-poster-03 .video-play {
position: absolute;
top: 50%;
left: 50%;
width: 72px;
height: 72px;
border-radius: 50%;
color: #ffffff;
border: 6px solid #ffffff;
transform: translate(-50%, -50%);
}
.tm-popup-video.style-poster-01 .video-play i, .tm-popup-video.style-poster-02 .video-play i, .tm-popup-video.style-poster-03 .video-play i {
position: absolute;
top: 50%;
left: 50%;
font-size: 38px;
line-height: 1;
transform: translate(-50%, -50%);
margin-left: 2px;
}
.tm-popup-video.style-poster-02 {
margin-bottom: 33px;
}
.tm-popup-video.style-poster-02 .video-overlay-mark {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.tm-popup-video.style-poster-02 .video-overlay-mark:before {
bottom: -33px;
width: 56%;
background: #cde5f8;
}
.tm-popup-video.style-poster-02 .video-overlay-mark:after {
bottom: -17px;
width: 82%;
background: #9dd2fc;
z-index: 1;
}
.tm-popup-video.style-poster-02 .video-overlay-mark:before, .tm-popup-video.style-poster-02 .video-overlay-mark:after {
content: '';
position: absolute;
left: 50%;
height: 100%;
transform: translate(-50%, 0);
border-radius: 3px;
}
.tm-popup-video.style-poster-03 {
margin: 85px 0;
}
.tm-popup-video.style-poster-03 .video-overlay-mark {
position: absolute;
left: -55px;
width: 64%;
top: -85px;
bottom: -85px;
background: #f7fbfe;
border-radius: 5px;
}
.tm-popup-video.style-button:hover .video-play {
transform: scale(1.2);
}
.tm-popup-video.style-button a {
display: inline-block;
}
.tm-popup-video.style-button .video-button {
display: flex;
align-items: center;
}
.tm-popup-video.style-button .video-text {
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
color: #ffffff;
margin-left: 20px;
letter-spacing: 3px;
}
.tm-popup-video.style-button .video-play {
position: relative;
width: 72px;
height: 72px;
border-radius: 50%;
color: #ffffff;
border: 6px solid #ffffff;
opacity: .7;
}
.tm-popup-video.style-button .video-play i {
position: absolute;
top: 50%;
left: 50%;
font-size: 38px;
line-height: 1;
transform: translate(-50%, -50%);
margin-left: 2px;
}
.tm-popup-video.style-button-02:hover .video-play {
transform: scale(1.2);
}
.tm-popup-video.style-button-02 a {
display: inline-block;
}
.tm-popup-video.style-button-02 .video-button {
display: flex;
align-items: center;
}
.tm-popup-video.style-button-02 .video-text {
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
color: #ffffff;
margin-left: 20px;
letter-spacing: 3px;
}
.tm-popup-video.style-button-02 .video-play {
position: relative;
width: 100px;
height: 100px;
border-radius: 50%;
color: #ffffff;
border: 9px solid #ffffff;
}
.tm-popup-video.style-button-02 .video-play i {
position: absolute;
top: 50%;
left: 50%;
font-size: 54px;
line-height: 1;
transform: translate(-50%, -50%);
margin-left: 2px;
}
.tm-popup-video.style-button-03:hover .video-play {
transform: scale(1.15);
}
.tm-popup-video.style-button-03 a {
display: inline-block;
}
.tm-popup-video.style-button-03 .video-button {
display: flex;
align-items: center;
}
.tm-popup-video.style-button-03 .video-text {
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
color: #ffffff;
margin-left: 20px;
letter-spacing: 3px;
}
.tm-popup-video.style-button-03 .video-play {
position: relative;
width: 90px;
height: 90px;
border-radius: 50%;
color: #ffffff;
background: #333333;
}
.tm-popup-video.style-button-03 .video-play:before {
position: absolute;
content: '';
border-radius: 50%;
width: calc(100% + 30px);
height: calc(100% + 30px);
background: rgba(55, 55, 55, 0.05);
left: -15px;
top: -15px;
}
.tm-popup-video.style-button-03 .video-play i {
position: absolute;
top: 50%;
left: 50%;
font-size: 30px;
line-height: 1;
transform: translate(-50%, -50%);
margin-left: 2px;
}
.tm-popup-video.style-button-04:hover .video-play {
transform: scale(1.2);
}
.tm-popup-video.style-button-04 a {
display: inline-block;
}
.tm-popup-video.style-button-04 .video-button {
display: flex;
align-items: center;
}
.tm-popup-video.style-button-04 .video-text {
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
color: #ffffff;
margin-left: 20px;
letter-spacing: 3px;
}
.tm-popup-video.style-button-04 .video-play {
position: relative;
flex-shrink: 0;
width: 48px;
height: 48px;
border-radius: 50%;
color: #ffffff;
border: 4px solid #ffffff;
}
.tm-popup-video.style-button-04 .video-play i {
position: absolute;
top: 50%;
left: 50%;
font-size: 24px;
line-height: 1;
transform: translate(-50%, -50%);
margin-left: 2px;
}
.tm-gallery {
position: relative;
}
.tm-gallery img {
width: 100%;
}
.tm-gallery .gallery-item:hover .overlay {
visibility: visible;
opacity: .9;
}
.tm-gallery .gallery-item > a {
display: block;
position: relative;
width: 100%;
height: 100%;
}
.tm-gallery .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
}
.tm-gallery .overlay > div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 50px;
color: #ffffff;
}
.tm-view-demo .item-wrap {
position: relative;
transition: all .5s;
}
.tm-view-demo .item-wrap:hover {
box-shadow: 0 0 49px rgba(0, 0, 0, 0.17);
transform: translateY(-10px);
}
.tm-view-demo .item-wrap:hover .overlay {
visibility: visible;
opacity: .9;
}
.tm-view-demo .item-wrap:hover .overlay-content {
visibility: visible;
opacity: 1;
transition: .5s ease-out .3s;
transform: translateY(0);
}
.tm-view-demo .item-wrap:hover .heading {
color: #ffffff;
}
.tm-view-demo .hide-title .heading {
display: none;
}
.tm-view-demo .info {
position: absolute;
top: 0;
left: 0;
padding: 46px 30px 30px 52px;
}
.tm-view-demo .heading {
font-size: 28px;
line-height: 1.17;
color: #9b9b9b;
}
.tm-view-demo .heading a {
color: inherit;
}
.tm-view-demo .thumbnail {
position: relative;
overflow: hidden;
}
.tm-view-demo .thumbnail img {
width: 100%;
}
.tm-view-demo .overlay {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity .3s;
}
.tm-view-demo .overlay-content {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
width: 100%;
height: 100%;
opacity: 0;
transform: translateY(-20px);
}
.tm-view-demo .overlay-content-inner {
display: table;
width: 100%;
height: 100%;
}
.tm-view-demo .overlay-content-wrap {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.tm-view-demo .tm-button.tm-button-view-demo:hover {
color: #ffffff;
}
.tm-view-demo .new {
border-radius: 50%;
position: absolute;
top: 35px;
right: 25px;
width: 90px;
height: 90px;
line-height: 90px;
text-align: center;
background: #e94040;
color: #ffffff;
font-weight: 600;
font-size: 16px;
z-index: 999;
text-transform: uppercase;
}
.tm-view-demo .hot {
position: absolute;
top: 25px;
right: 15px;
z-index: 999;
}
.tm-instagram {
position: relative;
}
.tm-instagram.style-grid br {
display: none;
}
.tm-instagram.style-grid:hover .instagram-user-name {
opacity: 0;
visibility: hidden;
transform: translate(-50%, -50%) scale3d(0.8, 0.8, 0.8);
}
.tm-instagram.style-grid .instagram-user-name {
transition: all 0.6s cubic-bezier(0, 0, 0.2, 1);
padding: 10px 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #ffffff;
box-shadow: 0 47px 30px rgba(0, 0, 0, 0.21);
font-size: 16px;
min-width: 190px;
text-align: center;
border-radius: 1px;
}
.tm-instagram.style-grid img {
width: 100%;
transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
}
.tm-instagram.style-grid .inner {
position: relative;
overflow: hidden;
}
.tm-instagram.style-grid .inner .item-info {
position: absolute;
top: 50%;
left: 0;
width: 100%;
color: #ffffff;
text-align: center;
transform: translate(0, -50%);
margin: 0;
padding: 0;
}
.tm-instagram.style-grid .inner .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
cursor: pointer;
}
.tm-instagram.style-grid .inner:hover .overlay {
visibility: visible;
opacity: 1;
}
.tm-instagram.style-grid .inner:hover img {
transform: scale3d(1.1, 1.1, 1.1);
}
.tm-instagram.style-grid .inner .item-info .likes,
.tm-instagram.style-grid .inner .item-info .comments {
position: relative;
padding-left: 20px;
color: #ffffff;
font-size: 18px;
display: inline-block;
}
.tm-instagram.style-grid .inner .item-info .likes:before,
.tm-instagram.style-grid .inner .item-info .comments:before {
position: absolute;
top: 0;
left: 0;
font-family: Ionicons;
}
.tm-instagram.style-grid .inner .item-info .likes:before {
content: '\f443';
}
.tm-instagram.style-grid .inner .item-info .comments {
margin-left: 10px;
}
.tm-instagram.style-grid .inner .item-info .comments:before {
content: '\f11d';
}
.tm-instagram.style-small-rounded-list {
display: flex;
align-items: center;
}
.tm-instagram.style-small-rounded-list img {
width: 60px;
height: 60px;
border-radius: 50%;
}
.tm-instagram.style-small-rounded-list .tm-grid {
flex-shrink: 0;
}
.tm-instagram.style-small-rounded-list .grid-item {
display: inline-block;
padding: 0 5px;
}
.tm-instagram.style-small-rounded-list .instagram-text {
letter-spacing: 2px;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
margin-right: 25px;
}
.tm-twitter.style-slider-quote {
max-width: 900px;
margin: 0 auto;
}
.tm-twitter.style-slider-quote .tweet-info {
position: relative;
padding-left: 55px;
}
.tm-twitter.style-slider-quote .tweet-info:before {
position: absolute;
top: 0;
left: 23px;
display: block;
content: '\f243';
font-family: 'Ionicons';
font-size: 18px;
line-height: 1;
font-weight: 500;
}
.tm-twitter.style-slider-quote .tweet-heading {
font-size: 32px;
}
.tm-twitter.style-slider-quote .tweet-text {
position: relative;
font-size: 14px;
border: 1px solid #ededed;
background: #f7fbfe;
border-radius: 5px;
padding: 17px 20px 25px;
margin-bottom: 25px;
word-break: break-all;
}
.tm-twitter.style-slider-quote .tweet-text:before, .tm-twitter.style-slider-quote .tweet-text:after {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
transform: rotate(45deg);
}
.tm-twitter.style-slider-quote .tweet-text:before {
left: 30px;
bottom: -12px;
border-color: transparent #ededed transparent transparent;
border-width: 12px;
}
.tm-twitter.style-slider-quote .tweet-text:after {
left: 33px;
bottom: -10px;
border-color: transparent #f7fbfe transparent transparent;
border-width: 10px;
}
.tm-twitter.style-slider-quote .tweet-heading {
font-size: 14px;
font-weight: 700;
}
.tm-twitter.style-slider-quote .tweet-date {
font-size: 14px;
font-style: italic;
}
.tm-twitter.style-slider-quote-02 {
max-width: 900px;
margin: 0 auto;
}
.tm-twitter.style-slider-quote-02 .tweet-info {
position: relative;
padding-left: 55px;
}
.tm-twitter.style-slider-quote-02 .tweet-info:before {
position: absolute;
top: 0;
left: 23px;
display: block;
content: '\f243';
font-family: 'Ionicons';
font-size: 18px;
line-height: 1;
font-weight: 500;
}
.tm-twitter.style-slider-quote-02 .tweet-heading {
font-size: 32px;
}
.tm-twitter.style-slider-quote-02 .tweet-text {
position: relative;
font-size: 14px;
border: 1px solid #222222;
background: #2d2d2d;
border-radius: 5px;
padding: 17px 20px 25px;
margin-bottom: 25px;
word-break: break-all;
}
.tm-twitter.style-slider-quote-02 .tweet-text:before, .tm-twitter.style-slider-quote-02 .tweet-text:after {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
transform: rotate(45deg);
}
.tm-twitter.style-slider-quote-02 .tweet-text:before {
left: 30px;
bottom: -12px;
border-color: transparent #222222 transparent transparent;
border-width: 12px;
}
.tm-twitter.style-slider-quote-02 .tweet-text:after {
left: 33px;
bottom: -10px;
border-color: transparent #2d2d2d transparent transparent;
border-width: 10px;
}
.tm-twitter.style-slider-quote-02 .tweet-heading {
font-size: 14px;
font-weight: 700;
color: #ffffff;
}
.tm-twitter.style-slider-quote-02 .tweet-date {
font-size: 14px;
font-style: italic;
}
.tm-twitter.style-slider {
max-width: 900px;
margin: 0 auto;
}
.tm-twitter.style-slider .tweet {
position: relative;
text-align: center;
}
.tm-twitter.style-slider .tweet:before {
display: block;
content: '\f243';
font-family: 'Ionicons';
font-size: 120px;
line-height: 1;
margin-bottom: 10px;
}
.tm-twitter.style-slider .tweet .tweet-heading {
font-size: 32px;
}
.tm-twitter.style-slider .tweet .tweet-text {
font-size: 24px;
margin-top: 40px;
}
.tm-twitter.style-slider .tweet + .tweet {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #eeeeee;
}
.tm-twitter.style-slider .tweet + .tweet:before {
top: 13px;
}
.tm-twitter.style-list .item + .item {
margin-top: 45px;
}
.tm-twitter.style-list .tweet {
position: relative;
padding-left: 31px;
}
.tm-twitter.style-list .tweet:before {
position: absolute;
top: 3px;
left: 0;
content: '\f243';
font-family: 'Ionicons';
font-size: 18px;
line-height: 1;
}
.tm-twitter.style-list .tweet .tweet-date {
font-size: 12px;
}
.tm-twitter.style-list .tweet + .tweet {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #eeeeee;
}
.tm-twitter.style-list .tweet + .tweet:before {
top: 13px;
}
.tm-timeline ul {
margin: 0;
padding: 0;
}
.tm-timeline ul li {
position: relative;
margin: 0 auto;
width: 1px;
list-style-type: none;
}
.tm-timeline ul li:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background-color: #eeeeee;
}
.tm-timeline ul li:after {
position: absolute;
top: 0;
left: 50%;
width: 19px;
height: 19px;
border-radius: 50%;
content: '';
transform: translateX(-50%);
}
.tm-timeline ul li:nth-child(odd) .content-wrap {
text-align: right;
left: -485px;
}
.tm-timeline ul li:nth-child(even) .content-wrap {
left: 85px;
}
.tm-timeline ul li:nth-child(even) .time {
left: -485px;
text-align: right;
}
.tm-timeline .content-wrap {
position: relative;
top: 4px;
}
.tm-timeline .content-wrap,
.tm-timeline .time {
width: 400px;
}
.tm-timeline .heading {
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 700;
font-size: 14px;
margin-bottom: 33px;
}
.tm-timeline .photo {
margin-bottom: 28px;
}
.tm-timeline .time {
position: absolute;
top: 50%;
transform: translate(0, -50%);
letter-spacing: -.05em;
line-height: 1.2;
font-size: 50px;
font-weight: 500;
color: #dddddd;
left: 85px;
}
.tm-timeline .tm-animation-queue .item .content-wrap,
.tm-timeline .tm-animation-queue .item .time {
opacity: 0;
}
.tm-timeline .tm-animation-queue .item.animate .content-wrap,
.tm-timeline .tm-animation-queue .item.animate .time {
opacity: 1;
-webkit-animation: moveHorizontal 0.65s ease forwards;
animation: moveHorizontal 0.65s ease forwards;
}
.tm-timeline .tm-animation-queue .item.animate:nth-child(even) .time {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
.tm-timeline .tm-animation-queue .item.animate:nth-child(even) .content-wrap {
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
.tm-timeline .tm-animation-queue .item.animate:nth-child(odd) .time {
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
.tm-timeline .tm-animation-queue .item.animate:nth-child(odd) .content-wrap {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
@media screen and (max-width: 900px) {
.tm-timeline ul li:nth-child(odd) .content-wrap {
left: -284px;
}
.tm-timeline ul li:nth-child(even) .content-wrap {
left: 34px;
}
.tm-timeline ul li:nth-child(even) .time {
left: -284px;
}
.tm-timeline .content-wrap,
.tm-timeline .time {
width: 250px;
}
.tm-timeline .time {
font-size: 40px;
left: 34px;
}
}
@media screen and (max-width: 600px) {
.tm-timeline ul li {
margin-left: 20px;
padding-bottom: 40px;
}
.tm-timeline ul li:nth-child(odd) .content-wrap {
left: -284px;
}
.tm-timeline ul li:nth-child(odd) .content-wrap {
left: 34px;
text-align: left;
}
.tm-timeline .content-wrap,
.tm-timeline .time {
width: calc(100vw - 100px);
}
.tm-timeline .time {
position: relative;
margin-bottom: 7px;
font-size: 30px;
left: 34px !important;
transform: translate(0);
text-align: left !important;
top: -10px;
}
}
.tm-blockquote blockquote {
margin: 0 !important;
padding: 28px 0 0;
border: 0;
background: url(//www.4innovation.co/wp-content/themes/atomlab/assets/images/blockquote.png) no-repeat 0 0;
}
.tm-blockquote .quote-text {
font-size: 24px;
font-style: italic;
line-height: 2;
}
.tm-blockquote .quote-footer {
margin-top: 31px;
display: flex;
align-items: center;
}
.tm-blockquote .quote-footer .quote-photo {
flex-shrink: 0;
margin-right: 20px;
}
.tm-blockquote .quote-footer .quote-photo img {
border-radius: 50%;
width: 60px;
height: 60px;
}
.tm-blockquote .quote-footer .quote-info {
flex-grow: 1;
}
.tm-blockquote .quote-footer .heading {
font-size: 18px;
font-weight: 700;
margin-bottom: 4px;
}
.tm-blockquote .quote-footer .quote-position {
font-size: 14px;
font-style: italic;
}
.tm-drop-cap {
margin-bottom: 70px;
}
.tm-drop-cap.style-1 .drop-cap {
float: left;
font-size: 56px;
line-height: 50px;
padding-top: 4px;
padding-right: 12px;
padding-left: 3px;
}
.tm-drop-cap.style-2 .drop-cap {
float: left;
font-size: 56px;
line-height: 50px;
padding: 7px 13px 7px 9px;
color: #ffffff;
margin: -8px 10px 0 -18px;
}
.tm-maps {
position: relative;
}
.tm-maps .map {
height: 100px;
}
.tm-maps .btn-view-full-map {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 70px;
line-height: 70px;
font-size: 18px;
font-weight: 700;
text-align: center;
color: #ffffff;
}
.tm-maps .btn-icon {
position: absolute;
top: 50%;
transform: translate(0, -50%);
font-size: 20px;
margin-left: 21px;
}
.gmap-marker-wrap {
text-align: center;
padding: 30px 50px;
}
.gmap-marker-title {
text-transform: uppercase;
letter-spacing: 3px;
font-size: 14px;
font-weight: 700;
margin-bottom: 14px;
}
.gmap-marker-content {
font-size: 20px;
}
.tm-maps.overlay-style-01 .animated-dot {
width: 20px;
height: 20px;
left: -9px;
top: -5px;
position: relative;
}
.tm-maps.overlay-style-01 .animated-dot .middle-dot {
width: 12px;
height: 12px;
border-radius: 30px;
position: absolute;
left: 2px;
top: 2px;
transform-origin: 50% 50%;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
}
.tm-maps.overlay-style-01 .animated-dot .middle-dot:after {
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
content: ' ';
background-color: #ffffff;
border-radius: 30px;
z-index: 100;
opacity: 0;
transform-origin: 50% 50%;
}
.tm-maps.overlay-style-01 .animated-dot .signal {
width: 180px;
pointer-events: none;
height: 180px;
border-radius: 200px;
position: absolute;
left: -80px;
top: -80px;
opacity: 0;
-webkit-animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
transform-origin: 50% 50%;
animation-fill-mode: forwards;
animation-delay: 0.78s;
animation-iteration-count: infinite;
}
.tm-maps.overlay-style-01 .animated-dot .signal2 {
width: 180px;
height: 180px;
pointer-events: none;
border-radius: 200px;
position: absolute;
left: -80px;
top: -80px;
opacity: 0;
-webkit-animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
transform-origin: 50% 50%;
animation-fill-mode: forwards;
animation-delay: 1s;
animation-iteration-count: infinite;
}
.tm-maps.overlay-style-02 .animated-dot {
width: 20px;
height: 20px;
left: -9px;
top: -5px;
position: relative;
}
.tm-maps.overlay-style-02 .animated-dot .middle-dot:after {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-family: 'Ionicons';
content: '\f456';
font-size: 56px;
}
.tm-maps.overlay-style-02 .animated-dot .signal,
.tm-maps.overlay-style-02 .animated-dot .signal2 {
width: 200px;
height: 200px;
pointer-events: none;
border-radius: 50%;
position: absolute;
left: -90px;
top: -90px;
opacity: 0;
animation: animationSignal2 cubic-bezier(0, 0.55, 0.55, 1) 2s;
transform-origin: 50% 50%;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-delay: 0.78s;
}
.tm-maps.overlay-style-02 .animated-dot .signal {
border: 2px solid rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 35px 10px rgba(0, 0, 0, 0.18);
animation-delay: 0.78s;
}
.tm-maps.overlay-style-02 .animated-dot .signal2 {
border: 2px solid #000000;
animation-delay: 1s;
}
@keyframes animationSignal {
0% {
opacity: 0;
transform: scale(0);
}
1% {
opacity: 0.25;
}
20% {
opacity: 0.25;
}
60% {
transform: scale(1);
opacity: 0;
}
}
@keyframes animationSignal2 {
0% {
opacity: 0;
transform: scale(0);
}
1% {
opacity: 0.4;
}
20% {
opacity: 0.4;
}
60% {
transform: scale(1);
opacity: 0;
}
}
.tm-product.style-grid .product {
margin-bottom: 30px;
}
.tm-product.style-grid .product-wrapper {
position: relative;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
border-radius: 5px;
background: #ffffff;
height: 100%;
overflow: hidden;
}
.tm-product.style-grid .product-wrapper:hover {
box-shadow: 0 0 41px rgba(0, 0, 0, 0.1);
}
.tm-product.style-grid .product-wrapper:hover .product-action {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.tm-product.style-grid .product-wrapper:hover .product-hover-image {
z-index: 9;
opacity: 1;
visibility: visible;
transform: scale(1);
}
.tm-product.style-grid .product-thumbnail {
margin-bottom: 28px;
}
.tm-product.style-grid .isw-product-swatched .product-hover-image {
opacity: 0 !important;
visibility: hidden !important;
}
.tm-product.style-grid .product-hover-image {
transition: all .6s;
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
transform: scale(0.9);
}
.tm-product.style-grid .thumbnail {
position: relative;
}
.tm-product.style-grid .thumbnail img {
width: 100%;
}
.tm-product.style-grid .product-actions {
position: absolute;
top: 93px;
right: 29px;
z-index: 99;
}
.tm-product.style-grid .product-action {
transition: all 0.5s ease-in-out;
opacity: 0;
visibility: hidden;
transform: translateX(20px);
display: block;
margin: 0 0 10px !important;
}
.tm-product.style-grid .woocommerce_loop_add_to_cart_wrap {
transition-delay: .1s;
}
.tm-product.style-grid .yith-wcwl-add-to-wishlist {
transition-delay: .2s;
}
.tm-product.style-grid .yith-compare-btn {
transition-delay: .3s;
}
.tm-product.style-grid .woocommerce_loop_add_to_cart_wrap a,
.tm-product.style-grid .yith-wcwl-add-to-wishlist a,
.tm-product.style-grid .quickview-icon,
.tm-product.style-grid .yith-compare-btn .compare {
position: relative;
display: block;
width: 48px;
height: 48px;
line-height: 48px;
border-radius: 50%;
color: #454545;
font-size: 0 !important;
padding: 0 !important;
background: #ededed;
border: 0;
text-align: center;
}
.tm-product.style-grid .woocommerce_loop_add_to_cart_wrap a:hover,
.tm-product.style-grid .yith-wcwl-add-to-wishlist a:hover,
.tm-product.style-grid .quickview-icon:hover,
.tm-product.style-grid .yith-compare-btn .compare:hover {
color: #ffffff !important;
}
.tm-product.style-grid .woocommerce_loop_add_to_cart_wrap a:before,
.tm-product.style-grid .yith-wcwl-add-to-wishlist a:before,
.tm-product.style-grid .quickview-icon:before,
.tm-product.style-grid .yith-compare-btn .compare:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 20px;
font-weight: 500;
display: block;
font-family: Ionicons;
speak: none;
font-style: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.tm-product.style-grid .added_to_cart {
display: none !important;
}
.tm-product.style-grid .quickview-icon:before {
content: '\f4a4';
}
.tm-product.style-grid .product_type_simple.add_to_cart_button:before {
content: '\f3f8';
}
.tm-product.style-grid .product_type_simple:before {
content: '\f133';
}
.tm-product.style-grid .product_type_variable:before {
content: '\f3f8';
}
.tm-product.style-grid .yith-compare-btn a:before {
content: '\f4a8';
}
.tm-product.style-grid .yith-wcwl-add-to-wishlist a:before {
content: '\f388';
}
.tm-product.style-grid .yith-wcwl-add-to-wishlist a.delete_item:before {
content: '\f31d';
}
.tm-product.style-grid .add_to_wishlist.loading,
.tm-product.style-grid .yith-compare-btn a.compare.loading,
.tm-product.style-grid .add_to_cart_button.loading {
animation: load-spin 1.5s linear infinite !important;
}
.tm-product.style-grid .add_to_wishlist.loading:before,
.tm-product.style-grid .yith-compare-btn a.compare.loading:before,
.tm-product.style-grid .add_to_cart_button.loading:before {
content: '\f459';
}
.tm-product.style-grid .yith-compare-btn a.compare.added {
animation: none !important;
}
.tm-product.style-grid .yith-compare-btn a.compare.added:before {
content: '\f4a8';
}
.tm-product.style-grid .product-info {
text-align: center;
padding: 30px 30px 34px;
}
.tm-product.style-grid .woocommerce-loop-product__title {
font-size: 24px;
line-height: 1.16;
margin-bottom: 15px;
}
.tm-product.style-list .product {
margin-bottom: 30px;
}
.tm-product.style-list .product-wrapper {
position: relative;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
border-radius: 5px;
background: #ffffff;
height: 100%;
overflow: hidden;
}
.tm-product.style-list .product-wrapper:hover {
box-shadow: 0 0 41px rgba(0, 0, 0, 0.1);
}
.tm-product.style-list .product-wrapper:hover .product-hover-image {
z-index: 9;
opacity: 1;
visibility: visible;
transform: scale(1);
}
.tm-product.style-list .isw-product-swatched .product-hover-image {
opacity: 0 !important;
visibility: hidden !important;
}
.tm-product.style-list .isw-swatches {
position: absolute;
bottom: 20px;
left: 50%;
transform: translate(-50%, 0);
z-index: 10;
}
.tm-product.style-list .product-hover-image {
transition: all .6s;
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
transform: scale(0.9);
}
.tm-product.style-list .thumbnail {
position: relative;
}
.tm-product.style-list .thumbnail img {
width: 100%;
}
.tm-product.style-list .add_to_cart_button {
min-width: 180px;
padding: 0 15px !important;
text-align: center;
}
.tm-product.style-list .add_to_cart_button:before {
display: inline-block;
position: relative;
top: 1px;
margin-right: 10px;
font-family: 'Ionicons';
content: '\f3f8';
font-size: 18px;
line-height: 0;
}
.tm-product.style-list .add_to_cart_button:after {
display: none;
}
.tm-product.style-list .added_to_cart {
display: none !important;
}
.tm-product.style-list .yith-wcwl-add-to-wishlist a {
position: relative;
display: block;
width: 48px;
height: 48px;
line-height: 48px;
border-radius: 5px;
text-align: center;
color: #ababab;
font-size: 0 !important;
padding: 0 !important;
background: #ffffff;
border: 1px solid #ededed;
}
.tm-product.style-list .yith-wcwl-add-to-wishlist a:before {
display: block;
font-size: 20px;
font-weight: 500;
font-family: Ionicons;
content: '\f388';
speak: none;
font-style: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.tm-product.style-list .add_to_cart_button.loading:before,
.tm-product.style-list .add_to_wishlist.loading:before {
animation: load-spin 1.5s linear infinite !important;
content: '\f459';
}
.tm-product.style-list .product-info {
padding: 27px 30px 43px 0;
}
.tm-product.style-list .woocommerce-loop-product__title {
font-size: 24px;
line-height: 2;
margin-bottom: 9px;
}
.tm-product.style-list .price {
display: block;
margin-bottom: 20px;
}
.tm-product.style-list .product-excerpt {
margin-bottom: 29px;
}
.tm-product.style-list .product-actions {
display: flex;
flex-wrap: wrap;
margin: -5px;
}
.tm-product.style-list .product-action {
padding: 5px;
}
.tm-product.style-list .product-action .hint--bounce {
display: block;
}
.tm-product.style-list .product-badges {
top: 20px;
left: 33px;
}
.tm-product.style-grid-simple .tm-grid {
margin-bottom: 63px;
}
.tm-product.style-grid-simple .product {
transition: all 0.5s ease-in-out;
position: relative;
background: #ffffff;
border-radius: 5px;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
margin-bottom: 30px;
z-index: 1;
}
.tm-product.style-grid-simple .product:hover {
z-index: 3;
}
.tm-product.style-grid-simple .product:hover:after {
bottom: -93px;
opacity: 1;
}
.tm-product.style-grid-simple .product:hover .product-actions {
transition: all 0.5s ease-in-out .15s;
transform: translateY(0);
visibility: visible;
opacity: 1;
}
.tm-product.style-grid-simple .product:after {
transition: all 0.5s ease-in-out;
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
border-radius: 5px;
width: auto;
background-color: #ffffff;
z-index: -1;
opacity: 0;
}
.tm-product.style-grid-simple .thumbnail img {
width: 100%;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.tm-product.style-grid-simple .add_to_cart_button {
min-width: 180px;
padding: 0 15px !important;
text-align: center;
}
.tm-product.style-grid-simple .add_to_cart_button:before {
display: inline-block;
position: relative;
top: 1px;
margin-right: 10px;
font-family: 'Ionicons';
content: '\f3f8';
font-size: 18px;
line-height: 0;
}
.tm-product.style-grid-simple .add_to_cart_button:after {
display: none;
}
.tm-product.style-grid-simple .added_to_cart {
display: none !important;
}
.tm-product.style-grid-simple .yith-wcwl-add-to-wishlist a {
position: relative;
display: block;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
border-radius: 5px;
color: #ababab;
font-size: 0 !important;
padding: 0 !important;
background: #ffffff;
border: 1px solid #ededed;
}
.tm-product.style-grid-simple .yith-wcwl-add-to-wishlist a:before {
display: block;
font-size: 20px;
font-weight: 500;
font-family: Ionicons;
content: '\f388';
speak: none;
font-style: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.tm-product.style-grid-simple .add_to_wishlist.loading:before,
.tm-product.style-grid-simple .add_to_cart_button.loading:before {
animation: load-spin 1.5s linear infinite !important;
content: '\f459';
}
.tm-product.style-grid-simple .product-actions {
background: #ffffff;
position: absolute;
bottom: -53px;
left: 30px;
right: 30px;
visibility: hidden;
opacity: 0;
transform: translateY(-20px);
display: flex;
flex-wrap: wrap;
margin: -5px;
}
.tm-product.style-grid-simple .product-action {
padding: 5px;
}
.tm-product.style-grid-simple .product-action .hint--bounce {
display: block;
}
.tm-product.style-grid-simple .product-info {
padding: 30px 24px 29px 30px;
}
.tm-product.style-grid-simple .main-info {
display: flex;
align-items: center;
}
.tm-product.style-grid-simple .left-info {
flex-grow: 1;
}
.tm-product.style-grid-simple .woocommerce-loop-product__title {
font-size: 24px;
font-weight: 700;
margin-bottom: 10px;
}
.tm-product.style-grid-simple .product-categories {
font-size: 14px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
}
.tm-product.style-grid-simple .product-categories a {
color: inherit;
font-size: inherit;
}
.tm-product.style-grid-simple .price {
flex-shrink: 0;
display: inline-block;
background: #f8f8f8;
border-radius: 50%;
height: 56px;
line-height: 56px;
padding: 0 13px;
text-align: center;
}
.tm-product.style-grid-simple .price del {
display: none;
}
.tm-product .product-ajax-filter {
display: flex;
align-items: center;
margin-bottom: 70px;
padding: 30px 0;
border-bottom: 1px solid #ededed;
}
.tm-product .product-ajax-filter .price_slider_wrapper {
margin: 25px 0;
}
.tm-product .product-ajax-filter .widget_price_filter {
width: 300px;
padding: 0 30px;
}
.tm-product .product-ajax-filter .widget_price_filter .price_slider {
margin: 0;
}
.tm-product .product-ajax-filter .widget_price_filter .button {
display: none;
}
.tm-product .product-ajax-filter .widget_price_filter .price_slider_amount {
position: relative;
font-size: 12px;
}
.tm-product .product-ajax-filter .widget_price_filter .price_label {
position: absolute;
top: 100%;
left: 0;
padding-top: 9px;
}
.tm-product .filters {
flex-grow: 1;
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
margin-left: -5px;
margin-right: -5px;
}
.tm-product .filters > div {
padding: 0 5px;
}
.tm-product .filters select {
background-color: #ffffff;
}
.tm-product .result-found-text {
flex-shrink: 0;
color: #ababab;
}
@media (max-width: 991px) {
.tm-product.style-list .product-info {
padding: 30px 15px 40px;
}
}
@media (max-width: 767px) {
.tm-product .product-ajax-filter {
display: block;
text-align: center;
}
.tm-product .result-found-text {
margin-bottom: 20px;
}
.tm-product .filters {
justify-content: center;
}
}
.tm-product-categories.style-carousel .cat-wrapper {
position: relative;
}
.tm-product-categories.style-carousel .cat-wrapper:hover .cat-thumbnail img {
transform: scale(1.15);
}
.tm-product-categories.style-carousel .cat-thumbnail {
overflow: hidden;
border-radius: 5px;
}
.tm-product-categories.style-carousel .cat-thumbnail img {
transition: all 1s cubic-bezier(0, 0, 0.2, 1);
width: 100%;
}
.tm-product-categories.style-carousel .cat-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 30px 40px 45px;
font-size: 14px;
box-sizing: border-box;
}
.tm-product-categories.style-carousel .cat-title {
color: #ffffff;
font-size: 40px;
font-weight: 900;
margin-bottom: 7px;
}
.tm-product-categories.style-carousel .cat-title a {
color: inherit;
}
.tm-product-categories.style-carousel .cat-count {
text-transform: uppercase;
font-size: 16px;
letter-spacing: 3.56px;
font-weight: 700;
color: rgba(69, 69, 69, 0.3);
}
.tm-product-search-form form {
position: relative;
}
.tm-product-search-form .search-field {
padding: 3px 160px 3px 20px;
background: #ffffff;
}
.tm-product-search-form .search-field::-webkit-input-placeholder {
font-weight: 500;
}
.tm-product-search-form .search-field:-moz-placeholder { font-weight: 500;
}
.tm-product-search-form .search-field::-moz-placeholder { font-weight: 500;
}
.tm-product-search-form .search-field:-ms-input-placeholder {
font-weight: 500;
}
.tm-product-search-form .search-submit {
position: absolute;
top: 0;
right: 0;
border: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
font-size: 20px;
font-weight: 700;
letter-spacing: 1.25px;
}
.tm-product-search-form .search-submit:hover {
color: #ffffff;
}
.tm-product-search-form .search-btn-icon {
display: none;
}
.tm-product-search-form .search-btn-text {
display: block;
}
@media (min-width: 768px) {
.tm-product-search-form .search-field {
height: 64px;
padding: 3px 190px 3px 30px;
}
.tm-product-search-form .search-submit {
min-width: 180px;
height: 64px;
}
}
.tm-rotate-box {
position: relative;
text-align: center;
margin-bottom: 30px;
}
.tm-rotate-box .flipper {
position: relative;
}
.tm-rotate-box .flipper:hover .front,
.tm-rotate-box .flipper:hover .back {
transform-style: preserve-3d;
transition: transform 1s cubic-bezier(0.3, 1, 0.6, 1);
}
.tm-rotate-box .to-left .front,
.tm-rotate-box .to-right .front {
transform: rotateY(0deg);
}
.tm-rotate-box .to-top .front,
.tm-rotate-box .to-bottom .front {
transform: rotateX(0deg);
}
.tm-rotate-box .to-top .back {
transform: rotateX(-180deg);
}
.tm-rotate-box .to-top:hover .front {
transform: rotateX(180deg);
}
.tm-rotate-box .to-top:hover .back {
transform: rotateX(0deg);
}
.tm-rotate-box .to-bottom .back {
transform: rotateX(180deg);
}
.tm-rotate-box .to-bottom:hover .front {
transform: rotateX(-180deg);
}
.tm-rotate-box .to-bottom:hover .back {
transform: rotateX(0deg);
}
.tm-rotate-box .to-left .back {
transform: rotateY(180deg);
}
.tm-rotate-box .to-left:hover .front {
transform: rotateY(-180deg);
}
.tm-rotate-box .to-left:hover .back {
transform: rotateY(0deg);
}
.tm-rotate-box .to-right .back {
transform: rotateY(-180deg);
}
.tm-rotate-box .to-right:hover .front {
transform: rotateY(180deg);
}
.tm-rotate-box .to-right:hover .back {
transform: rotateY(0deg);
}
.tm-rotate-box .thumb-wrap {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.tm-rotate-box .front,
.tm-rotate-box .back {
background-size: cover;
min-height: 500px;
z-index: 1;
transform-style: preserve-3d;
backface-visibility: hidden;
perspective: inherit;
transition: transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8);
}
.tm-rotate-box .back {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tm-rotate-box .back .content-wrap {
top: 50%;
left: 0;
transform: translate3d(0, -50%, 50px) scale(0.9);
}
.tm-rotate-box .content-wrap {
position: absolute;
width: 100%;
display: block;
transform-style: preserve-3d;
perspective: inherit;
backface-visibility: hidden;
padding: 50px 30px;
z-index: 2;
top: 50%;
left: 0;
transform: translate3d(0, -50%, 50px) scale(0.9);
}
.tm-rotate-box .heading {
font-size: 32px;
margin-bottom: 20px;
}
.tm-rotate-box .text {
color: #ffffff;
margin: 0 auto 30px;
max-width: 420px;
}
.tm-custom-menu .widget {
margin: 0 !important;
}
.tm-custom-menu.style-2 .menu {
margin: -8px -15px 0;
}
.tm-custom-menu.style-2 .menu > li {
margin: 0;
width: 50%;
padding: 0 15px;
float: left;
}
.tm-slider-group .tm-box-icon {
margin-bottom: 0;
}
.tm-grid-group .tm-box-icon,
.tm-grid-group .tm-card {
height: 100%;
margin-bottom: 0;
}
@-webkit-keyframes separator-bounce {
0%,
80%,
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: .3;
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: .6;
}
}
@keyframes separator-bounce {
0%,
80%,
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: .3;
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: .6;
}
}
.tm-separator.style-single-line {
border-bottom: 1px solid #f3f3f3;
}
.tm-separator.style-modern-dots {
text-align: center;
}
.tm-separator.style-modern-dots .separator-wrap {
cursor: pointer;
display: inline-block;
padding: 3px 10px;
}
.tm-separator.style-modern-dots .dot {
border-radius: 50%;
box-shadow: 0 0 12px #def0ff;
background: #ffffff;
animation: separator-bounce 1.4s ease-in-out 0s infinite both;
width: 14px;
height: 14px;
}
.tm-separator.style-modern-dots .second-circle {
margin-top: 18px;
animation-delay: -.16s;
}
.tm-separator.style-modern-dots .third-circle {
margin-top: 14px;
animation-delay: -.32s;
}
.wrap_svl_center {
line-height: 0;
}
#powerTip#powerTip {
background: #4dafff;
border-radius: 5px;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
width: 250px;
padding: 26px 30px;
}
#powerTip#powerTip.n:before {
border-top: 10px solid #4dafff;
}
#powerTip#powerTip.e:before {
border-right: 10px solid #4dafff;
}
#powerTip#powerTip.s:before {
border-bottom: 10px solid #4dafff;
}
#powerTip#powerTip.w:before {
border-left: 10px solid #4dafff;
}
#powerTip#powerTip.ne:before, #powerTip#powerTip.nw:before {
border-top: 10px solid #4dafff;
}
#powerTip#powerTip.se:before, #powerTip#powerTip.sw:before {
border-bottom: 10px solid #4dafff;
}
#powerTip#powerTip.nw-alt:before, #powerTip#powerTip.ne-alt:before, #powerTip#powerTip.sw-alt:before, #powerTip#powerTip.se-alt:before {
border-top: 10px solid #4dafff;
}
#powerTip#powerTip.sw-alt:before, #powerTip#powerTip.se-alt:before {
border-bottom: 10px solid #4dafff;
}
.tm-hotspot-content .heading {
font-size: 24px;
font-weight: 700;
margin-bottom: 12px;
color: #ffffff;
}
.tm-hotspot-content .text {
font-style: italic;
color: rgba(255, 255, 255, 0.7);
}
.tm-table {
border-radius: 5px;
background: #ffffff;
box-shadow: 0 2px 45px rgba(0, 0, 0, 0.09);
overflow-x: auto;
}
.tm-table table {
margin: 0;
border-collapse: separate;
}
.tm-table table tr:first-child td {
background: none;
}
.tm-table caption {
font-size: 24px;
font-weight: 700;
padding: 34px 10px 14px;
}
.tm-table th {
font-size: 14px;
letter-spacing: 3px;
font-weight: 700;
text-transform: uppercase;
color: #ababab;
background: #ffffff;
}
.tm-table td, .tm-table th {
text-align: left;
border: 0;
padding: 19px 10px 18px;
}
.tm-table td:first-child, .tm-table th:first-child {
padding-left: 50px;
}
.tm-table td:last-child, .tm-table th:last-child {
padding-right: 50px;
}
.tm-table tr:nth-child(odd) {
background: #f7fbfe;
}
.tm-table tr:nth-child(2n) td {
background: none;
}
@media (max-width: 991px) {
.tm-table td:first-child, .tm-table th:first-child {
padding-left: 10px;
}
.tm-table td:last-child, .tm-table th:last-child {
padding-right: 10px;
}
}
@media (max-width: 543px) {
.tm-table caption {
text-align: left;
}
}
.tm-spacer {
clear: both;
}
.vc_row {
clear: both;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
}
.vc_row.vc_row-no-padding .vc_inner {
margin-left: -15px;
margin-right: -15px;
}
.vc_row.vc_row-no-padding .vc_inner .vc_column-inner {
padding-left: 15px;
padding-right: 15px;
}
.vc_section.vc_section[data-vc-full-width],
.vc_row.vc_row[data-vc-full-width] {
overflow: visible;
}
.tm-effect-firefly {
position: relative;
}
.firefly-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.wavify-wrapper {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.wavify-wrapper .wavify-item {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.vc_container-has-overlay {
position: relative;
}
.vc_container-has-overlay .vc_container-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.wrapper-full-height .wpb_wrapper {
height: 100%;
}
.vc_col-sm-15 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.vc_row-column-separator-01 > .wpb_column + .wpb_column:before {
content: '';
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
height: 80px;
width: 1px;
background: rgba(255, 255, 255, 0.3);
}
@media (min-width: 768px) {
.vc_column_container.vc_col-sm-15 {
float: left;
width: 20%;
}
}
@media (max-width: 767px) {
.vc_row-column-separator-01 > .wpb_column + .wpb_column .tm-counter {
padding-top: 36px;
}
.vc_row-column-separator-01 > .wpb_column + .wpb_column:before {
top: 0;
left: 50%;
transform: translate(-50%, 0);
height: 1px;
width: 80px;
}
}
.vc_row-has-separator {
position: relative;
overflow: visible !important;
}
.vc_row-has-separator .vc_column_container {
z-index: 2;
}
.vc_row-separator {
position: absolute;
width: 100%;
left: 0;
z-index: 1;
line-height: 0;
}
.vc_row-separator.top {
top: 0;
}
.vc_row-separator.bottom {
bottom: 0;
}
.vc_row-separator svg {
fill: transparent;
width: 100%;
height: 100px;
}
.vc_row-separator.tilt_left.top {
transform: scale(1, -1);
}
.vc_row-separator.tilt_right.top {
transform: scale(-1, -1);
}
.vc_row-separator.tilt_right.bottom {
transform: scale(-1, 1);
}
.vc_row-separator.triangle.bottom {
transform: scaleY(-1);
}
.vc_row-separator.big_triangle.bottom {
transform: scaleY(-1);
}
.vc_row-separator.big_triangle_alt.top {
transform: scaleY(-1);
}
.vc_row-separator.big_triangle_left.top {
transform: scaleY(-1);
}
.vc_row-separator.big_triangle_right.top {
transform: scale(-1);
}
.vc_row-separator.big_triangle_right.bottom {
transform: scaleX(-1);
}
.vc_row-separator.curve.top {
transform: scale(-1);
}
.vc_row-separator.clouds.top {
transform: scale(-1);
}
.vc_row-separator.circle.bottom {
transform: scaleY(-1);
}
.vc_column-has-overlay {
position: relative;
z-index: 1;
}
.vc_column-has-overlay .vc_column-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.vc_progress_bar .vc_single_bar_wrapper {
padding-bottom: 7px;
}
.vc_progress_bar .vc_single_bar_wrapper + .vc_single_bar_wrapper {
margin-top: 39px;
}
.vc_progress_bar .vc_single_bar_title {
margin-bottom: 17px;
line-height: 1.33;
font-size: 18px;
}
.vc_progress_bar .vc_single_bar_title .vc_label_units {
float: right;
}
.vc_progress_bar .vc_general.vc_single_bar {
height: 3px;
border-radius: 0;
box-shadow: none;
}
.vc_progress_bar .vc_general.vc_single_bar .vc_label {
padding: 0;
}
.vc_progress_bar .vc_general.vc_single_bar .vc_bar {
border-radius: 0;
}
.vc_progress_bar .vc_bar:after {
position: absolute;
top: 50%;
right: -1px;
width: 18px;
height: 18px;
transform: translate(0, -50%);
background: #ffffff;
box-shadow: 0 2px 11px rgba(0, 0, 0, 0.13);
content: '';
border-radius: 50%;
}
.vc_progress_bar.style-2 .vc_single_bar_title {
width: 100% !important;
}
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-classic .vc_tta-tab > a {
color: #ffffff;
}
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-classic .vc_tta-tab.vc_active > a {
border-color: #f0f0f0;
background-color: #f8f8f8;
color: #666666;
}
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a {
color: #ffffff;
}
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
background-color: #f8f8f8;
}
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body,
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body:before,
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body:after {
border-color: #f0f0f0;
}
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a {
color: #666666;
}
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-color: #f0f0f0;
background-color: #f8f8f8;
}
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-modern .vc_tta-tab > a {
color: #ffffff;
}
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-modern .vc_tta-tab.vc_active > a {
border-color: #f0f0f0;
background-color: #f8f8f8;
}
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title > a {
color: #ffffff;
}
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body {
background-color: #f8f8f8;
border-color: #f0f0f0;
}
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title > a {
color: #666666;
}
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-color: #f0f0f0;
background-color: #f8f8f8;
}
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-flat:not(.vc_tta-o-no-fill) .vc_tta-panel-body {
color: #ffffff;
}
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-flat .vc_tta-tab > a {
color: #ffffff;
}
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a {
color: #ffffff;
}
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-outline .vc_tta-tab:not(.vc_active) > a:hover, .vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-outline .vc_tta-tab:not(.vc_active) > a:focus {
color: #ffffff;
}
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-outline .vc_tta-panel:not(.vc_active) .vc_tta-panel-heading:hover a, .vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-outline .vc_tta-panel:not(.vc_active) .vc_tta-panel-heading:focus a {
color: #ffffff;
}
@media (min-width: 768px) {
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-classic .vc_tta-panels {
background-color: #f8f8f8;
}
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-classic .vc_tta-panels,
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-classic .vc_tta-panels::after,
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-classic .vc_tta-panels::before {
border-color: #f0f0f0;
}
}
.vc_tta-tab {
font-size: 20px;
}
.wpb-js-composer .vc_tta.vc_tta.vc_tta-style-atomlab-01 .vc_tta-tab {
margin: 0;
}
.wpb-js-composer .vc_tta.vc_tta.vc_tta-style-atomlab-01 .vc_tta-tab + .vc_tta-tab {
margin-left: 5px;
}
.wpb-js-composer .vc_tta.vc_tta.vc_tta-style-atomlab-02 .vc_tta-tab {
margin: 0;
}
.wpb-js-composer .vc_tta.vc_tta.vc_tta-style-atomlab-02 .vc_tta-tab + .vc_tta-tab {
margin-left: 30px;
}
.wpb-js-composer .vc_tta.vc_tta.vc_tta-style-atomlab-01 .vc_tta-tabs-list {
margin: 0;
margin-bottom: -2px;
}
.wpb-js-composer .vc_tta-style-atomlab-02 .vc_tta-tabs-list {
margin: -3px 0 -2px 0 !important;
}
.wpb-js-composer .vc_tta-style-atomlab-03 .vc_tta-tabs-list {
margin-right: -2px !important;
}
.wpb-js-composer .vc_tta-style-atomlab-01 .vc_tta-tab > a,
.wpb-js-composer .vc_tta-style-atomlab-03 .vc_tta-tab > a {
background: #f1f1f1;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-atomlab-01 .vc_tta-tab > a {
padding: 6px 18px;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-atomlab-02 .vc_tta-tab > a {
padding: 0;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-atomlab-03 .vc_tta-tab > a {
padding: 6px 20px;
}
.wpb-js-composer .vc_tta-style-atomlab-01.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-container,
.wpb-js-composer .vc_tta-style-atomlab-01.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list,
.wpb-js-composer .vc_tta-style-atomlab-02.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-container,
.wpb-js-composer .vc_tta-style-atomlab-02.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list,
.wpb-js-composer .vc_tta-style-atomlab-03.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-container,
.wpb-js-composer .vc_tta-style-atomlab-03.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list {
overflow: inherit;
}
.wpb-js-composer .vc_tta-style-atomlab-01 .vc_tta-tab.vc_active {
position: relative;
color: #ffffff;
}
.wpb-js-composer .vc_tta-style-atomlab-01 .vc_tta-tab.vc_active:after {
content: '';
position: absolute;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border: 9px solid transparent;
}
.wpb-js-composer .vc_tta-style-atomlab-02 .vc_tta-tab.vc_active {
border-bottom: 2px solid red;
}
.wpb-js-composer .vc_tta-style-atomlab-03 .vc_tta-tab.vc_active {
position: relative;
color: #ffffff;
}
.wpb-js-composer .vc_tta-style-atomlab-03 .vc_tta-tab.vc_active:after {
content: '';
position: absolute;
top: 50%;
margin-top: -10px;
right: -17px;
width: 0;
height: 0;
border: 9px solid transparent;
}
.wpb-js-composer .vc_tta-style-atomlab-01 .vc_tta-panels-container {
border: 2px solid #eeeeee;
}
.wpb-js-composer .vc_tta-style-atomlab-02 .vc_tta-panels-container {
border-top: 2px solid #f5f5f5;
}
.wpb-js-composer .vc_tta-style-atomlab-01.vc_tta.vc_general .vc_tta-panel-body {
padding: 30px 38px;
}
.wpb-js-composer .vc_tta-style-atomlab-02.vc_tta.vc_general .vc_tta-panel-body {
padding: 30px 0;
border: 0;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-atomlab-01 .vc_tta-panel-heading {
border: 0;
}
.vc_tta.vc_general.vc_tta-style-atomlab-01 .vc_tta-panel .vc_tta-panel-heading.vc_tta-panel-heading,
.vc_tta.vc_general.vc_tta-style-atomlab-02 .vc_tta-panel .vc_tta-panel-heading.vc_tta-panel-heading,
.vc_tta.vc_general.vc_tta-style-atomlab-03 .vc_tta-panel .vc_tta-panel-heading.vc_tta-panel-heading {
border: 0;
margin: 0;
}
.vc_tta.vc_general.vc_tta-style-atomlab-01 .vc_tta-panel + .vc_tta-panel .vc_tta-panel-heading.vc_tta-panel-heading,
.vc_tta.vc_general.vc_tta-style-atomlab-02 .vc_tta-panel + .vc_tta-panel .vc_tta-panel-heading.vc_tta-panel-heading,
.vc_tta.vc_general.vc_tta-style-atomlab-03 .vc_tta-panel + .vc_tta-panel .vc_tta-panel-heading.vc_tta-panel-heading {
border: 0;
margin: 0;
border-top: 2px solid #f1f1f1;
}
@media (max-width: 767px) {
.wpb-js-composer .vc_tta-style-atomlab-02.vc_tta.vc_general .vc_tta-panel-body {
padding: 14px 20px;
}
.wpb-js-composer .vc_tta-style-atomlab-02 .vc_tta-panels-container,
.wpb-js-composer .vc_tta-style-atomlab-03 .vc_tta-panels-container {
border: 2px solid #eeeeee;
}
}
@media (min-width: 768px) {
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-atomlab-03 .vc_tta-tabs-container {
width: 25%;
float: left;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-atomlab-03 .vc_tta-panels-container {
float: left;
width: 75%;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-atomlab-03 .vc_tta-tab {
display: block;
margin-right: 0;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-atomlab-03 .vc_tta-panel-body {
border: 2px solid #eeeeee;
padding: 35px 40px;
}
}
.vc_separator.position-top {
margin: 0;
position: absolute;
top: 0;
width: calc(100% - 30px);
}
.vc_separator.position-bottom {
margin: 0;
position: absolute;
bottom: 0;
width: calc(100% - 30px);
}
.mejs-controls .mejs-button button {
transition: none;
}
.wp-audio-playlist .wp-playlist-current-item {
display: table;
}
.wp-audio-playlist .wp-playlist-current-item .wp-playlist-caption {
display: table-cell;
vertical-align: middle;
}
.wp-audio-playlist .wp-playlist-item {
border-color: #eeeeee;
padding: 5px 3px;
}
.wp-audio-playlist .wp-playlist-item-length {
top: 5px;
} .widget + .widget {
margin: 33px 0 0;
}
.widget-title,
.widgettitle {
margin-bottom: 27px;
text-transform: capitalize;
font-weight: 400;
font-size: 24px;
line-height: 1.6;
}
.widget_text {
font-size: 16px;
}
.page-footer {
font-size: 16px;
line-height: 1.75;
}
.page-footer .widget-title,
.page-footer .widgettitle {
margin-bottom: 27px;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
letter-spacing: .22em;
}
.page-sidebar .page-sidebar-inner {
height: 100%;
}
@media (max-width: 1199px) {
.wpb_widgetised_column {
padding: 0 !important;
}
.wpb_widgetised_column .wpb_wrapper {
padding: 50px 30px;
background: #ffffff;
max-width: 100%;
}
.wpb_widgetised_column .wpb_wrapper:after {
display: none;
}
}
.page-footer .widget {
margin-bottom: 50px;
}
.page-footer .widget_nav_menu li,
.page-footer .insight-core-bmw li {
margin-bottom: 8px;
padding: 0;
border: 0;
}
.page-footer .widget_recent_entries > ul > li,
.page-footer .widget_recent_comments > ul > li,
.page-footer .widget_archive > ul > li,
.page-footer .widget_categories > ul > li,
.page-footer .widget_meta > ul > li,
.page-footer .widget_product_categories > ul > li,
.page-footer .widget_rss > ul > li,
.page-footer .widget_pages > ul > li {
padding: 17px 0 21px;
border-color: #333333;
}
.page-footer .widget_recent_entries > ul > li:first-child,
.page-footer .widget_recent_comments > ul > li:first-child,
.page-footer .widget_archive > ul > li:first-child,
.page-footer .widget_categories > ul > li:first-child,
.page-footer .widget_meta > ul > li:first-child,
.page-footer .widget_product_categories > ul > li:first-child,
.page-footer .widget_rss > ul > li:first-child,
.page-footer .widget_pages > ul > li:first-child {
padding-top: 0;
}
.page-footer .widget_recent_entries > ul > li:last-child,
.page-footer .widget_recent_comments > ul > li:last-child,
.page-footer .widget_archive > ul > li:last-child,
.page-footer .widget_categories > ul > li:last-child,
.page-footer .widget_meta > ul > li:last-child,
.page-footer .widget_product_categories > ul > li:last-child,
.page-footer .widget_rss > ul > li:last-child,
.page-footer .widget_pages > ul > li:last-child {
border: 0;
}
.page-footer .widget_archive li a,
.page-footer .widget_meta li a,
.page-footer .widget_pages li a,
.page-footer .widget_nav_menu li a,
.page-footer .insight-core-bmw li a {
padding: 4px 0;
}
.widget_recent_entries ul,
.widget_recent_comments ul,
.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_product_categories ul,
.widget_rss ul,
.widget_pages ul,
.widget_nav_menu ul,
.insight-core-bmw ul {
margin: 0;
padding: 0;
}
.widget_recent_entries li,
.widget_recent_comments li,
.widget_archive li,
.widget_categories li,
.widget_meta li,
.widget_product_categories li,
.widget_rss li,
.widget_pages li,
.widget_nav_menu li,
.insight-core-bmw li {
display: block;
margin: 0;
padding: 12px 0;
border-bottom: 1px solid #f3f3f3;
list-style-type: none;
}
.widget_recent_entries li:last-child,
.widget_recent_comments li:last-child,
.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_meta li:last-child,
.widget_product_categories li:last-child,
.widget_rss li:last-child,
.widget_pages li:last-child,
.widget_nav_menu li:last-child,
.insight-core-bmw li:last-child {
margin-bottom: 0;
}
.widget_recent_entries li a,
.widget_recent_comments li a,
.widget_archive li a,
.widget_categories li a,
.widget_meta li a,
.widget_product_categories li a,
.widget_rss li a,
.widget_pages li a,
.widget_nav_menu li a,
.insight-core-bmw li a {
display: block;
font-size: inherit;
font-family: inherit;
}
.widget_archive li,
.widget_meta li,
.widget_pages li,
.widget_nav_menu li,
.insight-core-bmw li {
padding: 0;
}
.widget_archive li a,
.widget_meta li a,
.widget_pages li a,
.widget_nav_menu li a,
.insight-core-bmw li a {
padding: 12px 0;
}
.widget_pages ul ul > li,
.widget_nav_menu ul ul > li,
.insight-core-bmw ul ul > li {
border-top: 1px solid #f3f3f3;
border-bottom: 0;
}
.widget_pages ul ul > li > a,
.widget_nav_menu ul ul > li > a,
.insight-core-bmw ul ul > li > a {
padding-left: 10px;
}
.widget_pages ul ul > li ul > li > a,
.widget_nav_menu ul ul > li ul > li > a,
.insight-core-bmw ul ul > li ul > li > a {
padding-left: 20px;
}
.widget_pages ul ul > li ul ul > li > a,
.widget_nav_menu ul ul > li ul ul > li > a,
.insight-core-bmw ul ul > li ul ul > li > a {
padding-left: 30px;
}
.widget_pages ul ul > li ul ul ul > li > a,
.widget_nav_menu ul ul > li ul ul ul > li > a,
.insight-core-bmw ul ul > li ul ul ul > li > a {
padding-left: 40px;
}
.widget_categories li,
.widget_product_categories li {
margin: 0;
padding: 0;
}
.widget_categories a,
.widget_product_categories a {
display: block;
padding: 15px 0;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
letter-spacing: .21em;
}
.widget_categories .count,
.widget_product_categories .count {
float: right;
font-size: 12px;
font-weight: 700;
border-radius: 20px;
line-height: 1;
color: #ffffff;
padding: 5px 11px;
letter-spacing: 0;
}
.widget_categories .children,
.widget_product_categories .children {
padding: 0 !important;
}
.widget_categories .children li,
.widget_product_categories .children li {
border-top: 1px solid #f3f3f3;
border-bottom: 0;
}
.widget_categories .children a,
.widget_product_categories .children a {
padding-left: 30px;
color: #cccccc;
}
.widget_categories .children .children a,
.widget_product_categories .children .children a {
padding-left: 60px;
}
.widget_recent_comments .comment-author-link {
position: relative;
padding-left: 24px;
}
.widget_recent_comments .comment-author-link:before {
position: absolute;
top: 50%;
left: 0;
content: '\f11d';
font-family: Ionicons;
line-height: 0;
transform: translate(0, -50%);
}
.widget_recent_comments .recentcomments a {
display: inline !important;
}
.widget_recent_entries .post-date {
display: block;
font-size: 14px;
}
@media (max-width: 991px) {
.page-content .widget {
margin: 0 0 52px;
}
}
@media (max-width: 767px) {
.page-content .widget {
margin: 0 0 32px;
}
.page-sidebar {
margin-bottom: 50px;
}
.page-sidebar .page-sidebar-inner .page-sidebar-content:after {
display: none;
}
}
.widget_search form,
.widget_product_search form {
position: relative;
}
.widget_search .search-field,
.widget_product_search .search-field {
width: 100%;
padding-right: 20px;
font-size: 14px;
}
.widget_search .search-submit,
.widget_product_search .search-submit {
position: absolute;
top: 50%;
right: 20px;
transform: translate(0, -50%);
padding: 0;
border: 0;
background: transparent;
color: #454545;
}
.widget_search .search-btn-text,
.widget_product_search .search-btn-text {
display: none;
}
.widget_search .search-btn-icon,
.widget_product_search .search-btn-icon {
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
line-height: 1;
font-size: 24px;
font-weight: 500;
}
.tagcloud {
margin: -5px;
}
.tagcloud a {
display: block;
float: left;
line-height: 1;
font-size: 14px !important;
border-radius: 3px;
background: #f8f8f8;
padding: 9px 14px;
margin: 5px;
}
.tagcloud a:hover {
color: #ffffff !important;
}
.widget_calendar .calendar_wrap {
overflow-x: auto;
}
.widget_calendar caption {
font-weight: 700;
color: #454545;
margin-bottom: 10px;
font-size: 14px;
letter-spacing: 3px;
text-transform: uppercase;
}
.widget_calendar #today {
color: #ffffff;
}
.widget_calendar #today a {
color: inherit;
}
.widget_rss .widget-title a {
color: inherit;
}
.widget_rss .rss-widget-icon {
vertical-align: middle;
}
.widget_rss .rss-date {
position: relative;
padding-left: 24px;
font-size: 12px;
}
.widget_rss .rss-date:before {
position: absolute;
top: 50%;
left: 0;
content: '\f3f3';
font-family: Ionicons;
line-height: 0;
transform: translate(0, -50%);
}
.tm-posts-widget-wrapper.style-01 .post-item {
display: flex;
}
.tm-posts-widget-wrapper.style-01 .post-item + .post-item {
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #f3f3f3;
}
.tm-posts-widget-wrapper.style-01 .post-widget-thumbnail {
flex-shrink: 0;
margin-right: 20px;
width: 80px;
height: 80px;
position: relative;
}
.tm-posts-widget-wrapper.style-01 .post-widget-thumbnail:hover .post-widget-overlay {
visibility: visible;
opacity: 1;
}
.tm-posts-widget-wrapper.style-01 .post-widget-thumbnail img {
width: 100%;
}
.tm-posts-widget-wrapper.style-01 .post-widget-info {
flex-grow: 1;
}
.tm-posts-widget-wrapper.style-01 .post-widget-categories {
margin-bottom: 4px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
}
.tm-posts-widget-wrapper.style-01 .post-widget-categories a {
font-size: inherit;
color: inherit;
}
.tm-posts-widget-wrapper.style-01 .post-widget-title {
font-size: 18px;
line-height: 1.55;
}
.tm-posts-widget-wrapper.style-01 .post-date {
font-size: 13px;
margin-top: 5px;
}
.tm-posts-widget-wrapper.style-01 .post-widget-overlay {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
}
.tm-posts-widget-wrapper.style-01 .post-overlay-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #ffffff;
font-weight: 500;
font-size: 24px;
}
.tm-flickr {
display: flex;
flex-wrap: wrap;
margin: 0 -5px;
}
.tm-flickr .flickr_badge_image {
height: auto;
margin: 0;
padding: 5px;
}
.tm-flickr .flickr_badge_image image {
width: 100%;
}
.tm-flickr-1 .flickr_badge_image {
width: 100%;
}
.tm-flickr-2 .flickr_badge_image {
width: 50%;
}
.tm-flickr-3 .flickr_badge_image {
width: 33.333333%;
}
.tm-flickr-4 .flickr_badge_image {
width: 25%;
}
.tm-flickr-5 .flickr_badge_image {
width: 20%;
}
.tm-flickr-6 .flickr_badge_image {
width: 16.6666666667%;
}
.tm-flickr-7 .flickr_badge_image {
width: 14.2857142857%;
}
.tm-flickr-8 .flickr_badge_image {
width: 12.5%;
}
.tm-flickr-9 .flickr_badge_image {
width: 11.1111111111%;
}
.tm-flickr-10 .flickr_badge_image {
width: 10%;
}
.widget .mc4wp-form {
position: relative;
}
.widget .mc4wp-form input[type=email] {
border-color: #f8f8f8;
background-color: #f8f8f8;
padding: 3px 40px 3px 20px;
}
.widget .mc4wp-form input[type=email]:focus {
background-color: #ffffff;
}
.widget .mc4wp-form button[type=submit] {
position: absolute;
top: 0;
right: 0;
background: none;
border: 0;
font-size: 0;
height: 48px;
width: 48px;
padding: 0;
}
.widget .mc4wp-form button[type=submit]:before {
font-family: 'Ionicons';
content: '\f474';
font-size: 24px;
} .woocommerce-error,
.woocommerce-info,
.woocommerce-message {
margin-bottom: 30px !important;
width: 100%;
border: 0;
color: #ffffff;
}
.woocommerce-error:before,
.woocommerce-info:before,
.woocommerce-message:before {
font-size: 18px;
font-weight: 500;
font-family: 'Ionicons';
color: #ffffff;
top: 50%;
transform: translate(0, -50%);
}
.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a {
color: #ffffff;
font-weight: 600;
}
.woocommerce-error a:hover, .woocommerce-error a:focus,
.woocommerce-info a:hover,
.woocommerce-info a:focus,
.woocommerce-message a:hover,
.woocommerce-message a:focus {
color: #ffffff;
}
.woocommerce-error .button.button,
.woocommerce-info .button.button,
.woocommerce-message .button.button {
margin: 5px 0 0 10px !important;
padding: 0 22px 0 0 !important;
height: auto !important;
border: 0 !important;
border-radius: 0 !important;
background-color: transparent !important;
color: #ffffff !important;
line-height: 1.2 !important;
font-weight: 600 !important;
text-transform: uppercase;
letter-spacing: .1em;
font-size: 12px !important;
position: relative;
}
.woocommerce-error .button.button:after,
.woocommerce-info .button.button:after,
.woocommerce-message .button.button:after {
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
margin-top: -1px;
line-height: 1;
font-size: 16px;
font-weight: 700;
font-family: 'Ionicons';
content: "\f30f";
}
.woocommerce-error .button.button:hover:after,
.woocommerce-info .button.button:hover:after,
.woocommerce-message .button.button:hover:after {
right: -10px;
}
.woocommerce-error {
background: #d9534f;
}
.woocommerce-error:before {
content: '\f3bc';
}
.woocommerce-info {
background: #5bc0de;
}
.woocommerce-info:before {
content: '\f149';
}
.woocommerce-message {
background: #5cb85c;
}
.woocommerce-message:before {
content: "\f120";
}
.notify-actions {
margin-top: 20px;
text-align: center;
}
.notify-actions .notify-link {
margin-right: 10px;
color: #ffffff;
text-transform: uppercase;
font-weight: 700;
}
.notify-actions .notify-link:hover {
text-decoration: underline;
}
#tm-button-cookie-notice-ok {
margin-top: 20px;
}
.woocommerce .product-badges {
position: absolute;
top: 30px;
left: 28px;
z-index: 99;
display: flex;
}
.woocommerce .product-badges .onsale,
.woocommerce .product-badges .hot,
.woocommerce .product-badges .new,
.woocommerce .product-badges .out-of-stock {
position: relative;
top: 0;
left: 0;
display: block;
margin: 0 2px;
min-height: 0;
min-width: 0;
border-radius: 3px;
color: #ffffff !important;
text-align: center;
font-weight: 700;
font-size: 14px;
line-height: 1;
letter-spacing: 2px;
text-transform: uppercase;
}
.woocommerce .product-badges .hot {
background: #d31129;
padding: 5px 11px;
}
.woocommerce .product-badges .onsale {
background: #f6a623;
padding: 5px 8px;
}
.woocommerce .product-badges .new {
background: #38cb89;
padding: 5px 13px;
}
.woocommerce .product-badges .out-of-stock {
background: #d31129;
padding: 5px 11px;
}
.stock {
position: relative;
display: table;
padding: 9px 0 8px 22px;
font-size: 14px !important;
font-style: italic;
color: inherit !important;
margin: 0;
}
.stock:before {
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
font-size: 16px;
color: #d31129;
font-family: 'Ionicons';
font-weight: 500;
speak: none;
font-style: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.stock.in-stock:before {
content: '\f120';
}
.stock.out-of-stock:before {
content: '\f128';
}
.select2-search--dropdown {
position: relative;
}
.select2-search--dropdown:after {
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: 20px;
content: '\f4a5';
text-transform: none;
font-weight: normal;
font-style: normal;
font-variant: normal;
font-family: 'Ionicons';
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
}
.select2-dropdown {
border-color: #efefef;
}
.select2-results {
padding: 0;
}
.select2-search--dropdown .select2-search__field {
padding: 3px 20px;
}
.select2-drop-active {
border: 0 !important;
}
.select2-container .select2-selection--single {
height: 48px;
}
.select2-container .select2-selection__rendered {
padding: 0 20px !important;
}
.select2-container--default .select2-selection--single {
border-color: #efefef;
background: #f8f8f8;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 50%;
right: 5px;
transform: translate(0, -50%);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 48px;
color: #878c9b;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border-color: #efefef;
}
.mini-cart {
position: relative;
}
.mini-cart ul {
margin: 0;
padding: 0;
}
.mini-cart.hide-on-empty [data-count="0"] {
display: none;
}
.mini-cart .mini-cart-icon {
position: relative;
display: block;
width: 25px;
height: 30px;
text-align: center;
font-size: 24px;
line-height: 30px;
cursor: pointer;
}
.mini-cart .mini-cart-icon:before {
position: absolute;
top: 50%;
left: 0;
color: inherit;
content: '\f3f8';
font-family: 'Ionicons' !important;
line-height: normal;
transform: translate(0, -50%);
}
.mini-cart .mini-cart-icon:after {
position: absolute;
top: -4px;
right: -2px;
padding: 0 4px;
min-width: 15px;
height: 15px;
border-radius: 50%;
color: #ffffff;
content: attr(data-count);
font-weight: 500;
font-size: 10px;
line-height: 15px;
}
.mini-cart .widget_shopping_cart_content {
position: absolute;
top: calc(100% + 20px);
right: 0;
z-index: 99999;
visibility: hidden;
overflow: auto;
padding: 30px 20px 27px;
max-height: 700px;
width: 360px;
border: 1px solid #eeeeee;
border-bottom: 2px solid transparent;
background-color: #ffffff;
opacity: 0;
}
.mini-cart .widget_shopping_cart_content li > a:not(.remove) {
font-size: 16px !important;
}
.mini-cart.open .widget_shopping_cart_content {
top: 100%;
visibility: visible;
opacity: 1;
}
.widget_shopping_cart_content .cart-footer {
display: flex;
margin-top: 30px;
padding-top: 22px;
border-top: 1px solid #eeeeee;
align-items: center;
}
.widget_shopping_cart_content .total {
padding: 0 !important;
width: 100%;
border-top: 0 !important;
font-size: 16px;
}
.widget_shopping_cart_content .total .amount {
font-size: 20px;
}
.widget_shopping_cart_content .buttons {
display: flex;
}
.widget_shopping_cart_content .buttons a {
display: inline-block;
margin-left: 6px;
padding: 0 20px !important;
min-width: 176px;
text-align: center;
}
.widget_shopping_cart_content .button.checkout {
display: none;
}
.cart_list.product_list_widget li {
display: block;
list-style-type: none;
}
.cart_list.product_list_widget li + li {
margin-top: 30px !important;
padding-top: 30px !important;
border-top: 1px solid #eeeeee !important;
}
.cart_list.product_list_widget li img {
float: left !important;
margin-right: 20px;
width: 80px;
height: 80px;
}
.cart_list.product_list_widget li .quantity {
display: block;
font-size: 20px;
}
.cart_list.product_list_widget li .remove {
position: relative !important;
float: right;
width: 20px;
height: 20px;
color: inherit !important;
font-size: 0;
line-height: 1.5;
}
.cart_list.product_list_widget li .remove:hover {
background: transparent;
color: initial !important;
}
.cart_list.product_list_widget li .remove:after {
position: absolute;
top: 2px;
left: 3px;
content: '\f4c4';
font-size: 18px;
font-family: Ionicons;
}
.cart_list.product_list_widget a {
font-weight: normal;
font-size: 16px;
}
.cart-footer {
display: flex;
}
.woocommerce .widget_price_filter .price_slider {
margin-bottom: 34px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
height: 4px;
border-radius: 5px;
background-color: #ededed;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
top: -7px;
width: 18px;
height: 18px;
background: #ffffff;
box-shadow: 0 2px 11px rgba(0, 0, 0, 0.13);
}
.woocommerce .widget_price_filter .price_slider_amount {
text-align: right;
font-size: 14px;
line-height: inherit;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
padding: 0 33px !important;
height: 48px;
line-height: 46px !important;
}
.woocommerce .widget_price_filter .price_slider_amount .button:hover {
background: transparent;
}
.woocommerce .widget_price_filter .price_label {
padding-top: 11px;
}
.woocommerce ul.product_list_widget li {
padding: 0;
}
.woocommerce ul.product_list_widget li img {
float: left;
margin-right: 15px;
margin-left: 0;
width: 80px;
height: 80px;
}
.woocommerce ul.product_list_widget li .price {
font-size: 16px;
}
.woocommerce ul.product_list_widget li .product-title {
margin-top: 12px;
font-size: 16px;
line-height: 1.18;
}
.woocommerce ul.product_list_widget li .product-title a {
color: inherit;
font-weight: 400;
}
.woocommerce ul.product_list_widget li .star-rating {
margin-top: 6px;
font-size: 12px;
}
.woocommerce .page-sidebar ul.product_list_widget li {
border-bottom: 1px solid #f3f3f3;
margin-bottom: 30px;
padding-bottom: 30px;
}
.woocommerce .page-sidebar ul.product_list_widget .product-item {
display: flex;
align-items: center;
}
.woocommerce .page-sidebar ul.product_list_widget .product-title {
margin: 0 0 12px;
}
.woocommerce .page-sidebar ul.product_list_widget .thumbnail {
flex-shrink: 0;
margin-right: 15px;
width: 80px;
height: 80px;
}
.woocommerce .page-sidebar ul.product_list_widget .thumbnail img {
width: 100%;
}
.woocommerce .widget_shopping_cart .cart_list li {
padding-left: 0;
}
@keyframes load-spin {
100% {
transform: rotate(360deg);
}
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce input.button.alt,
.button {
padding: 0 40px !important;
height: 48px;
border-width: 1px;
border-style: solid;
border-radius: 5px;
color: #ffffff;
letter-spacing: .0625em;
font-weight: 700 !important;
font-size: 16px !important;
line-height: 46px !important;
}
.woocommerce form .form-row {
margin: 0 0 10px;
padding: 0;
}
.woocommerce form .form-row textarea {
height: 130px;
}
.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
border-color: #d9534f;
}
.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
border-color: #5cb85c;
}
.woocommerce .amount,
.woocommerce .price {
font-weight: 700;
font-size: 18px;
}
.woocommerce ins {
background: none;
color: #999999;
}
.woocommerce del {
position: relative;
text-decoration: none;
}
.woocommerce del .amount {
color: #cccccc !important;
}
.woocommerce del:before {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
margin-top: 1px;
background: #cccccc;
content: '';
}
.woocommerce .star-rating {
color: #efc71f;
font-size: 14px;
float: none;
}
.woocommerce .star-rating:before {
color: #dddddd;
content: "SSSSS";
}
.woocommerce div.quantity {
position: relative;
width: 100px;
}
.woocommerce div.quantity button {
background: none;
position: absolute;
right: 0;
padding: 0;
width: 30px;
height: 20px;
border: 0;
font-size: 0;
}
.woocommerce div.quantity button span {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
color: #cccccc;
font-size: 12px;
}
.woocommerce div.quantity .qty {
padding: 3px 30px 3px 10px;
width: 100%;
height: 40px;
border: 1px solid #f8f8f8;
}
.woocommerce div.quantity input::-webkit-outer-spin-button,
.woocommerce div.quantity input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
}
.woocommerce div.quantity .increase {
top: 0;
}
.woocommerce div.quantity .increase span {
bottom: -2px;
}
.woocommerce div.quantity .decrease {
bottom: 0;
}
.woocommerce div.quantity .decrease span {
top: -2px;
}
.woocommerce nav.woocommerce-pagination {
text-align: center;
}
.woocommerce nav.woocommerce-pagination ul {
margin: 37px -5px 0;
border: 0;
}
.woocommerce nav.woocommerce-pagination ul li {
display: inline-block;
border: 0;
list-style-type: none;
}
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {
display: block;
font-weight: 700;
font-size: 14px;
padding: 8px 12px;
color: #cccccc;
text-transform: uppercase;
}
.woocommerce nav.woocommerce-pagination ul li .dots {
width: 20px;
border: 0;
background: none;
color: #dddddd;
font-weight: 400;
font-size: 14px;
}
.woocommerce nav.woocommerce-pagination ul li .next,
.woocommerce nav.woocommerce-pagination ul li .prev {
border: 0;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li span.current {
background: none;
}
.woocommerce .archive-shop-actions {
margin-bottom: 25px;
}
.woocommerce .archive-shop-actions .shop-filter-left,
.woocommerce .archive-shop-actions .shop-filter-right {
margin-bottom: 10px;
}
.woocommerce .woocommerce-result-count {
margin: 0;
}
.woocommerce .shop-filter-right {
display: flex;
align-items: center;
justify-content: flex-end;
}
.woocommerce .woocommerce-ordering {
display: inline-block;
margin: 0;
float: none;
}
.woocommerce .woocommerce-ordering select {
background-color: #ffffff;
}
.woocommerce .shop-view-switcher {
font-size: 20px;
margin: 0 -10px 0 30px;
display: flex;
align-items: center;
}
.woocommerce .shop-view-switcher .switcher-item {
color: #cccccc;
display: block;
padding: 0 10px;
}
.woocommerce .shop-view-switcher .switcher-item:hover {
cursor: pointer;
}
.woocommerce .shop-view-switcher .switcher-item.active {
color: #454545;
cursor: auto;
}
.woocommerce .cats {
margin-bottom: 50px;
}
.woocommerce .cats .product-category:hover .cat-title,
.woocommerce .cats .product-category:hover .cat-count {
color: #ffffff;
}
.woocommerce .cats .cat-image img {
width: 100%;
}
.woocommerce .cats .cat-text {
position: absolute;
right: 0;
bottom: 30px;
left: 0;
z-index: 1;
padding: 15px;
background-color: rgba(255, 255, 255, 0.65);
text-transform: uppercase;
}
.woocommerce .cats .cat-count {
margin: 0;
color: initial;
font-size: 12px;
}
.woocommerce-page.archive .page-content {
padding-bottom: 106px;
}
.woocommerce #respond input#submit.loading,
.woocommerce a.button.loading,
.woocommerce button.button.loading,
.woocommerce input.button.loading {
opacity: 1;
}
.woocommerce a.remove {
color: #999 !important;
}
.woocommerce a.remove:hover {
background: none;
color: #222 !important;
}
.woocommerce table.shop_table {
border: 0;
border-collapse: collapse;
}
.woocommerce table.shop_table td, .woocommerce table.shop_table th {
border: 0;
background: none;
text-align: left;
}
.woocommerce table.shop_table thead {
border-radius: 4px;
}
.woocommerce table.shop_table thead tr {
border-bottom: 1px solid #ededed;
}
.woocommerce table.shop_table thead th {
padding: 20px 0;
text-transform: uppercase;
letter-spacing: 1.75px;
font-weight: 700;
font-size: 14px;
line-height: 1.2;
}
.woocommerce table.shop_table thead th.product-remove {
width: 40px;
}
.woocommerce table.shop_table thead th.product-thumbnail {
width: 110px;
}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tbody td,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td {
padding: 15px 0;
border: 0;
}
.woocommerce table.shop_table tbody tr,
.woocommerce table.shop_table tfoot tr {
border-bottom: 1px solid #ededed;
}
.woocommerce .cart.shop_table {
margin-bottom: 95px;
border: 0;
border-collapse: collapse;
}
.woocommerce .cart.shop_table td, .woocommerce .cart.shop_table th {
border: 0;
text-align: left;
}
.woocommerce .cart.shop_table thead {
border-radius: 4px;
}
.woocommerce .cart.shop_table th {
padding: 20px 0;
text-transform: uppercase;
letter-spacing: 1.75px;
font-weight: 700;
font-size: 14px;
line-height: 1.2;
}
.woocommerce .cart.shop_table th.product-remove {
width: 40px;
}
.woocommerce .cart.shop_table th.product-thumbnail {
width: 110px;
}
.woocommerce .cart.shop_table td {
padding: 30px 0;
}
.woocommerce .cart.shop_table td.product-name a {
font-size: 20px;
}
.woocommerce .cart.shop_table td.product-price, .woocommerce .cart.shop_table td.product-subtotal {
font-size: 20px;
}
.woocommerce .cart.shop_table tbody tr + tr {
border-top: 1px solid #ededed;
}
.woocommerce table.woocommerce-checkout-review-order-table {
margin: 0 0 70px;
}
.woocommerce table.woocommerce-checkout-review-order-table tfoot th {
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1.75px;
font-weight: 700;
}
.woocommerce table.woocommerce-checkout-review-order-table td .shipping-method-label {
color: #f00;
font-weight: 700;
}
.woocommerce #coupon_code {
margin: 0 10px 0 0;
width: 320px;
}
.woocommerce .cart-collaterals .cart_totals {
width: 100%;
float: none;
}
.woocommerce .cart-collaterals .cart_totals .shop_table {
margin-bottom: 30px;
border: 0;
border-collapse: collapse;
}
.woocommerce .cart-collaterals .cart_totals .shop_table th {
vertical-align: middle;
text-transform: uppercase;
letter-spacing: 1.75px;
font-weight: 700;
font-size: 14px;
line-height: .9;
}
.woocommerce .cart-collaterals .cart_totals .shop_table th, .woocommerce .cart-collaterals .cart_totals .shop_table td {
padding: 15px 0;
border: 0;
background: none;
text-align: left;
}
.woocommerce .cart-collaterals .cart_totals .shop_table tr {
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
}
.woocommerce .cart-collaterals .cart_totals .shop_table .shipping p {
margin: 0;
}
.woocommerce .cart-collaterals .cart_totals .cart-totals-inner .woocommerce-shipping-calculator {
display: none;
}
.woocommerce .cart-shipping p {
margin-bottom: 30px;
}
.woocommerce .cart-shipping .shipping-method-label {
display: none;
}
.woocommerce .cart-shipping .shipping-method-label + p {
display: none;
}
.woocommerce .cart-shipping .shipping-calculator-form {
display: block !important;
}
body.woocommerce-cart .page-content {
padding-bottom: 70px;
}
body.woocommerce-cart table.cart td.actions .coupon .input-text {
border-color: #efefef;
padding: 3px 20px;
}
body.woocommerce-cart .cross-sells {
margin-bottom: 60px;
}
body.woocommerce-cart .wc-proceed-to-checkout {
padding: 0;
text-align: right;
}
body.woocommerce-cart .wc-proceed-to-checkout a {
display: inline-block;
text-align: center;
margin-bottom: 30px;
}
body.woocommerce-cart .wc-proceed-to-checkout .wc-return-shop {
min-width: 238px;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
display: inline-block;
margin-bottom: 30px;
margin-left: 6px;
min-width: 170px;
}
.woocommerce-checkout .woocommerce form.checkout_coupon,
.woocommerce-checkout .woocommerce form.login,
.woocommerce-checkout .woocommerce form.register {
padding: 0;
border: 0;
}
.woocommerce-checkout form .form-row {
margin: 0 0 20px;
}
.woocommerce-checkout form .form-row.form-row-first, .woocommerce-checkout form .form-row.form-row-last {
width: 50%;
}
.woocommerce-checkout form .form-row.form-row-first {
padding-right: 10px;
}
.woocommerce-checkout form .form-row.form-row-last {
padding-left: 10px;
}
.woocommerce-checkout form .form-row label {
display: none;
}
.woocommerce-checkout #coupon_code {
margin-bottom: 20px;
}
.woocommerce-checkout #customer_details {
margin-bottom: 50px;
}
.woocommerce-checkout #payment {
background: none;
}
.woocommerce-checkout #payment ul.payment_methods {
padding: 0;
border: 0;
margin-bottom: 10px;
}
.woocommerce-checkout #payment ul.payment_methods li {
margin-bottom: 10px;
}
.woocommerce-checkout #payment div.payment_box {
margin: 0;
padding: 28px 20px 15px;
background: none;
font-size: inherit;
}
.woocommerce-checkout #payment div.payment_box:before {
display: none;
}
.woocommerce-checkout #payment .payment_title {
padding: 17px 20px;
border-radius: 4px;
background: #ededed;
color: #222;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
}
.woocommerce-checkout #payment .payment_title label {
cursor: pointer;
}
.woocommerce-checkout #payment div.form-row {
margin: 0;
padding: 0;
text-align: center;
}
.woocommerce-checkout #payment div.form-row .button {
display: inline-block;
width: auto;
float: none !important;
}
.woocommerce-checkout #place_order {
float: none;
width: 100%;
}
.woocommerce-checkout table.shop_table tbody th,
.woocommerce-checkout table.shop_table tbody td,
.woocommerce-checkout table.shop_table tfoot th,
.woocommerce-checkout table.shop_table tfoot td {
padding: 15px 15px 15px 0;
}
.woocommerce-checkout table.shop_table tr.shipping td {
font-weight: normal;
}
.woocommerce-checkout table.shop_table tr.shipping p {
margin: 0;
}
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout #ship-to-different-address,
.woocommerce .cart-collaterals .cart-totals-inner > h2,
.woocommerce .cart-shipping .woocommerce-shipping-calculator h2 {
margin-bottom: 40px;
font-size: 24px;
}
.woocommerce-page .page-content {
padding-bottom: 100px;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
width: 80px;
}
@media (max-width: 767px) {
body.woocommerce-cart .page-content {
padding-bottom: 90px;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background: none;
}
.woocommerce .cart-collaterals .cart_totals .shop_table tr,
.woocommerce-page .cart-collaterals .cart_totals .shop_table tr {
border-top: 0;
}
.woocommerce .cart-collaterals .cart_totals .shop_table tr:first-child,
.woocommerce-page .cart-collaterals .cart_totals .shop_table tr:first-child {
border-top: 1px solid #ededed;
}
.woocommerce table.shop_table tbody tr {
border-bottom: 0;
}
.woocommerce table.shop_table tbody tr + tr {
padding: 15px 0;
}
.woocommerce table.shop_table tfoot tr {
border-bottom: 0;
}
.woocommerce #coupon_code {
margin-bottom: 10px;
width: 100%;
}
.woocommerce .cart.shop_table td {
padding: 10px 0;
}
.woocommerce .cart.shop_table td.product-subtotal {
clear: both;
}
.woocommerce .cart.shop_table .product-quantity:after {
display: table;
clear: both;
content: '';
}
.woocommerce .cart.shop_table .quantity {
float: right;
}
.woocommerce-page table.cart td.actions .coupon {
padding-bottom: 10px;
}
.woocommerce-page table.cart td.actions .coupon .input-text + .button {
float: none;
width: 100%;
}
.cart-shipping {
margin-bottom: 60px;
}
.woocommerce-checkout .woocommerce-checkout {
margin-top: 50px;
}
.woocommerce-checkout #customer_details {
margin-bottom: 30px;
}
.woocommerce-checkout #customer_details .col-1 {
margin-bottom: 30px;
}
.woocommerce-checkout form .form-row.form-row-first, .woocommerce-checkout form .form-row.form-row-last {
padding: 0;
width: 100%;
}
}
.woocommerce-form-login .woocommerce-form__label-for-checkbox {
margin-left: 20px;
}
#ship-to-different-address-checkbox {
top: -3px;
}
.woocommerce.single-product #reviews #comments .commentlist {
margin: 0 0 46px;
padding: 0;
}
.woocommerce.single-product #reviews #comments .commentlist .comment {
margin: 0 0 32px;
border-bottom: 1px solid #ededed;
padding-bottom: 28px;
}
.woocommerce.single-product #reviews #comments .commentlist .comment:last-child {
margin: 0;
}
.woocommerce.single-product #reviews #comments .commentlist .avatar {
padding: 0;
width: 70px;
border: 0;
border-radius: 50%;
float: none;
position: static;
}
.woocommerce.single-product #reviews #comments .commentlist .meta {
margin-bottom: 15px;
}
.woocommerce.single-product #reviews #comments .commentlist .comment-author {
float: left;
}
.woocommerce.single-product #reviews #comments .commentlist .star-rating {
position: absolute;
top: 0;
right: 0;
}
.woocommerce.single-product #reviews #comments .commentlist .description p:last-child {
margin-bottom: 0;
}
.woocommerce.single-product #reviews #comments .commentlist .fn a {
font-style: normal;
font-size: 18px;
}
.woocommerce.single-product #reviews #comments .commentlist .woocommerce-review__verified {
display: block;
}
.woocommerce.single-product #reviews #comment {
height: 150px;
}
.woocommerce.single-product .comment-content {
margin-left: 100px;
}
.woocommerce.single-product .comment-actions {
margin-top: 20px;
}
.woocommerce.single-product .comment-actions a {
margin-right: 20px;
font-weight: 700;
font-size: 16px;
line-height: 1.2;
letter-spacing: 1px;
}
.woocommerce.single-product .comment-actions span {
font-size: 18px;
font-weight: 500;
opacity: .7;
margin-right: 12px;
}
.woocommerce.single-product .woocommerce-Reviews-title {
display: none;
}
.woocommerce.single-product .comment-reply-title {
display: block;
margin-bottom: 48px;
text-align: center;
font-size: 24px;
line-height: 1.5;
}
.woocommerce.single-product .comment-form input[type="text"],
.woocommerce.single-product .comment-form input[type="email"] {
width: 100%;
}
.woocommerce.single-product .comment-form .comment-form-comment {
margin: 0 0 30px;
}
.woocommerce.single-product .comment-form .comment-form-author,
.woocommerce.single-product .comment-form .comment-form-email {
margin: 0 0 20px;
}
.woocommerce.single-product .comment-form .submit {
min-width: 144px;
}
.woocommerce.single-product #review_form #respond .comment-form-author,
.woocommerce.single-product #review_form #respond .comment-form-email,
.woocommerce.single-product #review_form #respond .comment-form-comment {
margin: 0 0 30px;
}
.woocommerce.single-product #review_form #respond .comment-notes {
margin-bottom: 30px;
}
.woocommerce.single-product #review_form #respond .form-submit {
text-align: center;
margin: 0;
}
.woocommerce.single-product .stars {
display: inline-block;
margin: 0 0 0 22px !important;
}
.woocommerce.single-product .stars a {
font-size: 18px;
color: #efc71f;
}
.woocommerce-review__author {
display: inline-block;
margin-bottom: 0;
font-size: 18px;
font-weight: 700;
line-height: 1.16;
}
.woocommerce-review__published-date {
position: relative;
padding-left: 22px;
font-size: 14px;
font-style: italic;
}
.woocommerce-review__published-date:before {
content: '';
width: 3px;
height: 3px;
background: currentColor;
position: absolute;
border-radius: 50%;
top: 6px;
left: 8px;
}
.woocommerce-noreviews {
text-align: center;
}
.comment-form-rating {
line-height: 1;
margin-bottom: 44px;
}
.comment-form-rating label {
font-size: 14px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
}
@media (max-width: 767px) {
.woocommerce.single-product #reviews #comments .commentlist .star-rating {
position: relative;
margin-top: 20px;
}
}
@media (max-width: 543px) {
.woocommerce-review__published-date {
display: block;
padding-left: 0;
margin-top: 10px;
}
.woocommerce-review__published-date:before {
display: none;
}
}
.woocommerce.single-product .product-feature {
position: relative;
}
.woocommerce.single-product .product-feature .product-badges {
top: 50px;
left: 48px;
}
.woocommerce.single-product div.product > .row {
margin-bottom: 42px;
}
.woocommerce.single-product div.product .product-feature {
margin: -20px;
}
.woocommerce.single-product div.product .images {
float: none;
width: 100% !important;
}
.woocommerce.single-product div.product .images .thumbnails {
margin-top: 10px;
padding: 0;
}
.woocommerce.single-product div.product .images .thumbnails a {
float: none;
margin: 0;
}
.woocommerce.single-product div.product .images img {
background: #ffffff;
border-radius: 5px;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
width: 100%;
}
.woocommerce.single-product div.product .images.tm-swiper {
margin-bottom: 70px;
}
.woocommerce.single-product div.product .images.tm-swiper .swiper-slide > div {
padding: 20px;
}
.woocommerce.single-product div.product .images.tm-swiper .swiper-pagination {
bottom: 50px;
}
.woocommerce.single-product div.product .summary {
margin-bottom: 40px;
padding-left: 20px;
width: 100% !important;
}
.woocommerce.single-product div.product .product_title {
margin: -4px 0 11px;
font-size: 40px;
line-height: 1.4;
}
.woocommerce.single-product div.product p.price {
margin-bottom: 30px;
font-size: 18px;
}
.woocommerce.single-product div.product form.cart {
margin-bottom: 0;
}
.woocommerce.single-product div.product form.cart table th, .woocommerce.single-product div.product form.cart table td {
text-align: left;
}
.woocommerce.single-product div.product form.cart table td {
background: none;
}
.woocommerce.single-product div.product form.cart div.quantity {
display: inline-block;
float: left;
margin: 0 30px 0 0;
}
.woocommerce.single-product div.product form.cart label {
margin-right: 15px;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
min-width: 100px;
}
.woocommerce.single-product div.product form.cart .variations {
margin-bottom: 8px;
}
.woocommerce.single-product div.product form.cart .variations td {
vertical-align: middle;
}
.woocommerce.single-product div.product form.cart .variations select {
margin-right: 0;
padding: 3px 30px 3px 15px;
min-width: 0;
width: auto;
height: 40px;
border: 1px solid #eeeeee;
}
.woocommerce.single-product div.product form.cart .variations .label {
padding: 10px 15px 10px 0;
min-width: 115px;
}
.woocommerce.single-product div.product form.cart .variations .value {
width: 100%;
line-height: 0;
}
.woocommerce.single-product div.product .single_add_to_cart_button {
position: relative;
padding: 0 30px 0 59px !important;
}
.woocommerce.single-product div.product .single_add_to_cart_button:hover {
background: transparent;
}
.woocommerce.single-product div.product .single_add_to_cart_button:before {
position: absolute;
top: 50%;
left: 33px;
transform: translate(0, -50%);
font-size: 18px;
font-family: 'Ionicons';
font-weight: 500;
speak: none;
font-style: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\f3f8';
}
.woocommerce.single-product div.product .woocommerce-variation-price {
margin-bottom: 10px;
}
.woocommerce.single-product div.product .woocommerce-product-rating {
margin-bottom: 13px;
font-size: 15px;
line-height: 1.6;
}
.woocommerce.single-product div.product .woocommerce-product-rating .star-rating {
margin: .3em 4px 0 0;
font-size: inherit;
}
.woocommerce.single-product div.product .woocommerce-product-rating .woocommerce-review-link {
margin-left: 5px;
}
.woocommerce.single-product div.product .summary .added_to_cart {
display: none;
}
.woocommerce.single-product div.product .summary .add_to_cart_button:before {
content: '\f07a';
}
.woocommerce.single-product div.product .summary .add_to_cart_button.added:before {
content: '\f217';
}
.woocommerce.single-product div.product .woocommerce-tabs {
position: relative;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs {
overflow: visible;
margin: 0;
padding: 0;
text-align: center;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs:before {
position: absolute;
top: auto;
right: auto;
bottom: 0;
left: -1000px;
display: block;
width: 3000px;
height: 1px;
border: 0 !important;
background: #ededed;
content: '';
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li {
z-index: 1;
margin: 0 39px 0 0;
padding: 0;
border: 0;
border-bottom: 1px solid transparent;
border-radius: 0;
background: transparent;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li:last-child {
margin-right: 0;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li a {
padding: 10px 0;
font-size: 24px;
font-weight: 400;
line-height: 1.5;
color: #cccccc;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li:before, .woocommerce.single-product div.product .woocommerce-tabs ul.tabs li:after {
display: none;
}
.woocommerce.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel {
padding: 68px 0 0;
max-width: 770px;
margin: 0 auto;
}
.woocommerce.single-product .quantity-button-wrapper {
margin-bottom: 43px;
}
.woocommerce.single-product .quantity-button-wrapper label {
float: left;
margin: 9px 15px 0 0;
min-width: 100px;
}
.woocommerce.single-product .product-meta-wrap .product-meta {
margin-top: 38px;
padding-top: 19px;
width: 100%;
border-top: 1px solid #f3f3f3;
}
.woocommerce.single-product .product-meta-wrap .meta-item + .meta-item {
margin-top: 5px;
}
.woocommerce.single-product .product-meta-wrap h6 {
display: inline-block;
margin-right: 15px;
font-size: 14px;
min-width: 100px;
line-height: 1.3;
}
.woocommerce.single-product .product-meta-wrap a {
color: inherit;
}
.product-sharing-list {
display: inline-block;
margin: 0 -10px;
}
.product-sharing-list a {
padding: 0 8px;
font-size: 14px;
color: #cccccc;
}
.cross-sells.products,
.up-sells.products,
.related.products {
margin-top: 70px;
}
.cross-sells.products > h2,
.up-sells.products > h2,
.related.products > h2 {
display: block;
margin-bottom: 40px;
text-align: center;
font-size: 24px;
line-height: 1.5;
}
.cross-sells.products .product,
.up-sells.products .product,
.related.products .product {
width: 100%;
margin: 0 !important;
}
.cross-sells.products .tm-swiper,
.up-sells.products .tm-swiper,
.related.products .tm-swiper {
margin: -15px -15px 36px;
}
.cross-sells.products .swiper-slide,
.up-sells.products .swiper-slide,
.related.products .swiper-slide {
padding: 15px;
}
@media (min-width: 1200px) {
.woocommerce.single-product div.product .summary {
padding-left: 70px;
}
}
@media (max-width: 991px) {
.woocommerce.single-product div.product .product_title {
font-size: 32px;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li a {
font-size: 20px;
}
}
@media (max-width: 767px) {
.woocommerce.single-product div.product > .row {
margin-bottom: 20px;
}
.woocommerce.single-product div.product .images {
margin-bottom: 50px;
}
.woocommerce.single-product div.product .product_title {
font-size: 24px;
}
.woocommerce.single-product div.product .summary {
padding-left: 0;
}
}
.woocommerce form.login {
margin: 39px 0 0;
}
.woocommerce .woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce .woocommerce-MyAccount-navigation li a {
position: relative;
display: block;
padding: 15px 0 15px 20px;
border-bottom: 1px solid #f1eeea;
}
.woocommerce .woocommerce-MyAccount-navigation li a:before {
position: absolute;
top: 50%;
left: 0;
content: '\f3d1';
font-family: Ionicons;
transform: translate(0, -50%);
}
.woocommerce-edit-account .woocommerce .woocommerce-Button {
margin-top: 30px;
}
.woocommerce-account .addresses .title .edit,
.woocommerce-account ul.digital-downloads li .count {
margin-top: 9px;
}
#yith-wcwl-popup-message {
display: none !important;
}
.yith-wcwl-add-to-wishlist {
margin-top: 0;
}
.yith-wcwl-add-to-wishlist .feedback {
display: none;
}
.yith-wcwl-add-to-wishlist .ajax-loading {
display: none !important;
}
.yith-wcwl-add-to-wishlist .blockUI {
display: none;
visibility: hidden;
}
.single-product .woo-single-summary .yith-wcwl-add-to-wishlist {
float: left;
margin-left: 10px;
}
.single-product .woo-single-summary .yith-wcwl-add-to-wishlist a {
position: relative;
display: block;
width: 48px;
height: 48px;
line-height: 48px;
border-radius: 5px;
color: #ababab;
font-size: 0 !important;
padding: 0 !important;
border: 1px solid #ededed;
text-align: center;
}
.single-product .woo-single-summary .yith-wcwl-add-to-wishlist a:hover {
color: #fff !important;
}
.single-product .woo-single-summary .yith-wcwl-add-to-wishlist a:before {
content: '\f388';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 20px;
font-weight: 500;
font-family: Ionicons;
speak: none;
font-style: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.single-product .woo-single-summary .yith-wcwl-add-to-wishlist .separator {
display: none;
}
.single-product .woo-single-summary .yith-wcwl-add-to-wishlist .view-wishlist {
display: none;
}
.single-product .add_to_wishlist.loading {
animation: load-spin 1.5s linear infinite !important;
}
.single-product .add_to_wishlist.loading:before {
content: '\f459';
}
.woocommerce-wishlist a.remove {
font-size: 18px;
font-weight: normal;
}
.woocommerce-wishlist .cart.shop_table {
margin-bottom: 0;
}
.woocommerce-wishlist .cart.shop_table tfoot tr {
border-bottom: 0;
}
.woocommerce-wishlist .cart.shop_table tfoot td {
padding: 30px 0 0;
}
.woocommerce-wishlist .yith-wcwl-share {
margin-bottom: 0;
}
.woocommerce-wishlist .yith-wcwl-share ul {
margin: 0;
}
.wishlist-title {
display: none;
}
.wishlist-in-stock,
.wishlist-out-of-stock {
display: block;
position: relative;
padding: 9px 0 8px 22px;
font-size: 14px;
font-style: italic;
color: inherit !important;
margin: 0;
}
.wishlist-in-stock:before,
.wishlist-out-of-stock:before {
color: #d31129;
font-family: Ionicons;
font-size: 16px;
font-style: normal;
margin-right: 10px;
}
.wishlist-in-stock:before {
content: '\f120';
}
.wishlist-out-of-stock:before {
content: '\f128';
}
.dateadded {
font-size: 14px;
margin-bottom: 10px;
}
.woocommerce .wishlist_table td.product-add-to-cart a {
margin-bottom: 10px;
}
.wishlist_table.wishlist_table .product-add-to-cart a {
display: inline-block !important;
padding: 0 20px !important;
}
.yith-compare-btn a div {
display: none !important;
}
.single-product .woo-single-info .yith-compare-btn {
float: left;
margin-left: 10px;
}
.single-product .woo-single-info .yith-compare-btn a {
position: relative;
display: block;
width: 48px;
height: 48px;
line-height: 48px;
border-radius: 5px;
color: #ababab;
font-size: 0 !important;
padding: 0 !important;
border: 1px solid #ededed;
text-align: center;
}
.single-product .woo-single-info .yith-compare-btn a:hover {
color: #ffffff;
}
.single-product .woo-single-info .yith-compare-btn a:before {
content: '\f4a8';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 20px;
font-weight: 500;
font-family: Ionicons;
speak: none;
font-style: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.single-product .woo-single-info .yith-compare-btn.loading {
animation: load-spin 1.5s linear infinite !important;
}
.single-product .woo-single-info .yith-compare-btn.loading:before {
content: '\f459';
}
.compare-popup-opened {
overflow: hidden !important;
}
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight {
display: none;
}
#cboxClose {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
width: auto;
height: auto;
bottom: -35px;
text-indent: 0;
color: #ffffff;
background: 0 0;
}
#cboxClose:before {
font-family: 'Ionicons';
content: '\f12a';
font-size: 20px;
display: inline-block;
vertical-align: middle;
line-height: 0;
margin-right: 5px;
}
table.compare-list th {
padding: 25px 15px;
font-weight: 600;
border-bottom: none;
font-size: 18px;
}
.mfp-bg.mfp-bg {
background: #000000;
opacity: .5;
}
.product-container {
overflow: hidden;
height: 680px;
padding-top: 55px;
background: #ffffff;
border-radius: 8px;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
}
.woo-quick-view-popup {
display: none;
border-radius: 8px;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
}
.woo-quick-view-popup .tm-swiper {
width: 400px;
}
.woo-quick-view-popup .woocommerce.single-product div.product > .row {
margin-bottom: 0;
}
.woo-quick-view-popup-content.woocommerce.single-product div.product .images {
margin: 0 !important;
}
.woo-quick-view-popup-content.woocommerce.single-product div.product .images img {
box-shadow: none;
}
.woo-quick-view-popup-content.woocommerce.single-product div.product .entry-summary {
margin: 0;
padding-right: 30px;
}
.woo-quick-view-popup-content.woocommerce.single-product div.product > .row {
margin-bottom: 0 !important;
}
@media (max-width: 1199px) {
.woo-quick-view-popup-content.woocommerce.single-product div.product .entry-summary {
padding-left: 0;
padding-right: 15px;
}
}
.woocommerce .isw-swatch--isw_color .isw-term {
line-height: 1;
}
.woocommerce .isw-term span {
transform: translate(-50%, -50%);
box-sizing: border-box;
border: 2px solid #ededed;
position: absolute;
border-radius: 50%;
top: 50%;
left: 50%;
width: 12px;
height: 12px;
}
.woocommerce .isw-term.isw-selected {
box-shadow: none;
}
.woocommerce .isw-term.isw-selected span {
width: 18px;
height: 18px;
border: 0;
}
.woocommerce .isw-term.isw-selected span:before {
font-family: 'Ionicons';
content: '\f122';
font-size: 12px;
color: #ffffff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.isw-swatches--in-loop {
text-align: center;
}
.isw-swatches--in-loop .isw-swatch {
margin: 10px 0 0;
}
.isw-swatches--in-loop .reset_variations {
margin-top: 5px;
}
.isw-swatches--in-single .reset_variations {
line-height: 1;
top: 5px;
}
.isw-swatches--in-single .reset_variations:before {
top: 1px;
}
.isw-swatches--in-single.isw-swatches .isw-swatch--isw_color .isw-term {
width: 24px;
height: 24px;
margin-right: 15px;
}
.isw-swatches--in-single .isw-term span {
width: 20px;
height: 20px;
}
.isw-swatches--in-single .isw-term.isw-selected span {
width: 24px;
height: 24px;
}
.isw-swatches--in-single .isw-term.isw-selected span:before {
font-size: 14px;
}
.reset_variations {
display: inline-block;
letter-spacing: 3px;
font-size: 14px !important;
text-transform: uppercase;
font-weight: 700;
position: relative;
padding-left: 15px;
}
.reset_variations:before {
font-family: 'Ionicons';
content: '\f2d7';
position: absolute;
top: 4px;
left: 0;
line-height: 1;
}  @media (max-width: 1919px) {
.rmbg-lg-down {
background-image: none !important;
}
}
@media (max-width: 1199px) {
.rmbg-md-down {
background-image: none !important;
}
}
@media (max-width: 991px) {
.rmbg-sm-down {
background-image: none !important;
}
}
@media (max-width: 767px) {
.rmbg-xs-down {
background-image: none !important;
}
}