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: #ffff00;
color: #000000;
}
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: 1.5em 0;
}
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: 700;
}
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: 14px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 14px;
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: -15px;
}
.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: -15px;
}
.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);
} .hint--small:after,
.hint--medium:after,
.hint--large:after {
white-space: normal;
line-height: 1.4em;
}
.hint--small:after {
width: 80px;
}
.hint--medium:after {
width: 150px;
}
.hint--large:after {
width: 300px;
} [class*="hint--"] { }
[class*="hint--"]:after {
text-shadow: none;
border-radius: 0;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
}  .hint--error:after {
background-color: #b34e4d;
text-shadow: 0 -1px 0px #592726;
}
.hint--error.hint--top-left:before {
border-top-color: #b34e4d;
}
.hint--error.hint--top-right:before {
border-top-color: #b34e4d;
}
.hint--error.hint--top:before {
border-top-color: #b34e4d;
}
.hint--error.hint--bottom-left:before {
border-bottom-color: #b34e4d;
}
.hint--error.hint--bottom-right:before {
border-bottom-color: #b34e4d;
}
.hint--error.hint--bottom:before {
border-bottom-color: #b34e4d;
}
.hint--error.hint--left:before {
border-left-color: #b34e4d;
}
.hint--error.hint--right:before {
border-right-color: #b34e4d;
} .hint--warning:after {
background-color: #c09854;
text-shadow: 0 -1px 0px #6c5328;
}
.hint--warning.hint--top-left:before {
border-top-color: #c09854;
}
.hint--warning.hint--top-right:before {
border-top-color: #c09854;
}
.hint--warning.hint--top:before {
border-top-color: #c09854;
}
.hint--warning.hint--bottom-left:before {
border-bottom-color: #c09854;
}
.hint--warning.hint--bottom-right:before {
border-bottom-color: #c09854;
}
.hint--warning.hint--bottom:before {
border-bottom-color: #c09854;
}
.hint--warning.hint--left:before {
border-left-color: #c09854;
}
.hint--warning.hint--right:before {
border-right-color: #c09854;
} .hint--info:after {
background-color: #3986ac;
text-shadow: 0 -1px 0px #1a3c4d;
}
.hint--info.hint--top-left:before {
border-top-color: #3986ac;
}
.hint--info.hint--top-right:before {
border-top-color: #3986ac;
}
.hint--info.hint--top:before {
border-top-color: #3986ac;
}
.hint--info.hint--bottom-left:before {
border-bottom-color: #3986ac;
}
.hint--info.hint--bottom-right:before {
border-bottom-color: #3986ac;
}
.hint--info.hint--bottom:before {
border-bottom-color: #3986ac;
}
.hint--info.hint--left:before {
border-left-color: #3986ac;
}
.hint--info.hint--right:before {
border-right-color: #3986ac;
} .hint--success:after {
background-color: #458746;
text-shadow: 0 -1px 0px #1a321a;
}
.hint--success.hint--top-left:before {
border-top-color: #458746;
}
.hint--success.hint--top-right:before {
border-top-color: #458746;
}
.hint--success.hint--top:before {
border-top-color: #458746;
}
.hint--success.hint--bottom-left:before {
border-bottom-color: #458746;
}
.hint--success.hint--bottom-right:before {
border-bottom-color: #458746;
}
.hint--success.hint--bottom:before {
border-bottom-color: #458746;
}
.hint--success.hint--left:before {
border-left-color: #458746;
}
.hint--success.hint--right:before {
border-right-color: #458746;
} .hint--always:after, .hint--always:before {
opacity: 1;
visibility: visible;
}
.hint--always.hint--top:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--always.hint--top:after {
-webkit-transform: translateX(-50%) translateY(-8px);
-moz-transform: translateX(-50%) translateY(-8px);
transform: translateX(-50%) translateY(-8px);
}
.hint--always.hint--top-left:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--always.hint--top-left:after {
-webkit-transform: translateX(-100%) translateY(-8px);
-moz-transform: translateX(-100%) translateY(-8px);
transform: translateX(-100%) translateY(-8px);
}
.hint--always.hint--top-right:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--always.hint--top-right:after {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--always.hint--bottom:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.hint--always.hint--bottom:after {
-webkit-transform: translateX(-50%) translateY(8px);
-moz-transform: translateX(-50%) translateY(8px);
transform: translateX(-50%) translateY(8px);
}
.hint--always.hint--bottom-left:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.hint--always.hint--bottom-left:after {
-webkit-transform: translateX(-100%) translateY(8px);
-moz-transform: translateX(-100%) translateY(8px);
transform: translateX(-100%) translateY(8px);
}
.hint--always.hint--bottom-right:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.hint--always.hint--bottom-right:after {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.hint--always.hint--left:before {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px);
}
.hint--always.hint--left:after {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px);
}
.hint--always.hint--right:before {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px);
}
.hint--always.hint--right:after {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px);
} .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;
}
.sl-icon {
margin-right: 7px;
}
@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, .top-bar-office-wrapper::after, .top-bar-01 .top-bar-social-network::after, .top-bar-03 .top-bar-social-network::after, .top-bar-04 .top-bar-social-network::after, .top-bar-05 .top-bar-social-network::after, .top-bar-07 .top-bar-social-network::after, .top-bar-08 .top-bar-social-network::after, .top-bar-10 .top-bar-social-network::after, .branding__logo::after, .simple-footer .social-networks .inner::after, .comment-list .comment::after, .comment-list .pingback::after, .page-loading .sk-three-bounce::after, .single-post .entry-content::after, .post-share .post-share-list::after, .entry-author .author-social-networks::after, .tm-blog.style-list::after, .tm-box-icon::after, .tm-card.style-1 .menu-header::after, .tm-card.style-2 .menu-header::after, .tm-heading.highlight-big-number::after, .tm-slider-button.style-01 .button-wrap::after, .tm-slider-button.style-02 .button-wrap::after, .tm-slider-button.style-03 .button-wrap::after, .tm-slider-button.style-04 .button-wrap::after, .tm-social-networks ul::after, .tm-timeline.style-01 .item-wrapper::after, .tm-custom-menu.style-2 .menu::after, .tm-custom-menu.style-3 .menu::after, .tm-custom-menu.style-4 .menu::after, .tm-custom-menu.style-5 .menu::after, .vc_progress_bar .vc_single_bar_title::after, .widget_recent_comments .recentcomments::after, .tagcloud::after, .tm-posts-widget .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] {
text-decoration: none;
}
.link-secret {
color: currentColor;
}
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: #999;
opacity: 1;
-webkit-transition: opacity .3s !important;
transition: opacity .3s !important;
}
:-moz-placeholder { color: #999;
opacity: 1;
-moz-transition: opacity .3s !important;
transition: opacity .3s !important;
}
::-moz-placeholder { color: #999;
opacity: 1;
-moz-transition: opacity .3s !important;
transition: opacity .3s !important;
}
:-ms-input-placeholder {
color: #999;
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: 0;
border-bottom: 2px solid #ddd;
color: #222;
font-weight: 400;
padding: 12px 0 12px;
height: 50px;
}
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: 50px;
max-width: 100%;
width: 100%;
outline: none;
border: 0;
border-bottom: 2px solid #ddd;
border-radius: 0;
font-weight: 400;
color: #999999;
background: #f9f9f9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAELY03+AAAABGdBTUEAALGPC/xhBQAAAFFJREFUCB1tTsERwCAIC9MyhnQMprUJPTw9mweGmACWmQFggGSSQCT02lLUCaayAuTubrcNeNr5TaRAZyhd6A1q2hnkQ8IPKl3G/tyPoHaMfwHyzSNHeemKDAAAAABJRU5ErkJggg==) no-repeat center right 20px;
-moz-appearance: none;
-webkit-appearance: none;
}
select:focus {
background-color: #ffffff;
color: #222;
}
textarea {
width: 100%;
outline: none;
border: 0;
border-bottom: 2px solid #ddd;
font-weight: 400;
color: #222;
display: block;
padding: 12px 0 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.mathias-die.com/wp-content/themes/tractor/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.mathias-die.com/wp-content/themes/tractor/assets/images/box_shadow.png) repeat-x left top;
}
table tr:nth-child(2n) td {
background: rgba(0, 0, 0, 0.01);
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
margin-bottom: 15px;
}
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 {
position: relative;
margin: 0;
padding: 26px 30px 26px 75px;
margin-bottom: 1.5em;
border: 2px solid;
font-size: 18px;
font-style: italic;
color: #222;
}
blockquote:before {
position: absolute;
top: 50%;
left: 25px;
transform: translateY(-50%);
content: '\f347';
font-family: Ionicons;
font-size: 24px;
font-style: normal;
}
blockquote p {
margin-bottom: 0;
} .page-main-content .wp-block-quote:not(.is-large):not(.is-style-large) {
border-left: 2px solid #ffc246;
padding-left: 75px;
}
.page-content .page-main-content *.alignfull {
position: relative;
left: -15px;
width: 100vw;
max-width: 100vw;
clear: both;
}
@media screen and (min-width: 555px) {
.page-content .page-main-content *.alignfull {
left: calc((525px - 100vw) / 2);
}
}
@media screen and (min-width: 768px) {
.page-content .page-main-content *.alignfull {
left: calc((690px - 100vw) / 2);
}
}
@media screen and (min-width: 992px) {
.page-content .page-main-content *.alignfull {
left: calc((910px - 100vw) / 2);
}
}
@media screen and (min-width: 1200px) {
.page-content .page-main-content *.alignfull {
left: calc((1170px - 100vw) / 2);
}
}
.page-content .page-main-content *.alignwide {
position: relative;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
clear: both;
}
@media only screen and (min-width: 1280px) {
.page-content .page-main-content *.alignwide {
width: calc(100% + 400px);
max-width: calc(100% + 400px);
left: -200px;
}
}
@media only screen and (min-width: 1200px) {
.page-content .page-main-content *.alignwide {
width: calc(100% + 200px);
max-width: calc(100% + 200px);
left: -100px;
}
}
@media only screen and (min-width: 1024px) {
.page-content .page-main-content *.alignwide {
width: calc(100% + 100px);
max-width: calc(100% + 100px);
left: -50px;
}
}
.page-content .page-main-content *.alignleft { float: left;
max-width: calc(5 * (100vw / 12));
margin-top: 0;
margin-left: 0; margin-right: 1rem;
}
@media only screen and (min-width: 768px) {
.page-content .page-main-content *.alignleft {
max-width: calc(4 * (100vw / 12)); margin-right: calc(2 * 1rem);
}
}
.page-content .page-main-content *.alignright { float: right;
max-width: calc(5 * (100vw / 12));
margin-top: 0;
margin-right: 0; margin-left: 1rem;
}
@media only screen and (min-width: 768px) {
.page-content .page-main-content *.alignright {
max-width: calc(4 * (100vw / 12));
margin-right: 0; margin-left: calc(2 * 1rem);
}
}
.page-content .page-main-content *.aligncenter {
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 1168px) {
.page-content .page-main-content *.aligncenter {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.page-content .page-main-content *.aligncenter {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
.wp-block-separator {
background-color: transparent;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
padding: 26px 30px 26px 70px;
}
.wp-block-table td, .wp-block-table th {
border: 1px solid rgba(0, 0, 0, 0.08);
}
.wp-block-latest-posts {
padding: 0;
list-style: none;
}
.wp-block-pullquote {
border: 4px solid #ffc246;
padding: 46px 30px 46px 75px;
}  .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 41px;
height: 50px;
line-height: 46px;
outline: none;
border-width: 2px;
border-style: solid;
border-radius: 0px;
background-color: transparent;
color: #ffffff;
font-weight: 700;
font-size: 13px;
letter-spacing: 0.5px;
text-transform: uppercase;
cursor: pointer;
}
button:focus,
input[type='button']:focus,
input[type='reset']:focus,
input[type='submit']:focus {
outline: none;
}
.comment-nav-links,
.page-pagination {
padding: 0;
font-size: 15px;
letter-spacing: 0.5px;
font-weight: 700;
}
.comment-nav-links li,
.page-pagination li {
display: inline-block;
list-style-type: none;
}
.comment-nav-links li span,
.comment-nav-links li a,
.page-pagination li span,
.page-pagination li a {
padding: 15px 12px;
display: block;
text-align: center;
color: #b5b5b5;
}
.comment-nav-links li .current,
.page-pagination li .current {
color: #222;
}
.comment-nav-links li .dots,
.page-pagination li .dots {
background: none;
min-width: 20px;
}
.comment-nav-links li .next,
.comment-nav-links li .prev,
.page-pagination li .next,
.page-pagination li .prev {
font-size: 13px;
text-transform: uppercase;
color: #b5b5b5;
}
.comment-nav-links li .next i,
.comment-nav-links li .prev i,
.page-pagination li .next i,
.page-pagination li .prev i {
font-size: 10px;
font-weight: 500;
}
.comment-nav-links li .prev i,
.page-pagination li .prev i {
margin-right: 8px;
}
.comment-nav-links li .next i,
.page-pagination li .next i {
margin-left: 8px;
}
.page-pagination {
margin: 40px -12px 0;
}
.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;
padding-top: 30px;
margin: 0 -12px;
}
.page-links > span,
.page-links > a {
display: block;
float: left;
padding: 15px 12px;
text-align: center;
font-weight: 700;
font-size: 15px;
line-height: 38px;
}
.page-links > a {
color: #b5b5b5;
}
.page-links a span {
padding: 0 6px;
}
.page-links > a:hover,
.page-links > a:focus,
.page-links > span {
color: #ffffff;
}
.post-navigation {
position: relative;
}
.nav-links {
margin-top: 80px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.nav-links .nav-item {
width: 46%;
}
.nav-links .nav-previous {
text-align: left;
}
.nav-links .nav-previous span {
margin-right: 8px;
font-size: 10px;
font-weight: 500;
}
.nav-links .nav-next {
text-align: right;
}
.nav-links .nav-next span {
margin-left: 10px;
font-size: 10px;
font-weight: 500;
}
.nav-links a {
display: block;
font-size: 18px;
line-height: 1.4;
font-weight: 500;
}
.nav-links a:hover {
text-decoration: underline;
}
.nav-links a div {
color: #888;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 16px;
}
.page-top-bar {
z-index: 99999;
border: 0 solid transparent;
}
.page-top-bar h1, .page-top-bar h2, .page-top-bar h3, .page-top-bar h4, .page-top-bar h5, .page-top-bar h6 {
margin-bottom: 0;
}
.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 .switcher-language-wrapper {
height: 50px;
}
.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 {
line-height: 1;
}
.top-bar-info .info-icon {
font-size: 18px;
margin-right: 6px;
vertical-align: middle;
}
.top-bar-info .info-text {
vertical-align: middle;
}
.top-bar-link-list .link-item {
display: inline-block;
line-height: 1;
margin-right: 15px;
}
.top-bar-link-list .link-item:last-child {
margin-right: 0;
}
.top-bar-link-list .link-item a {
line-height: 1;
}
.top-bar-link-list .text {
vertical-align: middle;
}
.top-bar-office-wrapper {
display: flex;
align-items: stretch;
}
.top-bar-office-wrapper ul {
margin: 0;
padding: 0;
}
.top-bar-office-wrapper ul li {
list-style-type: none;
}
.top-bar-office-wrapper .office-switcher {
flex-shrink: 0;
position: relative;
text-align: left;
margin-left: 20px;
}
.top-bar-office-wrapper .office-switcher:hover .office-list {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
.top-bar-office-wrapper .office-list {
z-index: 99999;
position: absolute;
top: 100%;
left: 0;
background: #ffffff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.09);
padding: 12px 0;
margin: 0;
min-width: 100%;
overflow: hidden;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
}
.top-bar-office-wrapper .office-list a {
display: block;
padding: 10px 20px;
}
.top-bar-office-wrapper .active {
position: relative;
cursor: pointer;
padding: 0 40px 0 24px;
min-width: 180px;
height: 50px;
line-height: 50px;
color: #ffffff;
font-size: 14px;
font-weight: 600;
text-decoration: none !important;
}
.top-bar-office-wrapper .active:after {
font-family: Ionicons;
font-size: 15px;
content: '\f35f';
position: absolute;
right: 20px;
top: 50%;
transform: translate(0, -50%);
}
.top-bar-office-wrapper .offices {
flex-grow: 1;
}
.top-bar-office-wrapper .office {
display: none;
height: 100%;
}
.top-bar-office-wrapper .office li {
display: inline-block;
height: 100%;
}
.top-bar-office-wrapper .office .office-content-wrap {
display: flex;
align-items: center;
border-left: 1px solid #cccccc;
height: 100%;
padding: 0 30px;
}
.top-bar-office-wrapper .office i {
font-size: 18px;
margin-right: 10px;
}
.top-bar-01 .top-bar-wrap {
height: 100%;
}
.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;
}
.top-bar-01 .top-bar-text-wrap {
border-left: 1px solid transparent;
border-right: 1px solid transparent;
padding: 0 15px;
height: 100%;
display: flex;
align-items: center;
}
.top-bar-01 .top-bar-social-network {
border-left: 1px solid transparent;
border-right: 1px solid transparent;
}
.top-bar-01 .top-bar-social-network .social-link {
float: left;
text-align: center;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 16px;
}
.top-bar-01 .top-bar-social-network .social-link + .social-link {
border-left: 1px solid transparent;
}
@media (max-width: 991px) {
.top-bar-01 {
display: none;
}
}
.top-bar-02 .top-bar-wrap {
height: 100%;
}
.top-bar-02 .top-bar-right {
flex-grow: 1;
justify-content: flex-start;
}
.top-bar-02 .switcher-language-wrapper {
padding-right: 15px;
}
@media (max-width: 991px) {
.top-bar-02 {
display: none;
}
}
.top-bar-03 .top-bar-wrap {
height: 100%;
}
.top-bar-03 .top-bar-left {
flex-grow: 1;
}
.top-bar-03 .top-bar-right {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
.top-bar-03 .top-bar-info .info-item {
padding: 16px 0;
margin-right: 55px;
}
.top-bar-03 .top-bar-info .info-item:last-child {
margin-right: 0;
}
.top-bar-03 .switcher-language-wrapper {
margin-left: 30px;
}
.top-bar-03 .top-bar-social-network .social-link {
padding: 2px 13px;
float: left;
text-align: center;
font-size: 18px;
}
@media (min-width: 768px) {
.top-bar-03 .container-fluid {
padding: 0 65px;
}
}
@media (max-width: 991px) {
.top-bar-03 {
display: none;
}
}
.top-bar-04 .top-bar-wrap {
height: 100%;
}
.top-bar-04 .top-bar-left {
flex-grow: 1;
}
.top-bar-04 .top-bar-right {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
.top-bar-04 .top-bar-info .info-item {
padding: 16px 0;
margin-right: 27px;
padding-right: 34px;
border-right: 1px solid rgba(238, 238, 238, 0.1);
}
.top-bar-04 .top-bar-info .info-item:last-child {
margin-right: 0;
padding-right: 16px;
border-right: 0;
}
.top-bar-04 .switcher-language-wrapper {
margin-left: 30px;
}
.top-bar-04 .top-bar-social-network .social-link {
padding: 2px 13px;
float: left;
text-align: center;
font-size: 18px;
}
@media (min-width: 768px) {
.top-bar-04 .container-fluid {
padding: 0 65px;
}
}
@media (max-width: 991px) {
.top-bar-04 {
display: none;
}
}
.top-bar-05 .top-bar-wrap {
height: 100%;
}
.top-bar-05 .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;
}
.top-bar-05 .top-bar-text-wrap {
border-left: 1px solid transparent;
border-right: 1px solid transparent;
padding: 0 15px;
height: 100%;
display: flex;
align-items: center;
}
.top-bar-05 .top-bar-social-network {
border-left: 1px solid transparent;
border-right: 1px solid transparent;
}
.top-bar-05 .top-bar-social-network .social-link {
float: left;
text-align: center;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 16px;
}
.top-bar-05 .top-bar-social-network .social-link + .social-link {
border-left: 1px solid transparent;
}
@media (max-width: 991px) {
.top-bar-05 {
display: none;
}
}
.top-bar-06 .container-fluid {
padding-left: 60px;
padding-right: 60px;
}
.top-bar-06 .top-bar-wrap {
height: 100%;
}
.top-bar-06 .top-bar-info .info-item {
margin-right: 30px;
}
.top-bar-06 .switcher-language-wrapper {
height: 40px;
}
@media (max-width: 1919px) {
.top-bar-06 .container-fluid {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 1199px) {
.top-bar-06 {
display: none;
}
.header-19 .header-left-info {
display:none !important;
}
}
.top-bar-07 .top-bar-wrap {
height: 100%;
}
.top-bar-07 .top-bar-left {
flex-grow: 1;
}
.top-bar-07 .top-bar-right {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
.top-bar-07 .top-bar-right > div {
padding-left: 30px;
}
.top-bar-07 .top-bar-right .top-bar-social-network {
margin: 0 -13px;
}
.top-bar-07 .top-bar-info .info-item {
padding: 16px 0;
margin-right: 41px;
}
.top-bar-07 .top-bar-info .info-item:last-child {
margin-right: 0;
}
.top-bar-07 .switcher-language-wrapper {
margin-left: 30px;
}
.top-bar-07 .top-bar-social-network .social-link {
padding: 2px 13px;
float: left;
text-align: center;
font-size: 18px;
}
@media (min-width: 768px) {
.top-bar-07 .container-fluid {
padding: 0 65px;
}
}
@media (max-width: 991px) {
.top-bar-07 {
display: none;
}
}
.top-bar-08 .top-bar-wrap {
height: 100%;
}
.top-bar-08 .top-bar-left {
flex-grow: 1;
}
.top-bar-08 .top-bar-right {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
.top-bar-08 .top-bar-right > div {
padding-left: 30px;
}
.top-bar-08 .top-bar-right .top-bar-social-network {
margin: 0 -13px;
}
.top-bar-08 .top-bar-social-network .social-link {
padding: 2px 13px;
float: left;
text-align: center;
font-size: 16px;
}
.top-bar-08 .top-bar-button .tm-button {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 0 30px;
height: 40px;
line-height: 36px;
border-radius: 0;
}
@media (max-width: 991px) {
.top-bar-08 {
display: none;
}
}
.top-bar-09 .top-bar-text a {
display: inline-block;
}
@media (max-width: 767px) {
.top-bar-09 .top-bar-wrap.top-bar-right {
justify-content: flex-start;
}
}
.top-bar-10 .top-bar-wrap {
height: 100%;
}
.top-bar-10 .top-bar-left {
flex-grow: 1;
}
.top-bar-10 .top-bar-right {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
.top-bar-10 .top-bar-right > div {
padding-left: 30px;
}
.top-bar-10 .top-bar-right .top-bar-social-network {
margin: 0 -13px;
}
.top-bar-10 .top-bar-social-network .social-link {
padding: 2px 13px;
float: left;
text-align: center;
font-size: 16px;
}
.top-bar-10 .top-bar-button .tm-button {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 0 30px;
height: 40px;
line-height: 36px;
border-radius: 0;
}
@media (max-width: 991px) {
.top-bar-10 {
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 h1, .page-header h2, .page-header h3, .page-header h4, .page-header h5, .page-header h6 {
margin-bottom: 0;
}
.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%;
}
.tm-button.header-sticky-button {
display: none;
}
.headroom--not-top .header-on-top-button {
display: none;
}
.headroom--not-top .header-sticky-button {
display: block;
}
.headroom--not-top .page-header-inner {
border: 0;
}
.headroom--not-top.sticky-dark-logo-version.light-logo-version .light-logo {
display: none;
}
.headroom--not-top.sticky-dark-logo-version .dark-logo {
display: block;
}
.headroom--not-top.sticky-light-logo-version.dark-logo-version .dark-logo {
display: none;
}
.headroom--not-top.sticky-light-logo-version .light-logo {
display: block;
}
.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-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 .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-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 .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;
}
.branding {
line-height: 0;
}
.branding__logo a {
display: inline-block;
float: left;
}
.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;
}
.popup-search-wrap {
text-align: center;
}
.header-search-form-wrap .search-form {
position: relative;
}
.header-search-form-wrap .search-field {
padding-right: 50px;
border-color: #f8f8f8;
}
.header-search-form-wrap .search-submit {
position: absolute;
top: 0;
right: 0;
font-size: 24px;
background: none;
width: 48px;
height: 48px;
padding: 0;
border: 0;
}
.header-search-form-wrap .search-btn-text {
display: none;
}
.btn-open-popup-search {
display: block;
line-height: 0;
font-size: 20px;
}
.header-social-networks .inner {
margin-left: -10px;
margin-right: -10px;
}
.header-social-networks a {
padding: 0 10px;
font-size: 16px;
}
.header-link-list {
margin: 0;
padding: 0;
}
.header-link-list .link-item {
display: inline-block;
line-height: 1;
margin-right: 15px;
}
.header-link-list .link-item:last-child {
margin-right: 0;
}
.header-link-list .link-item a {
line-height: 1;
}
.header-link-list .info-icon {
font-size: 18px;
margin-right: 6px;
vertical-align: middle;
}
.header-link-list .info-text {
vertical-align: middle;
}
.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;
}
.switcher-language-wrapper {
height: 100%;
}
.switcher-language-wrapper .wpml-ls-legacy-dropdown-click,
.switcher-language-wrapper .wpml-ls-legacy-dropdown-click > ul,
.switcher-language-wrapper .wpml-ls-legacy-dropdown-click > ul > li {
height: 100%;
}
.switcher-language-wrapper .wpml-ls-legacy-dropdown-click > ul > li {
display: flex;
align-items: center;
cursor: pointer;
}
.switcher-language-wrapper .wpml-ls-legacy-dropdown-click {
width: auto;
}
.switcher-language-wrapper .wpml-ls-legacy-dropdown-click > ul {
position: relative;
padding: 0;
margin: 0 !important;
list-style-type: none;
}
.switcher-language-wrapper .wpml-ls-legacy-dropdown-click .wpml-ls-item-legacy-dropdown-click:hover .wpml-ls-sub-menu {
visibility: visible !important;
opacity: 1;
transform: translateY(0);
}
.switcher-language-wrapper .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle {
background: none !important;
border: 0;
font-size: 13px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.5px;
}
.switcher-language-wrapper .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle:after {
font-family: Ionicons;
content: '\f123';
font-size: 8px;
font-weight: 500;
border: 0;
top: 50%;
right: 0;
transform: translate(0, -50%);
height: 9px;
}
.switcher-language-wrapper .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle-flag {
position: relative;
display: inline-block;
width: 24px;
height: 24px;
border-radius: 100%;
vertical-align: middle;
overflow: hidden;
margin-right: 9px;
}
.switcher-language-wrapper .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle-flag img {
position: absolute;
top: -50%;
left: -50%;
width: 48px;
height: 48px;
max-width: 48px;
}
.switcher-language-wrapper .wpml-ls-legacy-dropdown-click .wpml-ls-native {
vertical-align: middle;
margin-right: 5px;
font-size: 13px;
font-weight: 700;
}
.switcher-language-wrapper .wpml-ls-legacy-dropdown-click .wpml-ls-flag + span {
margin-left: 10px;
}
.switcher-language-wrapper .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
min-width: 200px;
border: 0;
opacity: 0;
visibility: hidden;
position: absolute;
top: 100%;
right: 0;
left: 0;
padding: 0;
margin: 0;
list-style-type: none;
z-index: 102;
box-shadow: 0 0 37px rgba(0, 0, 0, 0.07);
transform: translateY(20px);
}
.switcher-language-wrapper .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu.hover-back {
right: 0;
left: auto;
}
.switcher-language-wrapper .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu li {
list-style-type: none;
padding: 0;
margin: 0;
}
.switcher-language-wrapper .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
display: block;
text-decoration: none;
padding: 10px;
border: 0;
background: #ffffff;
color: #222222;
line-height: 1;
}
.switcher-language-wrapper .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a:hover {
background: #eeeeee;
color: #222222;
}
.switcher-language-wrapper .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a img {
width: 18px;
}
.header-button {
line-height: 0;
}
@media (max-width: 767px) {
.header-button {
display: none;
}
}
.header-text-info {
display: flex;
align-items: center;
}
.header-text-info .info-icon {
font-size: 37px;
color: #ababab;
flex-shrink: 0;
margin-right: 13px;
}
.header-text-info .info-text {
font-size: 14px;
margin-bottom: 5px;
}
.header-text-info .info-sub-text {
font-size: 24px;
font-weight: 500;
}
.header-01 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 26px 0;
}
.header-01 .header-right {
flex-shrink: 0;
}
.header-01 .branding {
flex-grow: 1;
}
.header-01 .branding__logo {
display: inline-block;
}
.header-01 .header-right {
justify-self: flex-end;
}
.header-01 .header-below {
position: absolute;
top: 100%;
left: 15px;
right: 15px;
padding: 0 30px;
display: flex;
align-items: stretch;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.desktop-menu .header-01 .menu--primary {
position: static;
text-align: left;
}
.header-01 .header-below-left {
flex-grow: 1;
}
.header-01 .header-below-right {
flex-shrink: 0;
display: flex;
align-items: center;
}
.header-01 .header-below-right > div {
padding: 0 10px;
}
.mobile-menu .header-01 .branding {
flex-grow: 1;
}
.mobile-menu .header-01 .header-wrap {
padding: 10px 0;
}
.mobile-menu .header-01 .header-below {
display: none;
}
.header-01 .header-info {
width: 900px;
}
.header-01 .header-info .info-item {
display: flex;
padding-left: 19px;
}
.header-01 .header-info .info-icon {
width: 31px;
flex-shrink: 0;
font-size: 20px;
line-height: 1;
}
.header-01 .header-info .info-content {
flex-grow: 1;
}
.header-01 .header-info .info-title {
font-size: 16px;
font-weight: 700;
line-height: 1.18;
margin-bottom: 6px;
}
.header-01 .header-info .info-sub-title {
font-size: 14px;
}
.header-01 .header-info .swiper-slide-active ~ .swiper-slide .info-item {
border-left: 1px solid #ededed;
}
@media (max-width: 1199px) {
.header-01 .header-info {
width: 560px;
}
}
@media (max-width: 991px) {
.header-01 .header-info {
width: 280px;
}
}
@media (max-width: 767px) {
.header-01 .header-info {
display: none;
}
}
.header-02 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 19px 0 54px;
}
.header-02 .header-right {
flex-shrink: 0;
justify-self: flex-end;
}
.header-02 .branding {
flex-grow: 1;
}
.header-02 .branding__logo {
display: inline-block;
}
.header-02 .header-below {
position: absolute;
top: 100%;
left: 15px;
right: 15px;
padding: 0 30px;
display: flex;
align-items: stretch;
border-radius: 5px;
transform: translateY(-50%);
}
.desktop-menu .header-02 .menu--primary {
position: static;
text-align: left;
}
.header-02 .header-below-left {
flex-grow: 1;
}
.header-02 .header-below-right {
flex-shrink: 0;
display: flex;
align-items: center;
}
.header-02 .header-below-right > div {
padding: 0 10px;
}
.mobile-menu .header-02 .branding {
flex-grow: 1;
}
.mobile-menu .header-02 .header-wrap {
padding: 16px 0;
}
.mobile-menu .header-02 .header-below {
display: none;
}
.header-02 .header-info {
width: 900px;
}
.header-02 .header-info .info-item {
display: flex;
}
.header-02 .header-info .info-icon {
position: relative;
width: 50px;
height: 50px;
border: 1px solid #eeeeee;
border-radius: 50%;
flex-shrink: 0;
font-size: 20px;
margin-right: 15px;
}
.header-02 .header-info .info-icon span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.header-02 .header-info .info-content {
flex-grow: 1;
}
.header-02 .header-info .info-title {
font-size: 16px;
font-weight: 700;
line-height: 1.18;
margin-bottom: 6px;
}
.header-02 .header-info .info-sub-title {
font-size: 14px;
}
@media (max-width: 1199px) {
.header-02 .header-info {
width: 560px;
}
}
@media (max-width: 991px) {
.header-02 .header-info {
width: 280px;
}
}
@media (max-width: 767px) {
.header-02 .header-info {
display: none;
}
}
.header-03 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-03 .header-right {
flex-shrink: 0;
justify-self: flex-end;
}
.header-03 .branding__logo {
display: inline-block;
}
.header-03 .page-navigation {
flex-grow: 1;
}
.desktop-menu .header-03 .branding {
position: absolute;
}
.desktop-menu .header-03 .header-right {
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
}
.desktop-menu .header-03 .menu--primary {
position: static;
text-align: center;
}
.desktop-menu .header-03 .menu__container > li > a > .menu-item-wrap {
position: relative;
}
.desktop-menu .header-03 .menu__container > li > a > .menu-item-wrap:before {
transition: width .5s;
content: '';
position: absolute;
bottom: -9px;
width: 0;
height: 2px;
border-radius: 5px;
background: currentColor;
}
.desktop-menu .header-03 .menu__container > li:hover > a > .menu-item-wrap:before {
width: 100%;
}
.mobile-menu .header-03 .branding {
flex-grow: 1;
}
.header-03 .header-social-networks .inner {
margin-left: -8px;
margin-right: -8px;
}
.header-03 .header-social-networks a {
padding: 0 8px;
font-size: 18px;
}
@media (max-width: 543px) {
.header-03 .switcher-language-wrapper,
.header-03 .header-social-networks {
display: none;
}
}
.header-04 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-04 .branding__logo {
display: inline-block;
}
.header-04 .page-navigation {
flex-grow: 1;
}
.desktop-menu .header-04 .col-xs-12 {
padding-left: 0;
padding-right: 0;
}
.desktop-menu .header-04 .branding__logo {
padding: 0 60px;
}
.desktop-menu .header-04 .header-right {
min-width: 174px;
justify-content: center;
}
.desktop-menu .header-04 .menu--primary {
position: static;
}
.desktop-menu .header-04 .menu--primary .menu__container {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.desktop-menu .header-04 .menu--primary .menu__container > li {
flex-grow: 1;
flex-basis: 0;
text-align: center;
}
.desktop-menu .header-04 .menu--primary .menu__container > li {
border-left: 1px solid rgba(216, 216, 216, 0.2);
}
.desktop-menu .header-04 .menu--primary .menu__container > li:last-child {
border-right: 1px solid rgba(216, 216, 216, 0.2);
}
.mobile-menu .header-04 .header-wrap {
min-height: 70px;
}
.mobile-menu .header-04 .branding {
flex-grow: 1;
}
.header-05 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
height: 100%;
}
.header-05 .header-left {
display: flex;
align-items: stretch;
margin-right: 37px;
}
.header-05 .header-left > div {
display: flex;
align-items: center;
justify-content: center;
width: 80px;
border-right: 1px solid #ccc;
}
.header-05 .mini-cart__button {
margin-left: 10px;
}
.header-05 .header-right {
flex-shrink: 0;
}
.header-05 .page-navigation {
flex-grow: 1;
}
.header-05 .container-fluid {
padding: 0;
}
.desktop-menu .header-05 .menu--primary {
position: static;
text-align: left;
}
.header-05 .header-button .tm-button {
height: 80px;
line-height: 80px;
border: 0;
border-radius: 0;
font-size: 15px;
font-weight: 700;
}
.header-05.headroom--not-top .header-button .tm-button {
height: 70px;
line-height: 70px;
}
.header-05 .header-right {
justify-self: flex-end;
margin: 0 -15px;
}
.header-05 .header-right > div {
padding: 0 15px;
}
.mobile-menu .header-05 .header-left {
min-height: 70px;
}
.mobile-menu .header-05 .header-right {
flex-grow: 1;
justify-content: flex-end;
}
.header-05 .mini-cart .widget_shopping_cart_content {
left: 0;
right: auto;
}
@media (min-width: 1400px) {
.header-05 .header-button .tm-button {
min-width: 230px;
}
}
@media (max-width: 767px) {
.header-05 .header-left > div {
width: 70px;
}
.header-05 .header-right {
padding: 0 15px;
}
}
@media (max-width: 543px) {
.header-05 .header-wrap {
padding: 0 15px;
}
.header-05 .header-left {
margin-left: -12px;
margin-right: -12px;
}
.header-05 .header-left > div {
width: auto;
border-right: 0;
padding-left: 12px;
padding-right: 12px;
}
.header-05 .header-right > div {
padding: 0;
}
}
.header-06 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 33px 0;
}
.header-06 .header-right {
flex-shrink: 0;
justify-self: flex-end;
}
.header-06 .branding {
flex-grow: 1;
}
.header-06 .branding__logo {
display: inline-block;
}
.header-06 .header-below-inner {
display: flex;
align-items: stretch;
}
.desktop-menu .header-06 .menu--primary {
position: static;
text-align: left;
}
.desktop-menu .header-06 .menu__container > .level-1 > a > .menu-item-wrap {
position: relative;
}
.desktop-menu .header-06 .menu__container > .level-1 > a > .menu-item-wrap:before {
transition: width .3s;
content: '';
position: absolute;
bottom: -9px;
width: 0;
height: 2px;
border-radius: 5px;
background: currentColor;
}
.desktop-menu .header-06 .menu__container > .level-1:hover > a > .menu-item-wrap:before {
width: 100%;
}
.header-06 .header-below-left {
flex-grow: 1;
}
.header-06 .header-below-right {
flex-shrink: 0;
display: flex;
align-items: center;
margin: 0 -10px;
}
.header-06 .header-below-right > div {
padding: 0 10px;
}
.mobile-menu .header-06 .branding {
flex-grow: 1;
}
.mobile-menu .header-06 .header-below {
display: none;
}
.header-06 .header-info {
width: 560px;
}
.header-06 .header-info .info-item {
display: flex;
}
.header-06 .header-info .info-icon {
position: relative;
width: 50px;
height: 50px;
border: 1px solid #eeeeee;
border-radius: 50%;
flex-shrink: 0;
font-size: 20px;
margin-right: 15px;
}
.header-06 .header-info .info-icon span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.header-06 .header-info .info-content {
flex-grow: 1;
}
.header-06 .header-info .info-title {
font-size: 16px;
font-weight: 700;
line-height: 1.18;
margin-bottom: 6px;
}
.header-06 .header-info .info-sub-title {
font-size: 14px;
}
.header-06 .header-social-networks a {
font-size: 16px;
}
@media (max-width: 1199px) {
.header-06 .header-info {
width: 560px;
}
}
@media (max-width: 991px) {
.header-06 .header-info {
width: 280px;
}
}
@media (max-width: 767px) {
.header-06 .header-info {
display: none;
}
}
.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;
}
.header-07 .branding__logo {
display: inline-block;
}
.header-07 .header-right {
justify-self: flex-end;
}
.desktop-menu .header-07 .menu--primary {
position: static;
text-align: center;
}
.header-07 .header-below-inner {
display: flex;
align-items: center;
}
.header-07 .header-below-left {
flex-grow: 1;
}
.header-07 .header-below-right {
flex-shrink: 0;
display: flex;
align-items: center;
}
.header-07 .header-below-right > div {
padding: 0 10px;
}
.header-07 .header-info {
width: 930px;
}
.header-07 .header-info .tm-swiper {
margin: 0;
}
.header-07 .header-info .swiper-container {
padding: 0;
}
.header-07 .header-info .info-item {
display: flex;
align-items: center;
padding: 29px 40px 29px 40px;
}
.header-07 .header-info .info-icon {
width: 50px;
flex-shrink: 0;
font-size: 40px;
line-height: 1;
}
.header-07 .header-info .info-content {
flex-grow: 1;
}
.header-07 .header-info .info-title {
font-size: 16px;
font-weight: 700;
line-height: 1.18;
margin-bottom: 3px;
}
.header-07 .header-info .info-sub-title {
font-size: 14px;
}
.header-07 .header-info .swiper-slide .info-item {
border-left: 1px solid #ededed;
}
.header-07 .header-info .swiper-slide-next + .swiper-slide .info-item {
border-right: 1px solid #ededed;
}
.mobile-menu .header-07 .branding {
flex-grow: 1;
}
.mobile-menu .header-07 .page-header-inner {
padding: 12px 0;
}
.mobile-menu .header-07 .header-below {
display: none;
}
@media (max-width: 1199px) {
.header-07 .header-info {
width: 560px;
}
}
@media (max-width: 991px) {
.header-07 .header-info {
width: 280px;
}
}
@media (max-width: 767px) {
.header-07 .header-info {
display: none;
}
}
.header-08 .header-wrap {
position: relative;
}
.header-08 .wpml-ls-item-toggle {
padding: 18px 0;
}
.desktop-menu .header-08 .branding,
.desktop-menu .header-08 .header-right {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.desktop-menu .header-08 .menu--primary {
position: static;
text-align: center;
}
.mobile-menu .header-08 .header-wrap {
display: flex;
align-content: center;
}
.mobile-menu .header-08 .branding {
flex-grow: 1;
}
.mobile-menu .header-08 .header-right {
flex-shrink: 0;
}
@media (min-width: 1200px) {
.desktop-menu .header-08 .branding {
left: 35px;
}
.desktop-menu .header-08 .header-right {
right: 35px;
}
.desktop-menu .header-08 .header-on-top-button {
min-width: 160px;
}
}
@media (min-width: 1420px) {
.desktop-menu .header-08 .branding {
left: 85px;
}
.desktop-menu .header-08 .header-right {
right: 85px;
}
}
.header-09 .header-wrap {
position: relative;
}
.header-09 .wpml-ls-item-toggle {
padding: 18px 0;
}
.desktop-menu .header-09 .branding,
.desktop-menu .header-09 .header-right {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.desktop-menu .header-09 .branding {
left: 0;
}
.desktop-menu .header-09 .header-right {
right: 0;
}
.desktop-menu .header-09 .menu--primary {
position: static;
text-align: center;
}
.mobile-menu .header-09 .header-wrap {
display: flex;
align-content: center;
}
.mobile-menu .header-09 .branding {
flex-grow: 1;
}
.mobile-menu .header-09 .header-right {
flex-shrink: 0;
}
@media (min-width: 1200px) {
.desktop-menu .header-09 .container-fluid {
padding-left: 50px;
padding-right: 50px;
}
.desktop-menu .header-09 .header-on-top-button {
min-width: 160px;
}
}
@media (min-width: 1420px) {
.desktop-menu .header-09 .container-fluid {
padding-left: 100px;
padding-right: 100px;
}
}
@media (max-width: 543px) {
.header-09 .switcher-language-wrapper,
.header-09 .header-social-networks {
display: none;
}
}
.header-10 .header-wrap {
position: relative;
}
.header-10 .wpml-ls-item-toggle {
padding: 18px 0;
}
.desktop-menu .header-10 .branding,
.desktop-menu .header-10 .header-right {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.desktop-menu .header-10 .menu--primary {
position: static;
text-align: center;
}
.mobile-menu .header-10 .header-wrap {
display: flex;
align-content: center;
}
.mobile-menu .header-10 .branding {
flex-grow: 1;
}
.mobile-menu .header-10 .header-right {
flex-shrink: 0;
}
@media (min-width: 1200px) {
.desktop-menu .header-10 .branding {
left: 35px;
}
.desktop-menu .header-10 .header-right {
right: 35px;
}
.desktop-menu .header-10 .header-on-top-button {
min-width: 160px;
}
}
@media (min-width: 1420px) {
.desktop-menu .header-10 .branding {
left: 85px;
}
.desktop-menu .header-10 .header-right {
right: 85px;
}
}
.header-11 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-11 .header-right {
flex-shrink: 0;
justify-self: flex-end;
margin: 0 -10px;
}
.header-11 .header-right > div {
padding: 0 10px;
}
.header-11 .branding__logo {
display: inline-block;
}
.header-11 .page-navigation {
flex-grow: 1;
}
.desktop-menu .header-11 .branding {
position: absolute;
}
.desktop-menu .header-11 .header-right {
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
}
.desktop-menu .header-11 .menu--primary {
position: static;
text-align: center;
}
.desktop-menu .header-11 .menu__container > li > a > .menu-item-wrap {
position: relative;
}
.desktop-menu .header-11 .menu__container > li > a > .menu-item-wrap:before {
transition: width .5s;
content: '';
position: absolute;
bottom: -9px;
width: 0;
height: 2px;
border-radius: 5px;
background: currentColor;
}
.desktop-menu .header-11 .menu__container > li:hover > a > .menu-item-wrap:before {
width: 100%;
}
.mobile-menu .header-11 .branding {
flex-grow: 1;
}
.header-11 .header-social-networks .inner {
margin-left: -8px;
margin-right: -8px;
}
.header-11 .header-social-networks a {
padding: 0 8px;
font-size: 18px;
}
@media (max-width: 543px) {
.header-11 .switcher-language-wrapper,
.header-11 .header-social-networks {
display: none;
}
}
.header-12 .page-header-inner {
border: 0;
}
.desktop-menu.admin-bar .header-12 {
top: 32px;
}
.desktop-menu .header-12 {
position: fixed;
top: 0;
left: 0;
z-index: 99999;
width: 300px;
height: 100%;
}
.desktop-menu .header-12 .branding {
margin-bottom: 115px;
}
.desktop-menu .header-12 .page-header-inner {
height: 100%;
border: 0;
border-right: 1px solid transparent;
}
.desktop-menu .header-12 .header-wrap {
height: 100%;
display: flex;
flex-direction: column;
padding: 43px 44px 70px;
}
.desktop-menu .header-12 .navigation {
flex-grow: 1;
}
.desktop-menu .header-12 .branding,
.desktop-menu .header-12 .header-bottom {
flex-shrink: 0;
}
.desktop-menu .header-12 .toggle-sub-menu {
position: static;
}
.desktop-menu .header-12 .menu--primary {
display: block;
}
.desktop-menu .header-12 .menu--primary .sm-simple {
display: block;
}
.desktop-menu .header-12 .menu--primary .sm-simple > li > a .menu-item-title {
padding-bottom: 0;
}
.desktop-menu .header-12 .menu--primary .sm-simple > li > a .menu-item-title:after {
left: -30px;
margin-left: 0;
top: 50%;
bottom: auto;
right: 0;
transform: translate(0, -50%);
}
.desktop-menu .header-12 .menu--primary .sm-simple > li:hover .menu-item-title:after, .desktop-menu .header-12 .menu--primary .sm-simple > li.current-menu-item .menu-item-title:after, .desktop-menu .header-12 .menu--primary .sm-simple > li.current-menu-parent .menu-item-title:after {
left: -18px;
}
.desktop-menu .header-12 .menu__container {
width: 100%;
}
.desktop-menu .header-12 .menu__container > li > a .toggle-sub-menu:before {
right: 10px;
font-size: 18px;
}
.desktop-menu .header-12 .menu--primary {
display: block;
}
.desktop-menu .header-12 .menu--primary li {
display: block !important;
width: 100%;
}
.desktop-menu .header-12 .menu--primary a {
width: 100%;
}
.desktop-menu .header-12 .sub-menu.mega-menu li > a {
white-space: normal;
}
.desktop-menu .header-12 .header-bottom {
font-size: 14px;
line-height: 1.7;
}
.desktop-menu .header-12 .header-social-networks a {
font-size: 18px;
}
.desktop-menu .header-12 .header-text {
margin-top: 25px;
}
.mobile-menu.admin-bar .header-12 {
top: 32px;
}
.mobile-menu .header-12 {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.mobile-menu .header-12 .header-wrap {
display: flex;
align-items: center;
padding: 0 15px;
height: 100%;
}
.mobile-menu .header-12 .branding {
flex-grow: 1;
}
.mobile-menu .header-12 .header-bottom {
flex-shrink: 0;
display: flex;
align-items: center;
margin-left: -10px;
margin-right: -10px;
}
.mobile-menu .header-12 .header-bottom > div {
padding: 0 10px;
}
.mobile-menu .header-12 .header-text {
display: none;
}
@media screen and (max-width: 782px) {
.mobile-menu.admin-bar .header-12 {
top: 46px;
}
}
@media (max-width: 543px) {
.header-12 .switcher-language-wrapper,
.header-12 .header-social-networks {
display: none;
}
}
.header-13 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.header-13 .header-left {
display: flex;
align-items: center;
flex-grow: 1;
}
.header-13 .branding {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.header-13 .branding__logo {
display: inline-block;
}
.header-13 .header-right {
flex-shrink: 0;
margin: 0;
justify-self: flex-end;
}
.header-13 .header-left > div,
.header-13 .header-right > div {
padding: 0 15px;
border-left: 1px solid rgba(216, 216, 216, 0.12);
}
.header-13 .header-right-group-buttons {
display: flex;
align-items: center;
height: 100%;
margin-left: -9px;
margin-right: -9px;
}
.header-13 .header-right-group-buttons > div {
padding: 0 9px;
}
.desktop-menu .header-13 .container-fluid {
padding-left: 0;
padding-right: 0;
}
.desktop-menu .header-13 .menu--primary {
position: static;
text-align: left;
}
.header-13 .wpml-ls-item-toggle-flag {
margin-right: 7px !important;
}
.header-13 .header-social-networks {
height: 100%;
display: flex;
align-items: center;
}
.header-13 .header-social-networks .inner {
margin-left: -8px;
margin-right: -8px;
}
.header-13 .header-social-networks a {
padding: 0 8px;
font-size: 18px;
}
.mobile-menu .header-13 .branding {
position: static;
transform: none;
flex-grow: 1;
}
.mobile-menu .header-13 .header-left {
display: none;
}
@media (min-width: 1400px) {
.header-13 .header-left > div,
.header-13 .header-right > div {
padding: 0 40px;
}
}
.header-14 .header-wrap {
display: flex;
align-items: center;
}
.header-14 .wpml-ls-item-toggle {
padding: 18px 0;
}
.desktop-menu .header-14 .branding,
.desktop-menu .header-14 .header-right {
flex-shrink: 0;
}
.desktop-menu .header-14 .page-navigation {
flex-grow: 1;
}
.desktop-menu .header-14 .menu--primary {
position: static;
text-align: center;
}
.mobile-menu .header-14 .branding {
flex-grow: 1;
}
.mobile-menu .header-14 .header-right {
flex-shrink: 0;
}
@media (min-width: 1200px) {
.desktop-menu .header-14 .page-header-inner > .container-fluid {
padding: 0 35px;
}
.desktop-menu .header-14 .header-on-top-button {
min-width: 160px;
}
}
@media (min-width: 1420px) {
.desktop-menu .header-14 .page-header-inner > .container-fluid {
padding: 0 85px;
}
}
@media (max-width: 543px) {
.header-14 .switcher-language-wrapper,
.header-14 .header-social-networks {
display: none;
}
}
.header-15 .header-wrap {
position: relative;
display: flex;
align-items: center;
}
.header-15 .header-right {
flex-grow: 1;
text-align: right;
display: flex;
justify-content: flex-end;
}
.header-15 .branding {
flex-shrink: 0;
}
.header-15 .wpml-ls-item-toggle {
padding: 18px 0;
}
.desktop-menu .header-15 .menu--primary {
position: static;
text-align: right;
}
.desktop-menu .header-15 .menu--primary .menu__container > li > a .menu-item-wrap {
position: relative;
}
.desktop-menu .header-15 .menu--primary .menu__container > li > a .menu-item-wrap:after {
content: '';
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 2px;
}
.desktop-menu .header-15 .menu--primary .menu__container > li:hover > a .menu-item-wrap:after {
width: 100%;
left: 0;
right: auto;
}
.mobile-menu .header-15 .header-wrap {
display: flex;
align-content: center;
}
.mobile-menu .header-15 .branding {
flex-grow: 1;
}
.mobile-menu .header-15 .header-right {
flex-shrink: 0;
}
.header-15 .header-button .tm-button:after {
content: '\f10b';
font-family: Ionicons;
font-size: 14px;
margin-left: 5px;
}
@media (min-width: 768px) {
.header-15 .header-wrap {
padding: 0 30px;
}
}
@media (min-width: 992px) {
.header-15 .header-wrap {
padding: 0 60px;
}
}
@media (min-width: 1200px) {
.header-15 .header-wrap {
padding: 0 100px;
}
}
.header-16 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-16 .branding {
flex-grow: 1;
}
.header-16 .header-right {
flex-shrink: 0;
justify-self: flex-end;
}
.desktop-menu .header-16 .header-wrap {
padding: 16px 0;
}
.mobile-menu .header-16 .branding {
flex-grow: 1;
}
@media (min-width: 1200px) {
.header-16 .container-fluid > .row > .col-xs-12 {
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1420px) {
.header-16 .container-fluid > .row > .col-xs-12 {
padding-left: 100px;
padding-right: 100px;
}
}
.header-17 .header-wrap {
position: relative;
display: flex;
align-items: stretch;
}
.header-17 .branding {
display: flex;
align-items: center;
padding: 0 44px;
border-right: 1px solid rgba(216, 216, 216, 0.54);
flex-shrink: 0;
}
.header-17 .header-right-info {
display: flex;
align-items: center;
padding: 0 30px;
border-left: 1px solid rgba(216, 216, 216, 0.54);
}
.header-17 .wpml-ls-item-toggle {
padding: 18px 0;
}
.header-17 .info-text {
font-size: 14px;
color: #ffffff;
margin-bottom: 5px;
}
.header-17 .info-sub-text {
font-size: 24px;
font-weight: 700;
color: #ffffff;
}
.desktop-menu .header-17 .menu--primary {
position: static;
text-align: left;
}
.desktop-menu .header-17 .header-right {
padding-right: 30px;
}
.desktop-menu .header-17 .container-fluid {
padding: 0;
}
.desktop-menu .header-17 .page-navigation {
flex-grow: 1;
}
.mobile-menu .header-17 .header-wrap {
display: flex;
align-content: center;
}
.mobile-menu .header-17 .branding {
flex-grow: 1;
}
.mobile-menu .header-17 .header-right {
flex-shrink: 0;
padding-left: 15px;
}
.header-17 .header-social-networks a {
font-size: 20px;
}
@media (max-width: 1400px) {
.header-17 .header-right-info {
display: none;
}
}
@media (max-width: 767px) {
.header-17 .branding {
padding: 0 15px;
}
}
@media (max-width: 543px) {
.header-17 .switcher-language-wrapper,
.header-17 .header-social-networks {
display: none;
}
}
.header-18 .header-wrap {
display: flex;
align-items: center;
}
.header-18 .wpml-ls-item-toggle {
padding: 18px 0;
}
.desktop-menu .header-18 .page-navigation {
flex-grow: 1;
}
.desktop-menu .header-18 .branding,
.desktop-menu .header-18 .header-right {
flex-shrink: 0;
}
.desktop-menu .header-18 .menu--primary {
position: static;
text-align: right;
}
.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 .page-header-inner > .container-fluid {
padding: 0 35px;
}
.desktop-menu .header-18 .header-on-top-button {
min-width: 160px;
}
}
@media (min-width: 1820px) {
.desktop-menu .header-18 .page-header-inner > .container-fluid {
padding: 0 85px;
}
}
.header-19 .header-wrap {
position: relative;
display: flex;
align-items: stretch;
}
.header-19 .branding {
display: flex;
align-items: center;
padding: 0 30px;
border-right: 1px solid rgba(216, 216, 216, 0.54);
flex-shrink: 0;
}
.header-19 .page-navigation {
display: flex;
align-items: center;
}
.header-19 .header-right {
margin: 0;
padding: 10px 30px;
border-left: 1px solid rgba(216, 216, 216, 0.54);
flex-shrink: 0;
}
.header-19 .header-right-wrap {
padding: 0;
}
.header-19 .header-right-above,
.header-19 .header-right-below {
display: flex;
align-items: center;
justify-content: flex-end;
margin-left: -12px;
margin-right: -12px;
}
.header-19 .header-right-above > div,
.header-19 .header-right-below > div {
padding: 0 12px;
}
.header-19 .header-right-above {
margin-bottom: 20px;
}
.header-19 .header-search-form-wrap .search-field {
border: 0;
border-bottom: 1px solid #ddd;
border-radius: 0;
background: transparent;
padding: 0;
height: 38px;
width: 180px;
}
.header-19 .header-search-form-wrap .search-submit {
color: inherit;
font-size: 20px;
height: 38px;
width: 38px;
}
.header-19 .header-search-form-wrap .search-btn-icon {
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
}
.header-19 .header-left-info {
display: flex;
align-items: center;
padding: 10px 30px;
}
.header-19 .info-wrap {
display: flex;
align-items: center;
}
.header-19 .info-icon {
font-size: 48px;
color: #ffc246;
flex-shrink: 0;
margin-right: 20px;
}
.header-19 .info-text {
font-size: 14px;
line-height: 1;
margin-bottom: 5px;
}
.header-19 .info-sub-text {
font-size: 24px;
font-weight: 700;
}
.desktop-menu .header-19 .page-navigation {
flex-grow: 1;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.desktop-menu .header-19 .container-fluid {
padding: 0;
}
.desktop-menu .header-19 .menu--primary {
position: static;
text-align: left;
}
.desktop-menu .header-19 .menu__container > li > a:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 3px;
}
.desktop-menu .header-19 .menu__container > li:hover > a:after {
width: 100%;
left: 0;
right: auto;
}
.mobile-menu .header-19 .header-wrap {
display: flex;
align-content: center;
flex-wrap: wrap;
}
.mobile-menu .header-19 .branding {
flex-grow: 1;
padding: 0;
}
.mobile-menu .header-19 .header-right {
flex-shrink: 0;
border: 0;
padding: 0;
}
.mobile-menu .header-19 .header-right-above {
display: none;
}
.mobile-menu .header-19 .popup-search-wrap {
display: block !important;
}
.header-19.headroom--top .popup-search-wrap {
display: none;
}
.header-19.headroom--not-top .header-right-above {
display: none;
}
.header-19.headroom--not-top .header-right {
padding: 0 30px;
}
@media (max-width: 1199px) {
.header-19.headroom--not-top .header-right {
padding: 0;
}
}
@media (min-width: 1720px) {
.header-19 .branding {
padding: 0 44px;
}
.header-19 .header-right {
padding: 10px 60px;
}
}
@media (min-width: 1600px) {
.header-19.headroom--top .header-left-info {
display: flex;
}
}
@media (min-width: 1400px) {
.header-19 .header-search-form-wrap .search-field {
width: 250px;
}
}
@media (max-width: 1919px) { }
@media (max-width: 1199px) {
.header-19 .container-fluid {
padding-left: 30px;
padding-right: 30px;
}
.header-19 .branding {
border-right: none;
}
.header-19 .header-right {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 543px) {
.header-19 .switcher-language-wrapper,
.header-19 .header-social-networks {
display: none;
}
}
.header-20 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 26px 0;
}
.header-20 .header-right {
flex-shrink: 0;
}
.header-20 .branding {
flex-grow: 1;
}
.header-20 .branding__logo {
display: inline-block;
}
.header-20 .header-right {
justify-self: flex-end;
}
.header-20 .header-below {
position: absolute;
top: 100%;
left: 15px;
right: 15px;
padding: 0 30px;
display: flex;
align-items: stretch;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.desktop-menu .header-20 .menu--primary {
position: static;
text-align: left;
}
.header-20 .header-below-left {
flex-grow: 1;
}
.header-20 .header-below-right {
flex-shrink: 0;
display: flex;
align-items: center;
}
.header-20 .header-below-right > div {
padding: 0 10px;
}
.mobile-menu .header-20 .branding {
flex-grow: 1;
}
.mobile-menu .header-20 .header-wrap {
padding: 10px 0;
}
.mobile-menu .header-20 .header-below {
display: none;
}
.header-20 .header-info {
width: 900px;
}
.header-20 .header-info .info-item {
display: flex;
padding-left: 19px;
}
.header-20 .header-info .info-icon {
width: 31px;
flex-shrink: 0;
font-size: 20px;
line-height: 1;
}
.header-20 .header-info .info-content {
flex-grow: 1;
}
.header-20 .header-info .info-title {
font-size: 16px;
font-weight: 700;
line-height: 1.18;
margin-bottom: 6px;
}
.header-20 .header-info .info-sub-title {
font-size: 14px;
}
.header-20 .header-info .swiper-slide-active ~ .swiper-slide .info-item {
border-left: 1px solid #ededed;
}
@media (max-width: 1199px) {
.header-20 .header-info {
width: 560px;
}
}
@media (max-width: 991px) {
.header-20 .header-info {
width: 280px;
}
}
@media (max-width: 767px) {
.header-20 .header-info {
display: none;
}
}
.header-21 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
height: 100%;
}
.header-21 .header-left {
display: flex;
align-items: stretch;
margin-right: 37px;
border-right: 1px solid #eee;
padding: 0 50px;
}
.header-21 .header-left > div {
display: flex;
align-items: center;
justify-content: center;
}
.header-21 .mini-cart__button {
margin-left: 10px;
}
.header-21 .header-info {
display: flex;
align-items: center;
padding: 10px 30px;
margin-right: 20px;
}
.header-21 .info-wrap {
display: flex;
align-items: center;
}
.header-21 .info-icon {
font-size: 48px;
color: #ffc246;
flex-shrink: 0;
margin-right: 20px;
}
.header-21 .info-text {
font-size: 14px;
line-height: 1;
margin-bottom: 5px;
}
.header-21 .info-sub-text {
font-size: 24px;
font-weight: 700;
}
.header-21 .header-right {
position: relative;
flex-shrink: 0;
display: flex;
align-items: stretch;
}
.header-21 .header-right .popup-search-wrap,
.header-21 .header-right .mini-cart,
.header-21 .header-right .page-open-mobile-menu {
display: flex;
align-items: center;
justify-content: center;
width: 80px;
border-left: 1px solid #eee;
}
.header-21 .page-navigation {
flex-grow: 1;
display: flex;
align-items: center;
}
.header-21 .container-fluid {
padding: 0;
}
.desktop-menu .header-21 .menu--primary {
position: static;
text-align: left;
}
.header-21 .header-button .tm-button {
height: 80px;
line-height: 80px;
border: 0;
border-radius: 0;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.62px;
}
.header-21 .header-button .tm-button span {
font-size: 16px;
margin-left: 10px;
}
.header-21.headroom--not-top .header-button .tm-button {
height: 80px;
line-height: 80px;
font-size: 14px;
}
.header-21 .header-right {
justify-self: flex-end;
margin: 0;
}
.header-21 .header-right > div {
padding: 0;
}
.mobile-menu .header-21 .header-left {
min-height: 70px;
}
.mobile-menu .header-21 .header-right {
flex-grow: 1;
justify-content: flex-end;
}
.header-21 .mini-cart .widget_shopping_cart_content {
left: 0;
right: auto;
}
@media (min-width: 1400px) {
.header-21 .header-button .tm-button {
min-width: 220px;
}
}
@media (max-width: 1600px) {
.header-21 .header-info {
display: none;
}
}
@media (max-width: 767px) {
.header-21 .header-wrap {
flex-wrap: nowrap;
}
.header-21 .header-left {
margin-right: 0;
padding: 0 15px;
max-width: 180px;
}
.header-21 .header-right .popup-search-wrap,
.header-21 .header-right .mini-cart,
.header-21 .header-right .page-open-mobile-menu {
width: 70px;
}
}
.header-22 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 26px 0;
}
.header-22 .header-right {
flex-shrink: 0;
}
.header-22 .branding {
flex-grow: 1;
}
.header-22 .branding__logo {
display: inline-block;
}
.header-22 .header-right {
justify-self: flex-end;
}
.header-22 .header-below {
border-top: 1px solid #eee;
}
.header-22 .header-below-inner {
position: relative;
display: flex;
}
.desktop-menu .header-22 .menu--primary {
position: static;
text-align: left;
}
.header-22 .header-below-left {
flex-grow: 1;
}
.header-22 .header-below-right {
flex-shrink: 0;
display: flex;
align-items: center;
}
.header-22 .header-below-right > div {
padding: 0 10px;
}
.mobile-menu .header-22 .branding {
flex-grow: 1;
}
.mobile-menu .header-22 .header-wrap {
padding: 10px 0;
}
.mobile-menu .header-22 .header-below {
display: none;
}
.header-22 .header-info {
width: 800px;
}
@media (min-width: 1200px) {
.header-22 .header-info .swiper-slide {
justify-content: flex-end;
}
}
.header-22 .header-info .info-item {
display: flex;
}
.header-22 .header-info .info-icon {
flex-shrink: 0;
font-size: 38px;
padding-right: 15px;
line-height: 1;
}
.header-22 .header-info .info-content {
flex-grow: 1;
}
.header-22 .header-info .info-title {
font-size: 15px;
font-weight: 500;
line-height: 1.18;
margin-bottom: 6px;
}
.header-22 .header-info .info-sub-title {
font-size: 14px;
}
.desktop-menu .header-22 .menu__container {
border-left: 1px solid #eee;
}
.desktop-menu .header-22 .menu__container > li {
border-right: 1px solid #eee;
}
.desktop-menu .header-22 .menu__container > li > a {
padding-left: 22px !important;
padding-right: 22px !important;
}
.desktop-menu .header-22 .menu__container > li > a:after {
content: '';
position: absolute;
right: 0;
top: 0;
width: 0;
height: 3px;
}
.desktop-menu .header-22 .menu__container > li:hover > a:after {
width: 100%;
left: 0;
right: auto;
}
.header-22.headroom--not-top .header-above {
display: none;
}
@media (max-width: 1199px) {
.header-22 .header-info {
width: 560px;
}
.header-22.headroom--not-top .header-above {
display: block;
}
}
@media (max-width: 991px) {
.header-22 .header-info {
width: 280px;
}
.header-22 .header-above .container, .header-22 .header-below .container {
padding-left: 30px;
padding-right: 30px;
max-width: 100%;
}
}
@media (max-width: 767px) {
.header-22 .header-info {
display: none;
}
}
.header-23 .header-wrap {
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: stretch;
}
.header-23 .branding {
display: flex;
align-items: center;
flex-shrink: 0;
background-color: red;
padding: 0 30px;
}
.header-23 .header-social-networks {
display: flex;
align-items: center;
padding: 0 30px;
flex-shrink: 0;
}
.header-23 .header-right {
display: block;
flex-grow: 1;
margin: 0;
}
.header-23 .header-right > div {
padding: 0;
}
.header-23 .header-top {
border-bottom: 1px solid;
}
.header-23 .header-link-list {
flex-grow: 1;
}
.header-23 .header-link-list .link-item {
padding: 11px 30px;
margin-right: -4px;
border-right: 1px solid #eee;
}
.header-23 .header-top,
.header-23 .header-bottom {
display: flex;
align-items: stretch;
}
.header-23 .page-navigation {
flex-grow: 1;
}
.header-23 .header-right-group-search {
display: flex;
align-items: stretch;
justify-content: flex-end;
flex-shrink: 0;
}
.header-23 .header-right-group-search > div:not(.header-search-form-wrap) {
display: flex;
width: 80px;
text-align: center;
justify-content: center;
align-items: center;
border-left: 1px solid #eee;
height: auto;
}
.header-23 .mini-cart__button {
padding-left: 10px;
}
.header-23 .header-search-form-wrap {
display: flex;
align-items: center;
border-left: 1px solid #eee;
}
.header-23 .header-search-form-wrap .search-field {
border: 0;
border-radius: 0;
background: transparent;
width: 390px;
padding: 0 20px;
color: #222;
}
.header-23 .header-search-form-wrap .search-field::-webkit-input-placeholder { font-style: italic;
font-size: 14px;
color: #999;
}
.header-23 .header-search-form-wrap .search-field::-moz-placeholder { font-style: italic;
font-size: 14px;
color: #999;
}
.header-23 .header-search-form-wrap .search-field:-ms-input-placeholder { font-style: italic;
font-size: 14px;
color: #999;
}
.header-23 .header-search-form-wrap .search-field:-moz-placeholder { font-style: italic;
font-size: 14px;
color: #999;
}
.header-23 .header-search-form-wrap .search-submit {
color: inherit;
font-size: 20px;
height: 40px;
width: 40px;
line-height: 40px;
top: 50%;
transform: translate(0, -50%);
color: red;
}
.header-23 .container-fluid {
padding-left: 0;
padding-right: 0;
}
.desktop-menu .header-23 .menu--primary {
position: static;
text-align: left;
margin-left: 15px;
}
@media (max-width: 1199px) {
.header-23 .header-right {
display: flex;
align-items: stretch;
}
.header-23 .header-top {
display: none;
}
.header-23 .header-bottom {
justify-content: flex-end;
flex-grow: 1;
}
.header-23 .header-right-group-search > div.page-open-main-menu {
display: none;
}
}
@media (max-width: 767px) {
.header-23 .header-search-form-wrap {
display: none;
}
}
.header-24 .header-wrap {
position: relative;
display: flex;
align-items: center;
padding: 26px 0;
}
.header-24 .header-right {
flex-shrink: 0;
margin: 0 -15px;
}
.header-24 .header-right > div, .header-24 .header-right > ul {
padding: 0 15px;
}
.header-24 .branding {
flex-grow: 1;
}
.header-24 .branding__logo {
display: inline-block;
}
.header-24 .header-right {
justify-self: flex-end;
}
.header-24 .header-link-list {
font-weight: 500;
}
.header-24 .switcher-language-wrapper {
border-left: 1px solid #fff;
}
.header-24 .header-button .tm-button.style-flat {
text-transform: uppercase;
font-size: 13px;
letter-spacing: 0.5px;
height: 50px;
line-height: 46px;
}
.header-24 .header-below {
border-top: 1px solid #eee;
}
.header-24 .header-below-inner {
position: relative;
display: flex;
}
.desktop-menu .header-24 .menu--primary {
position: static;
text-align: left;
}
.header-24 .header-below-left {
flex-grow: 1;
}
.header-24 .header-below-right {
flex-shrink: 0;
display: flex;
align-items: center;
}
.header-24 .header-below-right > div {
padding: 0 10px;
}
.mobile-menu .header-24 .branding {
flex-grow: 1;
}
.mobile-menu .header-24 .header-wrap {
padding: 10px 0;
}
.mobile-menu .header-24 .header-below {
display: none;
}
.desktop-menu .header-24 .menu__container > li > a:after {
content: '';
position: absolute;
right: 0;
top: 0;
width: 0;
height: 3px;
}
.desktop-menu .header-24 .menu__container > li:hover > a:after {
width: 100%;
left: 0;
right: auto;
}
@media (max-width: 991px) {
.header-24 .header-link-list {
display: none;
}
.header-24 .switcher-language-wrapper {
border-left: 0;
}
}
.header-25 .container-fluid {
padding: 0;
}
.header-25 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-25 .branding {
flex-shrink: 0;
padding: 0 35px;
background-color: #fff;
}
.header-25 .branding img {
padding: 20px 0;
}
.header-25 .header-right {
flex-grow: 1;
justify-content: space-between;
padding: 0 60px 0 45px;
margin: 0;
}
.header-25 .header-right > div {
padding: 0;
}
.header-25 .header-below-inner {
position: relative;
display: flex;
align-items: center;
}
.desktop-menu .header-25 .menu--primary {
position: static;
text-align: left;
}
@media (max-width: 991px) {
.header-25 .header-text-info {
display: none;
}
.header-25 .header-right {
justify-content: flex-end;
padding: 0 15px;
}
.header-25 .branding {
padding: 0 15px;
}
}
.header-26 .header-above {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 40px;
}
.header-26 .branding {
flex-shrink: 0;
}
.header-26 .page-navigation {
flex-grow: 1;
margin-left: 35px;
}
.header-26 .header-right {
justify-content: flex-end;
}
.header-26 .header-link-list {
display: flex;
align-items: center;
}
.header-26 .header-below {
display: flex;
align-items: stretch;
justify-content: space-between;
border-top: 1px solid #eee;
}
.header-26 .header-right-below {
display: flex;
flex-shrink: 0;
}
.header-26 .header-right-below > div {
border-left: 1px solid #eee;
display: flex;
align-items: center;
}
.header-26 .header-link-list {
padding: 10px 40px;
}
.header-26 .header-link-list .link-item {
margin-right: 30px;
}
.header-26 .mini-cart {
padding: 0 14px 0 24px;
}
.header-26 .header-text-wrap {
padding: 0 25px;
font-size: 15px;
font-weight: 500;
}
.header-26 .header-text-wrap a {
text-decoration: underline;
}
.header-26 .header-button {
position: relative;
}
.header-26 .header-button:after {
position: absolute;
top: 100%;
left: 12px;
content: '';
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 13px 15px 0 0;
border-color: transparent;
border-top-color: #000;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.header-26 .header-button .tm-button {
height: 50px;
line-height: 46px;
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.5px;
}
.desktop-menu .header-26 .menu--primary {
position: static;
text-align: left;
}
.desktop-menu .header-26 .menu__container > li > a:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 3px;
}
.desktop-menu .header-26 .menu__container > li:hover > a:after {
width: 100%;
left: 0;
right: auto;
}
.header-26 .header-search-form-wrap {
display: flex;
align-items: center;
border-left: 1px solid #eee;
}
.header-26 .header-search-form-wrap .search-field {
border: 0;
border-radius: 0;
background: transparent;
width: 390px;
padding: 0 20px;
color: #222;
}
.header-26 .header-search-form-wrap .search-field::-webkit-input-placeholder { font-style: italic;
font-size: 14px;
color: #999;
}
.header-26 .header-search-form-wrap .search-field::-moz-placeholder { font-style: italic;
font-size: 14px;
color: #999;
}
.header-26 .header-search-form-wrap .search-field:-ms-input-placeholder { font-style: italic;
font-size: 14px;
color: #999;
}
.header-26 .header-search-form-wrap .search-field:-moz-placeholder { font-style: italic;
font-size: 14px;
color: #999;
}
.header-26 .header-search-form-wrap .search-submit {
color: inherit;
font-size: 20px;
height: 40px;
width: 40px;
line-height: 40px;
top: 50%;
transform: translate(0, -50%);
color: red;
}
.header-26.headroom--not-top .header-below {
display: none;
}
.header-26.headroom--not-top .tm-button.style-flat.tm-button-sm {
height: 40px;
line-height: 36px;
font-size: 12px;
}
@media (max-width: 1199px) {
.header-26 .header-text-wrap {
display: none !important;
}
.header-26 .header-search-form-wrap .search-field {
width: 300px;
}
}
@media (max-width: 991px) {
.header-26 .header-above {
padding: 0 15px;
}
.header-26 .branding {
flex-shrink: 1;
}
.header-26 .header-right-below {
width: 100%;
justify-content: space-between;
}
.header-26 .header-right-below .header-search-form-wrap {
border-right: 1px solid #eee;
border-left: 0;
}
.header-26 .header-link-list {
display: none !important;
}
.header-26 .header-social-networks {
display: none;
}
.header-26 .header-search-form-wrap .search-field {
width: 250px;
}
}
.header-27 .header-above-inner {
position: relative;
padding: 25px 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.header-27 .header-above-inner > div {
display: flex;
align-items: center;
}
.header-27 .branding {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.header-27 .header-above-right {
justify-content: flex-end;
margin: 0 -10px;
}
.header-27 .header-above-right > div {
padding: 10px;
}
.header-27 .header-search-form-wrap .search-field {
border: 0;
border-bottom: 1px solid #dddddd;
border-radius: 0;
background: transparent;
padding: 0;
height: 45px;
width: 300px;
}
.header-27 .header-search-form-wrap .search-field::-webkit-input-placeholder { font-style: italic;
font-size: 14px;
color: #999;
}
.header-27 .header-search-form-wrap .search-field::-moz-placeholder { font-style: italic;
font-size: 14px;
color: #999;
}
.header-27 .header-search-form-wrap .search-field:-ms-input-placeholder { font-style: italic;
font-size: 14px;
color: #999;
}
.header-27 .header-search-form-wrap .search-field:-moz-placeholder { font-style: italic;
font-size: 14px;
color: #999;
}
.header-27 .header-search-form-wrap .search-submit {
color: inherit;
font-size: 20px;
height: 38px;
width: 38px;
}
.header-27 .header-search-form-wrap .search-btn-icon {
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
}
.header-27 .header-button .tm-button.style-flat {
text-transform: uppercase;
font-size: 13px;
letter-spacing: 0.5px;
height: 50px;
line-height: 46px;
}
.header-27 .header-below-inner {
position: relative;
display: flex;
align-items: center;
}
.desktop-menu .header-27 .menu--primary {
position: static;
text-align: left;
}
.header-27 .header-below-left {
flex-grow: 1;
}
.header-27 .header-below-right {
flex-shrink: 0;
}
.mobile-menu .header-27 .branding {
flex-grow: 1;
}
.mobile-menu .header-27 .header-wrap {
padding: 10px 0;
}
.mobile-menu .header-27 .header-below {
display: none;
}
.desktop-menu .header-27 .menu__container {
border-left: 1px solid #fff;
}
.desktop-menu .header-27 .menu__container > li {
border-right: 1px solid #fff;
}
.desktop-menu .header-27 .menu__container > li > a:after {
content: '';
position: absolute;
right: 0;
top: 0;
width: 0;
height: 3px;
}
.desktop-menu .header-27 .menu__container > li:hover > a:after {
width: 100%;
left: 0;
right: auto;
}
@media (max-width: 991px) {
.header-27 .header-button {
display: none;
}
.header-27 .header-search-form-wrap .search-field {
width: 200px;
}
}
@media (max-width: 767px) {
.header-27 .header-search-form-wrap {
display: none;
}
.header-27 .branding {
position: static;
transform: translate(0, 0);
}
.header-27 .header-above-inner {
padding: 10px 0;
}
}
.header-28 .header-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 26px 0;
}
.header-28 .header-right {
flex-shrink: 0;
}
.header-28 .branding {
flex-grow: 1;
}
.header-28 .branding__logo {
display: inline-block;
}
.header-28 .header-right {
justify-self: flex-end;
}
.header-28 .header-below {
border-top: 1px solid #eee;
}
.header-28 .header-below-inner {
position: relative;
display: flex;
}
.desktop-menu .header-28 .menu--primary {
position: static;
text-align: left;
}
.header-28 .header-below-left {
flex-grow: 1;
}
.header-28 .header-below-right {
flex-shrink: 0;
display: flex;
align-items: center;
}
.header-28 .header-below-right > div {
padding: 0 10px;
}
.mobile-menu .header-28 .branding {
flex-grow: 1;
}
.mobile-menu .header-28 .header-wrap {
padding: 10px 0;
}
.mobile-menu .header-28 .header-below {
display: none;
}
.header-28 .header-info {
width: 800px;
}
@media (min-width: 1200px) {
.header-28 .header-info .swiper-slide {
justify-content: flex-end;
}
}
.header-28 .header-info .info-item {
display: flex;
}
.header-28 .header-info .info-icon {
flex-shrink: 0;
font-size: 38px;
padding-right: 15px;
line-height: 1;
}
.header-28 .header-info .info-content {
flex-grow: 1;
}
.header-28 .header-info .info-title {
font-size: 15px;
font-weight: 500;
line-height: 1.18;
margin-bottom: 6px;
}
.header-28 .header-info .info-sub-title {
font-size: 14px;
}
.desktop-menu .header-28 .menu__container {
border-left: 1px solid #eee;
}
.desktop-menu .header-28 .menu__container > li {
border-right: 1px solid #eee;
}
.desktop-menu .header-28 .menu__container > li > a:after {
content: '';
position: absolute;
right: 0;
top: 0;
width: 0;
height: 3px;
}
.desktop-menu .header-28 .menu__container > li:hover > a:after {
width: 100%;
left: 0;
right: auto;
}
.header-28.headroom--not-top .header-above {
display: none;
}
@media (max-width: 1199px) {
.header-28 .header-info {
width: 560px;
}
.header-28.headroom--not-top .header-above {
display: block;
}
}
@media (max-width: 991px) {
.header-28 .header-info {
width: 280px;
}
}
@media (max-width: 767px) {
.header-28 .header-info {
display: none;
}
}
.simple-footer {
background: #222222;
color: rgba(255, 255, 255, 0.5);
padding: 20px 0;
}
.simple-footer .social-networks {
text-align: right;
line-height: 0;
}
.simple-footer .social-networks .inner {
display: inline-block;
border: 1px solid rgba(151, 151, 151, 0.11);
border-radius: 5px;
}
.simple-footer .social-networks a {
float: left;
display: block;
color: #d8d8d8;
height: 48px;
width: 51px;
font-size: 16px;
position: relative;
border-right: 1px solid rgba(151, 151, 151, 0.11);
}
.simple-footer .social-networks a:last-child {
border-right: 0;
width: 50px;
}
.simple-footer .social-networks .social-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.page-footer #menu-copyright li a {
font-size: 14px;
}
.page-footer .insight-core-bmw li a {
font-size: 15px;
font-weight: 400;
}
@media (max-width: 767px) {
.simple-footer .footer-text {
text-align: center;
}
.simple-footer .social-networks {
margin-top: 20px;
text-align: center;
}
}
@-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 li > a {
padding: 13px 20px;
padding-right: 58px;
}
.desktop-menu .sm-simple a.current {
background: #555555;
color: #ffffff;
}
.desktop-menu .sm-simple a.disabled {
color: #cccccc;
}
.desktop-menu .sm-simple .sub-menu a .toggle-sub-menu {
position: absolute;
top: 50%;
right: 0;
}
.desktop-menu .sm-simple .sub-menu a .toggle-sub-menu:before {
right: 30px;
}
.desktop-menu .toggle-sub-menu {
position: relative;
margin-left: 15px;
}
.desktop-menu .toggle-sub-menu:before {
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
font-family: Ionicons;
content: '\f123';
font-size: 8px;
font-weight: 500;
}
.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: #ffffff;
}
.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 - 394px) !important;
width: 1170px !important;
}
.desktop-menu .sm-simple.sm-vertical a .toggle-sub-menu:before {
right: 30px;
font-size: 20px;
content: '\f363';
}
.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 {
display: block;
margin: 0 0 20px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
letter-spacing: 1px;
font-weight: 700;
font-size: 16px;
}
.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: 3px solid transparent;
}
.desktop-menu .menu--primary .sub-menu > .menu-item > a,
.desktop-menu .menu--primary .children > .menu-item > 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: 0;
}
.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 .mega-menu-content > .vc_row {
margin-left: 0 !important;
margin-right: 0 !important;
}
.desktop-menu .menu--primary .has-mega-menu .mega-menu-content .menu > .menu-item > a {
padding: 11px 0;
}
.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_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_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_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: 0;
padding-left: 0;
}
.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-mobile-main-menu .tm-list.style-circle-05 .title a {
padding: 0;
}
.page-mobile-main-menu .vc_tta-panel-title {
background-color: #333;
}
.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 .toggle-sub-menu {
margin-left: 20px;
}
.page-off-canvas-main-menu .toggle-sub-menu:before {
font-size: 18px;
}
.page-off-canvas-main-menu .navigation {
display: table;
padding: 30px 0;
width: 100%;
max-width: 350px;
height: 100%;
text-align: center;
margin: 0 auto;
}
.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: 4px 0;
}
.page-off-canvas-main-menu .menu__container .sub-menu > li > a {
padding: 4px 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 30px;
height: 80px;
background: #ffffff;
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%;
z-index: 9999999;
width: 100%;
height: 100%;
background: #ffffff;
text-align: left;
transition: all .3s;
overflow-y: auto;
padding-top: 80px;
}
.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: 0 0 10px;
}
.page-mobile-main-menu .wpb_column + .wpb_column {
margin-top: 35px;
}
.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 .page-mobile-menu-content > ul > li.page_item_has_children {
padding-bottom: 18px;
}
.page-mobile-main-menu .children {
margin-left: 20px;
}
.page-mobile-main-menu .children 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: 14px 30px 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_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: #ffffff;
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);
}
@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%;
}
}
.desktop-menu .page-open-mobile-menu {
display: none !important;
}
.page-title-bar {
position: relative;
}
.page-title-bar h1, .page-title-bar h2, .page-title-bar h3, .page-title-bar h4, .page-title-bar h5, .page-title-bar h6 {
margin-bottom: 0;
}
.page-title-bar-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.page-title-bar-inner {
border-bottom-style: solid;
}
.insight_core_breadcrumb {
margin: 0;
padding: 0;
}
.insight_core_breadcrumb li {
display: inline-block;
}
.insight_core_breadcrumb li + li {
position: relative;
padding-left: 25px;
}
.insight_core_breadcrumb li + li:before {
font-family: Ionicons;
content: '\f125';
font-size: 8px;
font-weight: 500;
position: absolute;
left: 10px;
top: 50%;
transform: translate(0, -50%);
}
.insight_core_breadcrumb a {
position: relative;
padding: 2px 0;
overflow: hidden;
z-index: 1;
}
.insight_core_breadcrumb a:after {
content: '';
width: 0;
height: 1px;
bottom: 0;
position: absolute;
left: auto;
right: 0;
z-index: -1;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
background: currentColor;
}
.insight_core_breadcrumb a:hover:after {
width: 100%;
left: 0;
right: auto;
}
.page-title-bar-01 .heading {
text-align: center;
}
.page-title-bar-01 .insight_core_breadcrumb {
margin-top: 18px;
text-align: center;
}
.page-title-bar-02 .insight_core_breadcrumb,
.page-title-bar-04 .insight_core_breadcrumb {
margin-top: 10px;
}
@media (min-width: 768px) {
.page-title-bar-02 .insight_core_breadcrumb,
.page-title-bar-04 .insight_core_breadcrumb {
text-align: right;
margin-top: 0;
}
}
.page-title-bar-03 .heading {
text-align: center;
}
.page-title-bar-03 .page-breadcrumb {
position: absolute;
bottom: 41px;
left: 0;
width: 100%;
}
.page-title-bar-03 .insight_core_breadcrumb {
text-align: center;
}
@media (max-width: 767px) {
.page-title-bar-03 .page-breadcrumb {
bottom: 25px;
}
}
.page-title-bar-05 .breadcrumb-wrap,
.page-title-bar-06 .breadcrumb-wrap {
position: absolute;
bottom: 41px;
left: 0;
width: 100%;
}
.page-scroll-up {
position: fixed;
right: 30px;
bottom: -60px;
z-index: 999;
box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03);
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 .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'], .desktop-menu .header-15 .menu--primary .menu__container > li > a .menu-item-wrap:after, .desktop-menu .header-19 .menu__container > li > a:after, .desktop-menu .header-22 .menu__container > li > a:after, .desktop-menu .header-24 .menu__container > li > a:after, .desktop-menu .header-26 .menu__container > li > a:after, .desktop-menu .header-27 .menu__container > li > a:after, .desktop-menu .header-28 .menu__container > li > a:after, .desktop-menu .menu--primary .menu-item, .tm-swiper:hover .swiper-nav-button, .tm-swiper.pagination-style-7 .swiper-pagination-bullet:after, .tm-swiper.pagination-style-9 .swiper-pagination-bullet:after, .related-posts .related-post-feature-wrap, .tm-blog.style-02 .post-feature-wrap, .tm-blog.style-grid_classic_02 .post-feature-wrap, .tm-blog.style-grid_classic_02 .post-thumbnail, .tm-category-feature.style-01 .cat-item-wrap, .tm-case-study.style-grid .post-read-more, .tm-case-study.style-simple-list .post-item-wrap, .tm-case-study.style-simple-list .post-title, .tm-case-study.style-carousel .post-item-wrap, .tm-case-study.style-carousel-2 .post-item-wrap, .tm-service.style-02 .post-thumbnail-wrap img, .tm-service-feature.style-01 .post-item-wrap, .tm-page-feature.style-01 .post-item-wrap, .tm-button, .tm-list .marker, .tm-client.style-grid .grid-inner, .tm-client.hover-main-move-up .image, .tm-box-icon.style-1 .image, .tm-box-icon.style-3 .image, .tm-box-icon.style-9 .image, .tm-box-icon.style-10 .icon, .tm-box-icon.style-11 .content-wrap:before, .tm-accordion.style-1 .accordion-title:before, .tm-testimonial.style-1 .testimonial-item, .tm-testimonial.style-3 .testimonial-item, .tm-testimonial.style-5 .testimonial-item, .tm-testimonial.style-6 .testimonial-item, .tm-testimonial.style-9 .testimonial-item, .tm-testimonial-list .testimonial-item, .tm-team-member.style-3, .tm-team-member.style-3 .info, .tm-team-member.style-3 .social-footer, .tm-mailchimp-form.style-6 .form-submit:after, .tm-mailchimp-form.style-7 .form-submit:after, .tm-mailchimp-form.style-9 .form-submit:after, .tm-mailchimp-form.style-10 .mc4wp-form-fields .form-submit:after, .tm-mailchimp-form.style-11 .form-submit:after, .tm-gallery img, .tm-view-demo.style-01 .item-wrap, .tm-view-demo.style-01 .thumbnail, .tm-view-demo.style-01 .overlay, .tm-view-demo.style-02 .item-wrap, .tm-view-demo.style-02 .overlay, .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 .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 {
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.nav-links a div, .top-bar-office-wrapper .office-list, .popup-search-wrap i, .page-open-main-menu i, .switcher-language-wrapper .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .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-blog.style-01 .post-item-wrap, .tm-case-study .post-thumbnail img, .tm-case-study.style-grid .post-item-wrap, .tm-case-study.style-grid .post-overlay, .tm-case-study.style-grid-caption .post-item-wrap, .tm-case-study.style-grid-caption-2 .post-item-wrap, .tm-service.style-01 .post-info, .tm-service.style-01 .post-info:after, .tm-service.style-02 .post-thumbnail-wrap:after, .tm-service.style-03 .post-item-wrap, .tm-button.style-border-text .button-text:before, .tm-button.style-border-text .button-text:after, .tm-button.tm-button-icon-move .button-icon, .tm-box-icon.style-2 .icon, .tm-box-icon.style-2 .image, .tm-box-icon.style-4 .icon, .tm-box-icon.style-5 .content-wrap, .tm-box-icon.style-7 .content-wrap, .tm-card.style-1, .tm-card.style-2, .tm-accordion .accordion-title, .tm-testimonial.style-2 .testimonial-item, .tm-testimonial.style-7 .testimonial-item, .tm-testimonial.style-8 .testimonial-item, .tm-slider-button .slider-btn, .tm-pricing.style-1 .inner, .tm-pricing.style-2 .inner, .tm-team-member .social-networks a, .tm-team-member.effect-grayscale .photo img, .tm-team-member.style-1 .social-networks a, .tm-team-member.style-3 .social-networks a, .tm-social-networks .link-icon, .tm-gallery.hover-overlay .overlay, .tm-view-demo.style-02 .thumbnail:before, .woocommerce-error .button:after,
.woocommerce-info .button:after,
.woocommerce-message .button:after, .mini-cart .mini-cart-icon:before, .woocommerce .tm-products .product .product-wrapper, .woocommerce .products .product .product-wrapper, .woosw-area .woosw-continue {
transition: all 0.5s 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;
}
}
.page-has-animation .page-content .tm-animation {
opacity: 0;
}
.page-has-animation .page-content .tm-animation.fade-in.animate {
-webkit-animation: fadeIn 0.95s ease forwards;
animation: fadeIn 0.95s ease forwards;
}
.page-has-animation .page-content .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;
}
.page-has-animation .page-content .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;
}
.page-has-animation .page-content .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;
}
.page-has-animation .page-content .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;
}
.page-has-animation .page-content .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;
}
.page-has-animation .page-content .tm-animation.fall-perspective {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.page-has-animation .page-content .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;
}
.page-has-animation .page-content .tm-animation.fly {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.page-has-animation .page-content .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;
}
.page-has-animation .page-content .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;
}
.page-has-animation .page-content .tm-animation.helix {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.page-has-animation .page-content .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;
}
.page-has-animation .page-content .tm-animation.pop-up {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.page-has-animation .page-content .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;
}
.page-has-animation .page-content .tm-swiper .tm-animation {
opacity: 1 !important;
transform: none !important;
perspective: none !important;
}
.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;
}
.page-content {
position: relative;
z-index: 1;
} @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: #ffffff;
}
}
.boxed {
margin: 0 auto;
max-width: 1200px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.06);
}
.boxed .content {
overflow: hidden;
}
.site {
overflow: hidden;
}
body {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.page-sidebar,
.page-main-content {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.page-main-content .page-sidebar {
padding-left: 0;
padding-right: 0;
}
#glyphs {
text-align: center;
}
.glyph {
display: inline-block;
width: 9em;
margin: 1em;
text-align: center;
vertical-align: top;
border: 1px solid #eee;
}
.glyph .glyph-icon {
padding: 10px;
display: block;
font-family: "Flaticon";
font-size: 64px;
line-height: 1;
}
.glyph .glyph-icon:before {
font-size: 64px;
color: #222;
margin-left: 0;
}
.glyph .class-name {
background-color: #f7f7f7;
color: #222;
margin-top: 10px;
padding: 10px;
}
.page-comment-form {
padding-top: 80px;
margin: 0 -15px;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comments-title,
.comment-reply-title {
display: block;
margin-bottom: 24px;
font-size: 30px;
}
.comment-notes,
.logged-in-as {
margin-bottom: 60px;
}
.comments-wrap {
margin-top: 112px;
}
.comments-title {
margin-bottom: 87px;
}
.comment-list {
margin: 0;
padding: 0;
}
.comment-list .comment {
margin-bottom: 35px;
list-style-type: none;
}
.comment-list .comment:last-child {
margin-bottom: 0;
}
.comment-list > .comment {
margin-bottom: 66px;
}
.comment-list .pingback {
margin-bottom: 66px;
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: 50px;
padding-left: 40px;
margin-left: 50px;
border-left: 3px solid #eeeeee;
}
.comment-list .comment-header {
margin-bottom: 14px;
}
.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: 15px;
}
.comment-list .fn {
font-size: 18px;
display: inline-block;
}
.comment-list .fn a {
font-style: inherit;
font-size: inherit;
}
.comment-list .comment-datetime {
display: inline-block;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
line-height: 1.23;
color: #b5b5b5;
letter-spacing: 0.5px;
}
.comment-list .comment-datetime:before {
content: '';
display: inline-block;
width: 6px;
height: 6px;
background-color: #ddd;
border-radius: 50%;
margin: 0 12px 2px;
}
.comment-list .comment-actions {
margin-top: 18px;
}
.comment-list .comment-actions a {
margin-right: 30px;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1px;
}
.comment-list .comment-actions a:before {
font-family: Ionicons;
margin-right: 10px;
}
.comment-list .comment-actions a:last-child {
margin-right: 0;
}
.comment-list .comment-reply-link:before {
font-size: 16px;
content: '\f21e';
}
.comment-list .comment-edit-link:before {
content: '\f2bf';
font-size: 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 textarea {
height: 136px;
}
.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 30px;
}
.comment-form .comment-form-author:before,
.comment-form .comment-form-email:before {
position: absolute;
top: 50%;
left: 15px;
transform: translateY(-50%);
font-family: Ionicons;
font-size: 30px;
font-weight: 500;
color: #888;
}
.comment-form .comment-form-author input,
.comment-form .comment-form-email input {
padding-left: 35px;
}
.comment-form .comment-form-author:before {
content: '\f47d';
}
.comment-form .comment-form-email:before {
content: '\f422';
}
.comment-form p.form-submit {
margin: 30px 0 0;
}
.comment-navigation {
margin-top: 40px;
}
@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) {
.page-comment-form {
padding: 90px 0 100px;
}
.comment-notes,
.logged-in-as {
margin-bottom: 40px;
}
.comment-form textarea {
height: 120px;
}
.comment-list .comment {
margin-bottom: 50px;
}
.comment-list .children {
margin-top: 50px;
}
.comment-list .children,
.comment-list .children .children {
padding-left: 20px;
margin-left: 20px;
}
}
.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;
}
body.vc_editor .tm-animation,
body.vc_editor .tm-animation .grid-item,
body.vc_editor .grid-item {
opacity: 1 !important;
}
.rev_slider iframe {
border: 0 !important;
}
html .row:before, html .row:after {
display: block;
}
.page-loading {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100000;
}
.page-load-inner {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.preloader-wrap {
display: table;
width: 100%;
height: 100%;
}
.wrap-2 {
display: table-cell;
vertical-align: middle;
}
body.loaded .page-loading {
opacity: 0;
}
body.loaded .page-load-inner {
transform: translate3d(0, -100px, 0);
}
.page-loading .sk-wrap {
width: 60px;
height: 60px;
margin: 0 auto;
font-size: 0;
}
.page-loading .sk-wrap .sk-circle {
margin: 0 auto;
}
.page-loading .sk-wandering-cubes .sk-cube {
width: 16px;
height: 16px;
}
.page-loading .sk-three-bounce {
width: 80px;
height: 20px;
}
.page-loading .sk-three-bounce .sk-child {
display: block;
float: left;
}
.page-loading .sk-three-bounce .sk-bounce2 {
margin: 0 10px;
}
.page-loading .sk-wave > div {
width: 7px;
margin: 0 2px;
}
.page-loading .sk-image {
margin: 0 auto;
display: block;
text-align: center;
}
.page-loading .sk-image img {
max-width: 200px;
height: auto;
}
.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.header-sticky .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;
margin: -30px -20px;
}
.tm-swiper:hover .swiper-nav-button {
opacity: 1;
visibility: visible;
}
.tm-swiper .swiper-container {
width: 100%;
padding: 30px 20px;
}
.tm-swiper .swiper-slide {
box-sizing: border-box;
}
.tm-swiper.disable-pagination.has-pagination {
margin-bottom: 0;
}
.tm-swiper.disable-pagination .swiper-pagination {
display: none;
}
.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: 60px;
}
.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-container-fade .swiper-slide {
opacity: 0 !important;
}
.tm-swiper .swiper-container-fade .swiper-slide.swiper-slide-active {
opacity: 1 !important;
}
.tm-swiper .swiper-pagination {
position: absolute;
bottom: -60px;
left: 0;
width: 100%;
text-align: center;
line-height: 1;
user-select: none;
}
.tm-swiper .swiper-pagination-fraction {
font-size: 15px;
font-weight: 500;
letter-spacing: .4em;
}
.tm-swiper .swiper-pagination-bullet {
box-sizing: border-box;
margin: 0 3px;
width: 16px;
height: 16px;
border: 0;
background: transparent;
vertical-align: middle;
opacity: 1;
position: relative;
outline: none;
}
.tm-swiper .swiper-pagination-bullet:hover:before, .tm-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
background: #222222;
}
.tm-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
cursor: default;
}
.tm-swiper .swiper-pagination-bullet:before {
transition: all .7s;
content: '';
position: absolute;
top: 50%;
left: 50%;
border-radius: 100%;
width: 12px;
height: 12px;
transform: translate(-50%, -50%);
background: #d8d8d8;
z-index: 1;
}
.tm-swiper .swiper-nav-button {
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.3s linear 2s, opacity 0.3s linear 2s;
background-image: none;
text-align: center;
user-select: none;
outline: none !important;
width: 50px;
height: 50px;
font-size: 18px;
font-weight: 500;
color: #222;
border: 2px solid rgba(34, 34, 34, 0.16);
border-radius: 100%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.01);
}
.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: 50px;
}
.tm-swiper .swiper-button-prev i:before {
content: '\f3cf';
}
.tm-swiper .swiper-button-next {
right: 50px;
}
.tm-swiper .swiper-button-next i:before {
content: '\f3d1';
}
.tm-swiper.nav-style-3 .swiper-nav-button, .tm-swiper.nav-style-7 .swiper-nav-button {
color: #222;
border: 0;
font-size: 30px;
font-weight: 500;
}
.tm-swiper.nav-style-3 .swiper-nav-button:hover, .tm-swiper.nav-style-7 .swiper-nav-button:hover {
background: none;
}
.tm-swiper.nav-style-3 .swiper-button-prev, .tm-swiper.nav-style-7 .swiper-button-prev {
left: -70px;
}
.tm-swiper.nav-style-3 .swiper-button-prev i:before, .tm-swiper.nav-style-7 .swiper-button-prev i:before {
content: '\f3cf';
}
.tm-swiper.nav-style-3 .swiper-button-next, .tm-swiper.nav-style-7 .swiper-button-next {
right: -70px;
}
.tm-swiper.nav-style-3 .swiper-button-next i:before, .tm-swiper.nav-style-7 .swiper-button-next i:before {
content: '\f3d1';
}
.tm-swiper.nav-style-7 .swiper-nav-button {
color: #fff;
}
.tm-swiper.nav-style-6 .swiper-nav-button {
top: auto;
bottom: calc(100% + 70px);
right: -10px;
border: 0;
}
.tm-swiper.nav-style-6 .swiper-nav-button:hover {
background-color: transparent;
}
.tm-swiper.nav-style-6 .swiper-button-prev {
left: auto;
right: 30px;
}
.tm-swiper.nav-style-6 .swiper-button-prev:after {
position: absolute;
top: 50%;
left: 100%;
margin-top: -10px;
display: inline-block;
content: '';
width: 1px;
height: 20px;
background-color: #ddd;
}
.tm-swiper.nav-style-6 .swiper-button-next {
right: -20px;
}
.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: 50%;
right: 50px;
bottom: auto;
left: auto;
transform: translate(0, -50%);
}
.tm-swiper.pagination-style-3 .swiper-pagination-bullet {
display: block;
margin: 0;
}
.tm-swiper.pagination-style-3 .swiper-pagination-bullet + .swiper-pagination-bullet {
margin-top: 6px;
}
.tm-swiper.pagination-style-4 {
margin-bottom: 0 !important;
}
.tm-swiper.pagination-style-4 .swiper-pagination {
width: auto;
top: 50%;
right: -60px;
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: 6px;
}
.tm-swiper.pagination-style-4 .swiper-pagination-bullet:hover:before, .tm-swiper.pagination-style-4 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
background-color: #222222;
}
.tm-swiper.pagination-style-5 .swiper-pagination-bullet:before {
background: #d8d8d8;
border-color: transparent;
}
.tm-swiper.pagination-style-5 .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .tm-swiper.pagination-style-5 .swiper-pagination-bullet:hover:before {
background: #999;
border-color: transparent;
}
.tm-swiper.pagination-style-6 .swiper-pagination-bullet:before {
background: #dddddd;
border-color: transparent;
}
.tm-swiper.pagination-style-6 .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .tm-swiper.pagination-style-6 .swiper-pagination-bullet:hover:before {
background: #14163e;
border-color: transparent;
}
.tm-swiper.pagination-style-7, .tm-swiper.pagination-style-9 {
margin-bottom: 79px;
}
.tm-swiper.pagination-style-7 .swiper-pagination, .tm-swiper.pagination-style-9 .swiper-pagination {
bottom: -79px;
}
.tm-swiper.pagination-style-7 .swiper-pagination-bullet, .tm-swiper.pagination-style-9 .swiper-pagination-bullet {
transition: all .3s ease, width 0s, border-color 0s;
text-align: center;
height: 45px;
line-height: 41px;
border: 2px solid transparent;
font-weight: 500;
font-size: 15px;
color: #acacac;
padding: 0 7px;
width: auto;
}
.tm-swiper.pagination-style-7 .swiper-pagination-bullet:hover, .tm-swiper.pagination-style-9 .swiper-pagination-bullet:hover {
color: #222;
}
.tm-swiper.pagination-style-7 .swiper-pagination-bullet:after, .tm-swiper.pagination-style-9 .swiper-pagination-bullet:after {
position: absolute;
top: 50%;
right: -54px;
margin-top: -1px;
content: '';
width: 0;
height: 2px;
background: #ddd;
opacity: 0;
}
.tm-swiper.pagination-style-7 .swiper-pagination-bullet.swiper-pagination-bullet-active, .tm-swiper.pagination-style-9 .swiper-pagination-bullet.swiper-pagination-bullet-active {
min-width: 45px;
position: relative;
margin-right: 57px;
border-color: #ddd;
color: #222;
}
.tm-swiper.pagination-style-7 .swiper-pagination-bullet.swiper-pagination-bullet-active:last-child, .tm-swiper.pagination-style-9 .swiper-pagination-bullet.swiper-pagination-bullet-active:last-child {
margin-right: 0;
}
.tm-swiper.pagination-style-7 .swiper-pagination-bullet.swiper-pagination-bullet-active:last-child:after, .tm-swiper.pagination-style-9 .swiper-pagination-bullet.swiper-pagination-bullet-active:last-child:after {
left: -54px;
right: auto;
}
.tm-swiper.pagination-style-7 .swiper-pagination-bullet.swiper-pagination-bullet-active:after, .tm-swiper.pagination-style-9 .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
opacity: 1;
width: 40px;
}
.tm-swiper.pagination-style-7 .swiper-pagination-bullet i, .tm-swiper.pagination-style-9 .swiper-pagination-bullet i {
position: relative;
z-index: 1;
font-style: normal;
}
.tm-swiper.pagination-style-7 .swiper-pagination-bullet:before, .tm-swiper.pagination-style-9 .swiper-pagination-bullet:before {
display: none;
}
.tm-swiper.pagination-style-9 {
margin-bottom: 0;
}
.tm-swiper.pagination-style-9 .swiper-pagination {
top: 0;
right: 0;
left: auto;
bottom: auto;
text-align: right;
}
.tm-swiper.pagination-style-10.has-pagination {
margin-bottom: 62px;
}
.tm-swiper.pagination-style-10 .swiper-pagination {
bottom: -50px;
}
.tm-swiper.pagination-style-10 .swiper-pagination-bullet:before {
background: rgba(216, 216, 216, 0.32);
border-color: transparent;
}
.tm-swiper.pagination-style-10 .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .tm-swiper.pagination-style-10 .swiper-pagination-bullet:hover:before {
background: #ffffff;
border-color: transparent;
}
.tm-swiper.pagination-style-11.has-pagination {
margin-bottom: 62px;
}
.tm-swiper.pagination-style-11 .swiper-pagination {
bottom: -50px;
}
.tm-swiper.pagination-style-11 .swiper-pagination-bullet {
width: 25px;
height: 4px;
background-color: #ddd;
border-radius: 0;
margin: 0 5px;
opacity: .15;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tm-swiper.pagination-style-11 .swiper-pagination-bullet:before {
display: none;
}
.tm-swiper.pagination-style-11 .swiper-pagination-bullet.swiper-pagination-bullet-active, .tm-swiper.pagination-style-11 .swiper-pagination-bullet:hover {
background-color: #ffc246;
opacity: 1;
}
@media (min-width: 1200px) {
.tm-swiper.pagination-style-3 .swiper-pagination {
right: -50px;
}
}
@media (min-width: 1400px) {
.tm-swiper.nav-style-2 .swiper-button-prev, .tm-swiper.nav-style-5 .swiper-button-prev {
left: -80px;
}
.tm-swiper.nav-style-2 .swiper-button-next, .tm-swiper.nav-style-5 .swiper-button-next {
right: -80px;
}
.tm-swiper.pagination-style-2 .swiper-pagination {
right: 100px;
}
}
@media (min-width: 1600px) {
.tm-swiper.pagination-style-3 .swiper-pagination {
right: -125px;
}
}
.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;
}
.sticky .post-sticky {
margin-left: 14px;
color: #c0c0c0;
font-weight: 600;
}
.sticky span {
font-size: 18px;
margin-right: 4px;
}
.post-password-form input[type='submit'] {
display: block;
margin: 30px 0 0;
}
.entry-content p:last-child {
clear: both;
}
.single-post.page-has-sidebar .page-content {
padding-top: 120px;
}
.single-post .entry-banner {
position: relative;
padding: 138px 0 70px;
}
.single-post .entry-banner:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.45);
}
.single-post .entry-banner .entry-title {
color: #ffffff;
line-height: 1.04em;
margin-bottom: 25px;
}
.single-post .entry-banner .post-meta {
color: #ffffff;
}
.single-post .entry-banner .post-meta a {
color: inherit;
}
.single-post .entry-banner .post-meta .sl-icon,
.single-post .entry-banner .post-meta .meta-icon {
color: #ffffff;
}
.single-post .page-main-content {
position: relative;
min-height: 1px;
padding-left: .9375rem;
padding-right: .9375rem;
width: 100%;
}
.single-post .entry-header {
margin-bottom: 37px;
padding-bottom: 26px;
border-bottom: 1px solid #e9e9e9;
}
.single-post .entry-title {
font-size: 40px;
margin: 0 0 20px;
}
.single-post .post-feature {
margin-bottom: 40px;
}
.single-post .post-feature.post-gallery {
margin: 0 0 40px;
}
.single-post .post-feature.post-gallery .swiper-container {
padding: 0;
}
.single-post .entry-content {
margin-bottom: 80px;
}
.single-post .post-thumbnail {
text-align: center;
}
.single-post .post-tags span {
font-size: 13px;
font-weight: 700;
letter-spacing: 0.54px;
text-transform: uppercase;
margin-right: 20px;
}
.single-post .post-tags span:before {
content: '\f2aa';
font-family: Ionicons;
font-size: 18px;
font-weight: 500;
margin-right: 9px;
}
.single-post .post-tags a {
display: inline-block;
padding: 4px 10px;
color: inherit;
border: 1px solid #ddd;
margin: 5px;
font-weight: 400;
}
.single-post .post-tags a:hover {
color: #222;
border-color: transparent;
}
.single-post .post-categories {
margin: 0 -5px 18px;
}
.single-post .post-categories a {
display: inline-block;
color: #222;
font-size: 13px;
font-weight: 500;
border: 1px solid #ddd;
padding: 5px 7px;
margin: 5px;
}
.single-post .post-meta {
font-size: 13px;
font-weight: 700;
color: #b5b5b5;
text-transform: uppercase;
letter-spacing: 1px;
}
.single-post .post-meta > * {
display: inline-block;
}
.single-post .post-meta > div + div:before {
content: '';
width: 6px;
height: 6px;
display: inline-block;
background-color: #ddd;
border-radius: 50%;
margin: 0 15px 2px;
}
.single-post .entry-footer {
border-top: 1px solid #e9e9e9;
padding-top: 30px;
}
.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;
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: .8;
}
.single-post .post-quote-content {
position: relative;
padding: 63px 100px 67px;
background: url(//www.mathias-die.com/wp-content/themes/tractor/assets/images/blog-quote-icon.png) no-repeat 65px 35px;
border: 2px solid #ffc246;
}
.single-post .post-quote-text {
margin-bottom: 40px;
color: #222;
font-size: 24px;
font-style: italic;
font-weight: 500;
line-height: 1.5;
}
.single-post .post-quote-name {
font-size: 24px;
font-weight: 700;
text-decoration: underline;
}
.single-post .post-quote-name a {
color: #222;
}
.single-post .format-gallery .post-feature.tm-swiper .swiper-pagination {
bottom: 30px;
}
.post-share {
display: flex;
align-items: center;
justify-content: flex-end;
}
.post-share .post-share-title {
font-weight: 700;
margin-right: 20px;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 0.54px;
}
.post-share .post-share-title:before {
content: '\f2f8';
font-family: Ionicons;
font-size: 18px;
font-weight: 500;
margin-right: 9px;
color: red;
}
.post-share .post-share-list a {
display: block;
float: left;
text-align: center;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 16px;
border: 1px solid #eeeeee;
border-radius: 50%;
margin-right: 10px;
}
.post-share .post-share-list a:last-child {
margin-right: 0;
}
.post-share .post-share-list a:hover {
color: #222;
border-color: transparent;
}
.related-posts .related-title {
margin-top: 80px;
margin-bottom: 30px;
font-size: 30px;
}
.related-posts .related-post-item {
width: 100%;
padding-top: 31px;
}
.related-posts .post-item-wrap {
height: 100%;
margin-top: 30px;
}
.related-posts .post-item-wrap:hover .post-feature-wrap img {
transform: scale3d(1.15, 1.15, 1.15);
}
.related-posts .related-post-feature-wrap {
position: relative;
margin-bottom: 30px;
}
.related-posts .related-post-feature-wrap img {
width: 100%;
transition: all 1s cubic-bezier(0, 0, 0.2, 1);
}
.related-posts .related-post-thumbnail {
overflow: hidden;
}
.related-posts .related-post-date {
position: absolute;
right: 0;
bottom: 100%;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #222;
padding: 5px 11px;
}
.related-posts .related-post-categories {
margin-bottom: 11px;
}
.related-posts .post-title {
margin-bottom: 10px;
font-size: 24px;
line-height: 1.4;
}
.related-posts .post-title a {
color: inherit;
}
.related-posts .post-title a:hover {
color: inherit;
text-decoration: underline;
}
.entry-author {
margin-top: 95px;
padding: 50px 46px;
border: 1px solid #eeeeee;
}
.entry-author .author-info {
display: flex;
}
.entry-author .author-avatar {
min-width: 100px;
width: 100px;
}
.entry-author .author-avatar img {
border-radius: 100%;
}
.entry-author .author-description {
margin-left: 32px;
}
.entry-author .author-name {
margin-bottom: 8px;
font-size: 18px;
}
.entry-author .author-biographical-info {
margin-top: 15px;
}
.entry-author .author-biographical-info p:last-child {
margin-bottom: 0;
}
.entry-author .author-social-networks {
margin: 15px -10px 0;
}
.entry-author .author-social-networks a {
display: block;
float: left;
padding: 6px 10px;
font-size: 18px;
line-height: 1;
}
@media (max-width: 767px) {
.entry-author {
padding: 30px;
}
.post-share {
margin-top: 15px;
justify-content: flex-start;
}
}
.single-case_study .page-main-content {
position: relative;
min-height: 1px;
padding-left: .9375rem;
padding-right: .9375rem;
width: 100%;
}
.single-service .post-main-feature {
margin-bottom: 71px;
}
.single-service .post-main-feature > img {
border-radius: 5px;
}
.single-service .post-main-title {
font-size: 42px;
margin-bottom: 41px;
}
@media (min-width: 1200px) {
.single-service .page-content {
padding-top: 126px;
padding-bottom: 115px;
}
.post-type-service.page-has-sidebar .page-content > .container {
max-width: 1200px;
}
.post-type-service.page-both-sidebar .page-content > .container {
max-width: 1600px;
}
}
@media (max-width: 991px) {
.single-service .post-main-feature {
margin-bottom: 50px;
}
.single-service .post-main-title {
font-size: 36px;
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.single-service .post-main-title {
font-size: 30px;
}
}
.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-results .tm-blog.style-04 .post-item-wrap,
.search-no-results .tm-blog.style-04 .post-item-wrap {
height: 100%;
background-color: #222222;
}
.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;
}
.simple-header .branding {
padding-top: 84px;
text-align: center;
}
.error404 {
background-color: #f7f7f7;
}
.error404 .maintenance-page {
text-align: center;
padding: 100px 0;
}
.error404 .error-404-big-title {
font-size: 200px;
font-weight: 500;
}
.error404 .error-404-title {
font-size: 36px;
margin-bottom: 20px;
}
.error404 .error-404-search-form-wrap {
position: relative;
max-width: 500px;
margin: 84px auto 0;
}
.error404 .error-404-search-form-wrap .search-field {
border: 0;
border-bottom: 2px solid red;
border-radius: 0;
background: transparent;
padding: 0;
color: #222;
}
.error404 .error-404-search-form-wrap .search-field::-webkit-input-placeholder { font-size: 15px;
color: #999;
}
.error404 .error-404-search-form-wrap .search-field::-moz-placeholder { font-size: 15px;
color: #999;
}
.error404 .error-404-search-form-wrap .search-field:-ms-input-placeholder { font-size: 15px;
color: #999;
}
.error404 .error-404-search-form-wrap .search-field:-moz-placeholder { font-size: 15px;
color: #999;
}
.error404 .error-404-search-form-wrap .search-submit {
position: absolute;
top: 0;
right: -5px;
padding: 0;
border: 0;
background-color: transparent;
outline: none;
}
.error404 .error-404-search-form-wrap .search-btn-text {
font-size: 0;
}
.error404 .error-404-search-form-wrap .search-btn-icon {
font-size: 24px;
font-weight: 500;
color: #222;
vertical-align: middle;
}
.error404 .wooscp-area {
display: none;
}
@media (max-width: 991px) {
.error404 {
overflow: auto;
}
.error404 .error-404-big-title {
font-size: 100px;
}
.error404 .error-404-title {
font-size: 20px;
}
.error404 .error-404-search-form-wrap {
max-width: 350px;
margin-top: 60px;
}
} .service-title-content{padding-bottom: 100px;}
.service-title-content .tm-heading {margin-bottom: 60px;}
.service-title-content h2{position: relative;margin-bottom: 60px;text-transform: capitalize;}
.service-title-content h2:before{position: absolute;left: 0;right: 0;margin: auto;content: "";border: 2px solid #262262;width: 48px;bottom: -25px;}
.service-title-content p{max-width: 647px;margin: auto;}
.service-box-sec .vc_column-inner .wpb_wrapper .vc_row{display: flex;align-items: center;}
.service-box-sec .vc_column-inner .wpb_wrapper .vc_row:nth-child(2n+1) .wpb_column:nth-child(1) .vc_column-inner .wpb_text_column{
max-width: 480px;
padding: 30px 15px;
margin: auto;
}
.service-box-sec .vc_column-inner .wpb_wrapper .vc_row:nth-child(2n+1) .wpb_column:nth-child(2) .vc_column-inner .wpb_text_column{
padding: 0 !important;
max-width: 100%;
}
.service-box-sec .vc_column-inner .wpb_wrapper .vc_row:nth-child(2n+2) .wpb_column:nth-child(2) .vc_column-inner .wpb_text_column{
max-width: 480px;
padding: 30px 15px;
margin: auto;
}
.service-box-sec .vc_column-inner .wpb_wrapper .vc_row:nth-child(2n+2) .wpb_column:nth-child(1) .vc_column-inner .wpb_text_column{
padding: 0 !important;
max-width: 100%;
}
.service-box-sec .vc_column-inner .wpb_wrapper .wpb_column .vc_column-inner .wpb_text_column img{width:100%;    object-fit: cover;}
.service-box-sec .vc_column-inner .wpb_wrapper .wpb_column .vc_column-inner{padding: 0px !important;}
.service-box-sec .vc_column-inner .wpb_wrapper .service-inner-box .wpb_column:nth-child(1) .vc_column-inner .wpb_text_column{max-width: unset;padding:0;margin: unset;}
.service-box-sec .vc_column-inner .wpb_wrapper .service-inner-box .wpb_column:nth-child(1) .vc_column-inner .wpb_text_column img{width:100%;    object-fit: cover;}
.service-box-sec .vc_column-inner .wpb_wrapper .service-inner-box .wpb_column:nth-child(2) .vc_column-inner .wpb_text_column{max-width: 473px;padding: 160px 0px;margin: auto;}
.service-box-sec .vc_column-inner .wpb_wrapper .service-inner-box .wpb_column .vc_column-inner .wpb_text_column h2{text-transform: capitalize;}
.service-info .vc_column-inner{padding-top:35px!important;padding-bottom:35px!important;}
.engineering-bottom-box{padding:110px 0px 130px;}
.engineering-bottom-box .wpb_wrapper .box-top-sec{display: flex;}
.engineering-bottom-box .tm-heading h2.heading{text-align: center;margin-bottom: 70px;text-transform: capitalize;}
.engineering-bottom-box .vc_column-inner .vc_row .wpb_column{border-left: 4px solid #262262;}
.engineering-button-link .wpb_column{border-left: 0 !important;}
.engineering-button-link p a{background-color: #262262;min-width: 409px;color: #ffffff;padding: 17px;}
.engineering-button-link{margin-top: 80px;text-align: center;width: 100%;}
.engineering-bottom-box .wpb_column .vc_column-inner {padding-left: 25px;}
.engineering-bottom-box .wpb_column .vc_column-inner h3.heading{margin-bottom: 15px;}
.engineering-button-link p a:hover{background-color:#5e79ad;}
.header-19 .menu--primary a{font-weight: bold;}
.desktop-menu .menu--primary .sub-menu > .menu-item > a{font-weight: 400;}
.page-content.product-new-sec{padding-bottom: 0;}
.title-wrap .wpb_wrapper{display: flex;}
.title-wrap .wpb_wrapper .chat-icon{margin-right: 10px;}
.home_testimonial .tm-spacer{height: 0px !important;}
.container-new{max-width:1600px;margin:0 auto;text-align:center;float: none !important;}
.rs-layer#slider-11-slide-15-layer-2{font-size: 50px;line-height: 55px;}
.career-hed .tm-button.style-modern {padding: 0 44px;}
.listing-page-new .page-content{padding-top: 10px;} .tm-grid-wrapper .tm-filter-button-group {
padding-bottom: 80px;
}
.tm-grid-wrapper .tm-filter-button-group .container {
padding-left: 0;
padding-right: 0;
}
.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 {
display: grid;
grid-auto-flow: column;
grid-gap: 2px;
border: 2px solid red;
overflow: hidden;
width: 100%;
}
.tm-grid-wrapper .btn-filter {
position: relative;
display: block;
vertical-align: middle;
padding: 18px 15px;
z-index: 1;
color: #222;
background-color: #fff;
}
.tm-grid-wrapper .btn-filter.current {
cursor: auto;
}
.tm-grid-wrapper .btn-filter:hover, .tm-grid-wrapper .btn-filter.current {
color: #fff;
}
.tm-grid-wrapper .btn-filter:hover .filter-text, .tm-grid-wrapper .btn-filter.current .filter-text {
color: #fff;
}
.tm-grid-wrapper .btn-filter:hover .filter-counter, .tm-grid-wrapper .btn-filter.current .filter-counter {
background: #fff;
color: #222;
}
.tm-grid-wrapper .btn-filter:hover:after, .tm-grid-wrapper .btn-filter.current:after {
width: 100%;
}
.tm-grid-wrapper .btn-filter:hover:after {
left: 0;
right: auto;
}
.tm-grid-wrapper .btn-filter:after {
content: '';
position: absolute;
top: -1px;
bottom: -1px;
z-index: -1;
width: 0;
left: auto;
right: 0;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
.tm-grid-wrapper .filter-text {
display: inline-block;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.tm-grid-wrapper .filter-counter {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
line-height: 20px;
font-size: 12px;
font-weight: 500;
text-align: center;
color: #ffffff;
margin-left: 10px;
}
.modern-grid {
display: grid;
}
.modern-grid .grid-item {
width: 100%;
}
.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: 30px 0;
}
.tm-grid-loadmore-btn {
min-width: 180px;
margin-top: 60px;
}
.tm-grid-messages {
margin: 50px 0;
text-align: center;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.page-has-animation div:not(.tm-swiper) .tm-grid.has-animation .grid-item {
opacity: 0;
}
.page-has-animation div:not(.tm-swiper) .tm-grid.fade-in .animate {
animation: fadeIn .95s ease forwards;
}
.page-has-animation div:not(.tm-swiper) .tm-grid.move-up .animate {
transform: translateY(100px);
animation: moveVertical .65s ease forwards;
}
.page-has-animation div:not(.tm-swiper) .tm-grid.move-down .animate {
transform: translateY(-100px);
animation: moveVertical .65s ease forwards;
}
.page-has-animation div:not(.tm-swiper) .tm-grid.move-left .animate {
transform: translateX(100px);
animation: moveHorizontal .65s ease forwards;
}
.page-has-animation div:not(.tm-swiper) .tm-grid.move-right .animate {
transform: translateX(-100px);
animation: moveHorizontal .65s ease forwards;
}
.page-has-animation div:not(.tm-swiper) .tm-grid.scale-up .animate {
transform: scale(0.6);
animation: scaleUp .65s ease-in-out forwards;
}
.page-has-animation div:not(.tm-swiper) .tm-grid.fall-perspective {
perspective: 1300px;
}
.page-has-animation div:not(.tm-swiper) .tm-grid.fall-perspective .animate {
transform: translateZ(400px) translateY(300px) rotateX(-90deg);
animation: fallPerspective .8s ease-in-out forwards;
transform-style: preserve-3d;
}
.page-has-animation div:not(.tm-swiper) .tm-grid.fly {
perspective: 1300px;
}
.page-has-animation div:not(.tm-swiper) .tm-grid.fly .animate {
transform: rotateX(-180deg);
transform-origin: 50% 50% -300px;
animation: fly .8s ease-in-out forwards;
transform-style: preserve-3d;
}
.page-has-animation div:not(.tm-swiper) .tm-grid.flip .animate {
transform: rotateX(-80deg);
transform-origin: 0% 0%;
animation: flip .8s ease-in-out forwards;
transform-style: preserve-3d;
}
.page-has-animation div:not(.tm-swiper) .tm-grid.helix {
perspective: 1300px;
}
.page-has-animation div:not(.tm-swiper) .tm-grid.helix .animate {
transform: rotateY(-180deg);
animation: helix .8s ease-in-out forwards;
transform-style: preserve-3d;
}
.page-has-animation div:not(.tm-swiper) .tm-grid.pop-up {
perspective: 1300px;
}
.page-has-animation div:not(.tm-swiper) .tm-grid.pop-up .animate {
transform: scale(0.4);
animation: popUp .8s ease-in forwards;
transform-style: preserve-3d;
}
@media (max-width: 767px) {
.tm-grid-wrapper .tm-filter-button-group-inner {
display: block;
}
.rs-loader{z-index: 0;}
.career-hed h3.heading{font-size:30px !important;}
.listing-page-new .page-content{padding-top: 0px !important;}
}
.tm-blog h1, .tm-blog h2, .tm-blog h3, .tm-blog h4, .tm-blog h5, .tm-blog h6 {
margin-bottom: 0;
}
.tm-blog .post-item {
box-sizing: border-box;
word-wrap: break-word;
}
.tm-blog .post-title a,
.tm-blog .post-categories a {
color: inherit;
font-size: inherit;
}
.tm-blog .post-excerpt p:last-child {
margin-bottom: 0;
}
.tm-blog .format-gallery .swiper-pagination {
bottom: 27px;
}
.tm-blog .format-gallery .swiper-pagination .swiper-pagination-bullet:before {
background: #ffffff;
}
.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.mathias-die.com/wp-content/themes/tractor/assets/images/blog-quote-icon.png) no-repeat top 0 right 2px;
}
.tm-blog .post-quote .post-quote-text {
margin-bottom: 18px;
color: #ffffff;
font-weight: 600;
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: #ffffff;
content: '';
}
.tm-blog .post-quote .post-quote-name a {
color: #ffffff;
}
.tm-blog.style-list .post-item {
margin-bottom: 90px;
}
.tm-blog.style-list .post-item:last-child {
margin-bottom: 35px;
}
.tm-blog.style-list .post-thumbnail {
position: relative;
text-align: center;
}
.tm-blog.style-list .post-feature {
margin-bottom: 50px;
}
.tm-blog.style-list .post-title {
margin-bottom: 15px;
font-size: 32px;
line-height: 1.5;
}
.tm-blog.style-list .post-meta {
padding-bottom: 19px;
margin-bottom: 20px;
border-bottom: 1px solid #e9e9e9;
}
.tm-blog.style-list .post-meta > div {
display: inline-block;
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
letter-spacing: 1px;
color: #b5b5b5;
}
.tm-blog.style-list .post-meta > div a.sl-button {
color: #222;
}
.tm-blog.style-list .post-meta > div a.sl-button i {
color: #FFC246;
}
.tm-blog.style-list .post-meta > div + div:before {
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #ddd;
margin: 0 11px 2px;
}
.tm-blog.style-list .post-meta > div + div .sl-button {
padding-right: 0;
}
.tm-blog.style-list .post-author-meta {
color: #c0c0c0;
font-weight: 600;
}
.tm-blog.style-list .post-date {
font-weight: 600;
}
.tm-blog.style-list .post-categories {
position: relative;
font-weight: 500;
font-size: 13px;
margin: -5px -3px 15px;
}
.tm-blog.style-list .post-categories a {
display: inline-block;
padding: 4px 9px;
margin: 5px 3px;
border: 1px solid #ddd;
color: #222;
}
.tm-blog.style-list .post-categories a:hover {
color: #222;
}
.tm-blog.style-list .post-read-more a {
display: inline-block;
padding: 0 30px;
background-color: red;
color: #222;
height: 50px;
line-height: 50px;
}
.tm-blog.style-list .post-read-more a:hover {
color: #fff;
}
.tm-blog.style-list .post-read-more .btn-text {
font-weight: 700;
font-size: 13px;
color: inherit;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.tm-blog.style-list .post-excerpt {
margin-bottom: 20px;
}
.tm-blog.style-02 .post-item-wrap {
height: 100%;
margin-bottom: 60px;
margin-top: 30px;
}
.tm-blog.style-02 .post-item-wrap:hover .post-feature-wrap img {
transform: scale3d(1.15, 1.15, 1.15);
}
.tm-blog.style-02.style-carousel_02 .post-item-wrap {
margin-bottom: 0;
}
.tm-blog.style-02 .post-feature-wrap {
position: relative;
margin-bottom: 30px;
}
.tm-blog.style-02 .post-feature-wrap img {
width: 100%;
transition: all 1s cubic-bezier(0, 0, 0.2, 1);
}
.tm-blog.style-02 .post-thumbnail {
overflow: hidden;
}
.tm-blog.style-02 .post-date {
position: absolute;
right: 0;
bottom: 100%;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #fff;
padding: 5px 11px;
}
.tm-blog.style-02 .post-categories {
margin-bottom: 11px;
}
.tm-blog.style-02 .post-title {
margin-bottom: 10px;
font-size: 24px;
line-height: 1.4;
}
.tm-blog.style-02 .post-title a {
color: inherit;
}
.tm-blog.style-02 .post-title a:hover {
text-decoration: none;
}
.tm-blog.style-02 .page-pagination {
margin-top: 0;
}
.tm-blog.style-grid_classic_02 .post-item-wrap {
height: 100%;
}
.tm-blog.style-grid_classic_02 .post-item-wrap:hover .post-feature-wrap {
transform: translateY(-10px);
}
.tm-blog.style-grid_classic_02 .post-item-wrap:hover .post-thumbnail {
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15);
}
.tm-blog.style-grid_classic_02 .post-feature-wrap {
position: relative;
padding-top: 30px;
margin-bottom: 23px;
}
.tm-blog.style-grid_classic_02 .post-feature-wrap img {
width: 100%;
}
.tm-blog.style-grid_classic_02 .post-thumbnail {
overflow: hidden;
}
.tm-blog.style-grid_classic_02 .post-date {
position: absolute;
right: 30px;
top: 0;
width: 60px;
height: 60px;
padding: 10px 5px 0;
border-radius: 100%;
text-align: center;
}
.tm-blog.style-grid_classic_02 .post-day {
font-size: 20px;
line-height: 1.2;
color: #222;
}
.tm-blog.style-grid_classic_02 .post-month {
font-size: 13px;
color: #222;
}
.tm-blog.style-grid_classic_02 .post-info {
padding-bottom: 10px;
}
.tm-blog.style-grid_classic_02 .post-title {
font-size: 24px;
line-height: 1.4;
}
.tm-blog.style-grid_classic_02 .post-title a:hover {
text-decoration: underline;
}
.tm-blog.style-grid_classic_02 .post-categories {
position: relative;
font-weight: 500;
font-size: 13px;
margin: -3px -3px 10px;
}
.tm-blog.style-grid_classic_02 .post-categories a {
display: inline-block;
color: #222;
padding: 2px 9px;
margin: 3px;
border: 1px solid #ddd;
}
.tm-blog.style-01 .post-item {
padding-bottom: 20px;
}
.tm-blog.style-01 .post-item:hover .post-item-wrap {
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.09);
}
.tm-blog.style-01 .post-item:hover .post-read-more {
transform: translateX(-50%);
}
.tm-blog.style-01 .post-item-wrap {
position: relative;
height: 100%;
background: #ffffff;
box-shadow: 0 20px 20px rgba(0, 0, 0, 0.03);
}
.tm-blog.style-01 .post-feature-wrap img {
width: 100%;
}
.tm-blog.style-01 .post-info {
padding: 26px 30px 54px;
}
.tm-blog.style-01 .post-title {
font-size: 24px;
line-height: 1.4;
margin-bottom: 17px;
padding-bottom: 17px;
border-bottom: 1px solid #e9e9e9;
}
.tm-blog.style-01 .post-title a:hover {
text-decoration: underline;
}
.tm-blog.style-01 .post-meta {
margin-bottom: 14px;
color: #b5b5b5;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1px;
}
.tm-blog.style-01 .post-meta > div {
display: inline-block;
}
.tm-blog.style-01 .post-author-meta a {
color: inherit;
}
.tm-blog.style-01 .post-date {
position: relative;
margin-right: 7px;
padding-right: 15px;
}
.tm-blog.style-01 .post-date:before {
content: ' ';
position: absolute;
top: 50%;
right: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background: #ddd;
transform: translate(0, -50%);
}
.tm-blog.style-01 .post-categories {
font-weight: 700;
}
.tm-blog.style-01 .post-read-more {
position: absolute;
bottom: -30px;
left: 50%;
transform: translateX(-50%);
height: 60px;
width: 60px;
border-radius: 100%;
font-size: 24px;
border: 2px solid;
background-color: #fff;
}
.tm-blog.style-01 .post-read-more:hover {
color: #fff;
}
.tm-blog.style-01 .post-read-more span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.tm-blog.style-03 .post-item-wrap {
margin-bottom: 30px;
}
.tm-blog.style-03 .post-info {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #e9e9e9;
}
.tm-blog.style-03 .post-categories {
margin: 0 -3px 10px;
color: #222;
}
.tm-blog.style-03 .post-categories a {
display: inline-block;
font-size: 13px;
font-weight: 500;
padding: 2px 9px;
margin: 0 3px 10px;
}
.tm-blog.style-03 .post-categories a:hover {
color: #fff;
}
.tm-blog.style-03 .post-title {
font-size: 24px;
margin-bottom: 15px;
}
.tm-blog.style-03 .post-date {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #b5b5b5;
}
.tm-blog.style-03 .post-read-more {
margin-top: 30px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.tm-blog.style-03 .post-read-more .btn-icon {
font-size: 14px;
font-weight: 500;
margin-left: 5px;
}
.tm-blog.style-04 .post-item-wrap {
background-color: #222222;
}
.tm-blog.style-04 .post-item-wrap:hover .post-thumbnail img {
transform: scale3d(1.15, 1.15, 1.15);
}
.tm-blog.style-04 .post-item-wrap.item-has-thumb {
height: 100%;
position: relative;
}
.tm-blog.style-04 .post-item-wrap.item-has-thumb .post-info {
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
}
.tm-blog.style-04 .post-info {
padding: 26px 23px;
display: flex;
align-items: flex-end;
height: 100%;
}
.tm-blog.style-04 .post-thumbnail {
overflow: hidden;
}
.tm-blog.style-04 .post-thumbnail img {
transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
width: 100%;
}
.tm-blog.style-04 .post-thumbnail:after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.6);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
}
.tm-blog.style-04 .post-categories {
margin: 0 -5px 13px;
font-size: 0;
}
.tm-blog.style-04 .post-categories a {
display: inline-block;
font-size: 13px;
font-weight: 500;
color: #222;
padding: 2px 9px;
margin: 0 5px 5px;
}
.tm-blog.style-04 .post-categories a:hover {
color: #222;
transform: translateY(-5px);
}
.tm-blog.style-04 .post-title {
font-size: 24px;
line-height: 1.25;
margin-bottom: 16px;
color: #ffffff;
}
.tm-blog.style-04 .post-date {
font-weight: 700;
font-size: 13px;
letter-spacing: 1px;
color: #fff;
text-transform: uppercase;
}
.tm-blog.style-05 .post-item-wrap:hover .post-thumbnail:before {
background-color: rgba(0, 0, 0, 0.3);
}
.tm-blog.style-05 .post-thumbnail {
position: relative;
margin-bottom: 30px;
overflow: hidden;
}
.tm-blog.style-05 .post-thumbnail img {
width: 100%;
}
.tm-blog.style-05 .post-thumbnail:before {
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
display: inline-block;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
}
.tm-blog.style-05 .post-date {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #b5b5b5;
margin-bottom: 23px;
}
.tm-blog.style-05 .post-title {
font-size: 26px;
margin-bottom: 20px;
}
.tm-blog.style-05 .post-title:hover a {
text-decoration: underline;
}
.tm-blog.style-05 .post-excerpt {
margin-bottom: 20px;
}
.tm-blog.style-05 .post-read-more {
display: inline-block;
position: relative;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
border-bottom: 2px solid #eee;
margin-bottom: 20px;
}
.tm-blog.style-05 .post-read-more:after {
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
content: '';
position: absolute;
bottom: -2px;
right: 0;
width: 0;
height: 2px;
}
.tm-blog.style-05 .post-read-more:hover:after {
width: 100%;
left: 0;
right: auto;
}
.tm-blog.style-05 .post-read-more a {
color: inherit;
}
.tm-blog.style-05 .post-read-more .btn-icon {
font-size: 14px;
font-weight: 500;
margin-left: 5px;
}
.tm-blog.style-05.style-carousel_05 .tm-swiper {
margin: 0;
}
.tm-blog.style-05.style-carousel_05 .swiper-container {
padding: 0;
}
.tm-blog.style-05.style-carousel_05 .post-read-more {
margin-bottom: 0;
}
.tm-blog.style-list_simple .post-item + .post-item {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #e9e9e9;
}
.tm-blog.style-list_simple .post-item-wrap {
display: flex;
}
.tm-blog.style-list_simple .post-thumbnail {
flex-shrink: 0;
width: 105px;
height: 80px;
margin-right: 20px;
}
.tm-blog.style-list_simple .post-title {
font-size: 20px;
margin-bottom: 10px;
}
.tm-blog.style-list_simple .post-title:hover {
text-decoration: underline;
}
.tm-blog.style-list_simple .post-date {
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
color: #b5b5b5;
letter-spacing: 1px;
}
.tm-blog.style-list_simple_2 .post-item + .post-item {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #e9e9e9;
}
.tm-blog.style-list_simple_2 .post-title {
font-size: 24px;
margin-bottom: 10px;
}
.tm-blog.style-list_simple_2 .post-title:hover {
text-decoration: underline;
}
.tm-blog.style-list_simple_2 .post-date {
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
color: #b5b5b5;
letter-spacing: 1px;
}
.tm-blog.style-metro .post-item-wrap {
position: relative;
overflow: hidden;
}
.tm-blog.style-metro .post-item-wrap:before {
content: '';
display: block;
padding-top: 100%;
}
.tm-blog.style-metro .post-item-wrap:hover .post-thumbnail {
transform: scale3d(1.15, 1.15, 1.15);
}
.tm-blog.style-metro .post-thumbnail {
transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #222222;
background-size: cover;
background-repeat: no-repeat;
}
.tm-blog.style-metro .post-thumbnail:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
}
.tm-blog.style-metro .post-info {
position: absolute;
bottom: 0;
left: 0;
padding: 0 40px 40px;
width: 100%;
}
.tm-blog.style-metro .post-categories {
margin: 0 -5px 19px;
font-size: 0;
}
.tm-blog.style-metro .post-categories a {
display: inline-block;
font-size: 13px;
font-weight: 500;
color: #fff !important;
padding: 2px 9px;
margin: 0 5px 5px;
}
.tm-blog.style-metro .post-categories a:hover {
transform: translateY(-5px);
}
.tm-blog.style-metro .post-title {
font-size: 24px;
line-height: 1.25;
margin-bottom: 18px;
color: #ffffff;
}
.tm-blog.style-metro .post-date {
font-weight: 700;
font-size: 13px;
letter-spacing: 1px;
color: #fff;
text-transform: uppercase;
}
@media (max-width: 767px) {
.tm-blog.style-01 .post-title {
font-size: 16px;
}
.tm-blog.style-01 .post-info {
padding: 26px 25px 49px;
}
.tm-blog.style-grid_classic_03 .post-info {
padding: 31px 30px 54px;
}
}
.tm-category-feature.style-01 {
text-align: center;
width: 100%;
}
.tm-category-feature.style-01 .modern-grid {
grid-template-columns: repeat(2, 1fr);
grid-gap: 1px;
border-radius: 5px;
overflow: hidden;
width: 100%;
background: #dddddd;
}
.tm-category-feature.style-01 .grid-item.current .icon, .tm-category-feature.style-01 .grid-item:hover .icon {
color: #ffffff;
}
.tm-category-feature.style-01 .grid-item.current .cat-name, .tm-category-feature.style-01 .grid-item:hover .cat-name {
color: #ffffff;
}
.tm-category-feature.style-01 .cat-item-wrap {
background: #ffffff;
height: 100%;
padding: 20px 10px;
}
.tm-category-feature.style-01 .icon {
font-size: 42px;
margin-bottom: 5px;
}
.tm-category-feature.style-01 .cat-name {
word-break: break-word;
font-size: 15px;
line-height: 1.266;
}
.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-case-study h1, .tm-case-study h2, .tm-case-study h3, .tm-case-study h4, .tm-case-study h5, .tm-case-study h6 {
margin-bottom: 0;
}
.tm-case-study .tm-grid-pagination {
margin-top: 20px;
}
.tm-case-study .tm-filter-button-group {
padding-bottom: 125px;
}
.tm-case-study .post-thumbnail {
position: relative;
}
.tm-case-study .post-thumbnail img {
width: 100%;
}
.tm-case-study .post-categories {
font-size: 15px;
}
.tm-case-study .post-categories a {
color: inherit;
font-size: inherit;
}
.tm-case-study .post-title {
font-size: 24px;
}
.tm-case-study .post-title a {
font-size: inherit;
}
.tm-case-study.style-grid .post-item-wrap:hover .post-thumbnail-wrap img {
transform: scale(1.1, 1.1);
}
.tm-case-study.style-grid .post-item-wrap:hover .post-read-more span {
color: #222;
}
.tm-case-study.style-grid .post-thumbnail-wrap {
position: relative;
overflow: hidden;
}
.tm-case-study.style-grid .post-thumbnail-wrap img {
transition: all .8s;
}
.tm-case-study.style-grid .post-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 5px;
background: rgba(0, 0, 0, 0.7);
background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, #000000 76%);
}
.tm-case-study.style-grid .post-overlay-content {
position: absolute;
bottom: 0;
left: 0;
padding: 30px 35px 40px;
width: 100%;
}
.tm-case-study.style-grid .post-categories {
margin-bottom: 7px;
color: #ffffff;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
}
.tm-case-study.style-grid .post-title {
line-height: 1.4;
color: #ffffff;
}
.tm-case-study.style-grid .post-read-more {
position: absolute;
top: 30px;
right: 30px;
height: 60px;
width: 60px;
border: 2px solid red;
border-radius: 50%;
}
.tm-case-study.style-grid .post-read-more span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 24px;
}
.tm-case-study.style-grid-caption .post-item-wrap {
background: #ffffff;
box-shadow: 0 30px 50px rgba(0, 0, 0, 0.06);
}
.tm-case-study.style-grid-caption .post-item-wrap:hover .post-thumbnail-wrap:before {
background-color: rgba(0, 0, 0, 0.3);
}
.tm-case-study.style-grid-caption .post-thumbnail-wrap {
margin: -1px -1px 0;
position: relative;
}
.tm-case-study.style-grid-caption .post-thumbnail-wrap:before {
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
display: inline-block;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
z-index: 2;
}
.tm-case-study.style-grid-caption .post-info {
padding: 30px;
}
.tm-case-study.style-grid-caption .post-categories {
margin-top: 5px;
}
.tm-case-study.style-grid-caption .post-title {
line-height: 1.41;
}
.tm-case-study.style-grid-caption-2 .post-item-wrap {
position: relative;
background: #ffffff;
box-shadow: 0 30px 50px rgba(0, 0, 0, 0.06);
margin-bottom: 50px;
}
.tm-case-study.style-grid-caption-2 .post-item-wrap:hover .post-thumbnail-wrap:before {
background-color: rgba(0, 0, 0, 0.3);
}
.tm-case-study.style-grid-caption-2 .post-thumbnail-wrap {
margin: -1px -1px 0;
position: relative;
}
.tm-case-study.style-grid-caption-2 .post-thumbnail-wrap:before {
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
display: inline-block;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
z-index: 2;
}
.tm-case-study.style-grid-caption-2 .post-info {
padding: 30px;
}
.tm-case-study.style-grid-caption-2 .post-title {
line-height: 1.41;
}
.tm-case-study.style-grid-caption-2 .post-excerpt {
border-top: 1px solid #eee;
padding-top: 15px;
margin-top: 14px;
}
.tm-case-study.style-grid-caption-2 .post-read-more a {
position: absolute;
bottom: -30px;
left: 50%;
margin-left: -30px;
font-size: 20px;
width: 60px;
height: 60px;
border: 2px solid red;
background-color: #fff;
text-align: center;
line-height: 60px;
border-radius: 50%;
}
.tm-case-study.style-grid-caption-2 .post-read-more a:hover {
color: #fff;
}
.tm-case-study.style-simple-list {
background-color: #fff;
}
.tm-case-study.style-simple-list .case-study-item + .case-study-item {
border-top: 1px solid #eee;
}
.tm-case-study.style-simple-list .post-item-wrap {
display: flex;
padding: 16px 20px;
position: relative;
}
.tm-case-study.style-simple-list .post-item-wrap:before {
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
position: absolute;
top: 0;
left: 0;
content: '';
display: inline-block;
width: 5px;
height: 0;
}
.tm-case-study.style-simple-list .post-item-wrap:hover {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11);
}
.tm-case-study.style-simple-list .post-item-wrap:hover:before {
height: 100%;
}
.tm-case-study.style-simple-list .post-thumbnail-wrap {
width: 75px;
flex-shrink: 0;
}
.tm-case-study.style-simple-list .post-info {
margin-left: 24px;
}
.tm-case-study.style-simple-list .post-title {
font-size: 18px;
line-height: 1.375;
}
.tm-case-study.style-simple-list .post-categories {
font-size: 13px;
text-transform: capitalize;
}
.tm-case-study.style-carousel {
margin: -20px -20px 0;
}
.tm-case-study.style-carousel .tm-swiper.pagination-style-6 {
margin-bottom: 57px;
}
.tm-case-study.style-carousel .tm-swiper.pagination-style-6 .swiper-pagination {
bottom: -57px;
}
.tm-case-study.style-carousel .swiper-container {
padding: 0 0 10px;
}
.tm-case-study.style-carousel .swiper-item {
padding: 20px;
}
.tm-case-study.style-carousel .post-item-wrap {
display: flex;
background: #ffffff;
border-radius: 0;
overflow: hidden;
}
.tm-case-study.style-carousel .post-item-wrap:hover {
transform: translateY(-10px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.09);
}
.tm-case-study.style-carousel .post-thumbnail-wrap {
flex-shrink: 0;
}
.tm-case-study.style-carousel .post-info {
position: relative;
flex-grow: 1;
padding: 37px 38px 100px;
}
.tm-case-study.style-carousel .post-categories {
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 20px;
}
.tm-case-study.style-carousel .post-title {
font-size: 20px;
line-height: 1.2;
}
.tm-case-study.style-carousel .post-read-more {
position: absolute;
left: 38px;
bottom: 32px;
display: inline-block;
font-size: 15px;
font-weight: 700;
padding-bottom: 1px;
border-bottom: 1px solid #dddddd;
}
.tm-case-study.style-carousel-2 {
margin: 0;
}
.tm-case-study.style-carousel-2 .tm-swiper {
margin: 0;
}
.tm-case-study.style-carousel-2 .tm-swiper.pagination-style-6 {
margin-bottom: 60px;
}
.tm-case-study.style-carousel-2 .tm-swiper.pagination-style-6 .swiper-pagination {
bottom: -60px;
}
.tm-case-study.style-carousel-2 .tm-swiper .swiper-nav-button {
background-color: #fff;
width: 60px;
height: 60px;
line-height: 56px;
}
.tm-case-study.style-carousel-2 .tm-swiper .swiper-nav-button:hover {
background-color: #ffc246;
}
.tm-case-study.style-carousel-2 .tm-swiper .swiper-button-prev {
left: calc((100% - 1565px) / 2);
}
.tm-case-study.style-carousel-2 .tm-swiper .swiper-button-next {
right: calc((100% - 1565px) / 2);
}
.tm-case-study.style-carousel-2 .case-study-item .post-thumbnail {
overflow: hidden;
}
.tm-case-study.style-carousel-2 .case-study-item:hover .post-thumbnail img {
transform: scale(1.1);
}
.tm-case-study.style-carousel-2 .swiper-container {
padding: 0 0 10px;
}
.tm-case-study.style-carousel-2 .swiper-slide {
width: 1170px;
}
.tm-case-study.style-carousel-2 .swiper-slide.swiper-slide-next .post-info {
display: none;
}
.tm-case-study.style-carousel-2 .post-item-wrap {
display: flex;
border-radius: 0;
overflow: hidden;
align-items: center;
}
.tm-case-study.style-carousel-2 .post-thumbnail-wrap {
flex-shrink: 0;
}
.tm-case-study.style-carousel-2 .post-info {
position: relative;
flex-grow: 1;
padding: 40px 0;
}
.tm-case-study.style-carousel-2 .post-info .post-number {
font-size: 24px;
font-weight: 700;
color: #ffc246;
margin-bottom: 10px;
}
.tm-case-study.style-carousel-2 .post-info .post-title {
font-size: 36px;
font-weight: 700;
color: #222;
line-height: 1.2;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.tm-case-study.style-carousel-2 .post-info .post-title {
font-size: 50px;
}
}
.tm-case-study.style-carousel-2 .post-info .post-excerpt {
font-size: 15px;
color: #888;
margin-bottom: 40px;
}
@media (min-width: 992px) {
.tm-case-study.style-carousel-2 .post-info .post-excerpt {
max-width: 300px;
}
}
.tm-case-study.style-carousel-2 .post-info .post-excerpt p:last-child {
margin-bottom: 0;
}
.tm-case-study.style-carousel-2 .post-info .post-read-more {
display: inline-block;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
}
.tm-case-study.style-carousel-2 .post-info .post-read-more:after {
content: '\f10b';
font-family: Ionicons;
margin-left: 5px;
font-weight: 400;
color: #ffc246;
}
.tm-case-study.style-carousel-2 .pagination-style-8 .swiper-pagination {
font-size: 20px;
color: #999;
letter-spacing: 0;
}
.tm-case-study.style-carousel-2 .pagination-style-8 .swiper-pagination span {
font-size: 20px;
}
.tm-case-study.style-carousel-2 .pagination-style-8 .swiper-pagination span:first-child {
color: #222;
}
@media (max-width: 1199px) {
.tm-case-study.style-carousel-2 .swiper-slide {
width: 910px;
}
.tm-case-study.style-carousel-2 .post-item-wrap {
flex-direction: column;
}
.tm-case-study.style-carousel-2 .post-item-wrap .post-info, .tm-case-study.style-carousel-2 .post-item-wrap .post-thumbnail-wrap {
width: 100%;
display: block !important;
}
.tm-case-study.style-carousel-2 .post-item-wrap .post-info img, .tm-case-study.style-carousel-2 .post-item-wrap .post-thumbnail-wrap img {
width: 100%;
height: auto;
}
.tm-case-study.style-carousel-2 .post-item-wrap .post-info .post-excerpt {
margin-bottom: 30px;
}
}
@media (max-width: 991px) {
.modern-grid{grid-template-columns:repeat(2, 1fr) !important;}
.tm-case-study.style-carousel-2 .swiper-slide {
width: 100%;
}
.tm-case-study.style-carousel-2 .swiper-slide .post-info {
order: 2;
padding-left: 15px;
padding-right: 15px;
}
.tm-case-study.style-carousel-2 .swiper-slide .post-info .post-number {
display: none;
}
.tm-case-study.style-carousel-2 .swiper-slide .post-thumbnail-wrap {
order: 1;
}
.tm-case-study.style-carousel-2 .swiper-pagination {
bottom: 0;
}
.engineering-bottom-box{padding: 70px 0px 90px;}
}
.tm-case-study.style-carousel-3 {
padding-bottom: 70px;
}
.tm-case-study.style-carousel-3 .post-thumbnail {
min-height: 500px;
background-size: cover;
background-position: center center;
}
.tm-case-study.style-carousel-3 .post-info {
background-color: #ffc246;
color: #fff;
padding: 35px 30px 50px;
}
.tm-case-study.style-carousel-3 .post-number {
font-size: 24px;
font-weight: 700;
margin-bottom: 60px;
}
.tm-case-study.style-carousel-3 .post-title {
font-size: 40px;
font-weight: 700;
color: #fff;
}
.tm-case-study.style-carousel-3 .post-title a {
color: #fff;
}
.tm-case-study.style-carousel-3 .post-title a:hover {
color: #222;
}
.tm-case-study.style-carousel-3 .post-excerpt {
margin-bottom: 70px;
}
.tm-case-study.style-carousel-3 .post-read-more {
display: inline-block;
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.5px;
border-bottom: 2px solid rgba(238, 238, 238, 0.24);
color: #fff;
}
.tm-case-study.style-carousel-3 .post-read-more span {
color: #fff;
font-size: 14px;
margin-left: 3px;
}
.tm-case-study.style-carousel-3 .post-read-more:hover {
color: #222;
}
.tm-case-study.style-carousel-3 .tm-swiper {
margin: 0;
}
.tm-case-study.style-carousel-3 .tm-swiper .swiper-container {
padding: 0;
}
.tm-case-study.style-carousel-3 .tm-swiper.pagination-style-9 .swiper-pagination {
top: auto;
bottom: -70px;
text-align: center;
}
.tm-case-study.style-carousel-3 .tm-swiper.pagination-style-9 .swiper-pagination-bullet.swiper-pagination-bullet-active {
border: 2px solid transparent;
margin-right: 3px;
}
.tm-case-study.style-carousel-3 .tm-swiper.pagination-style-9 .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
display: none;
}
@media (min-width: 768px) {
.tm-case-study.style-carousel-3 .post-item-wrap {
padding-left: 400px;
}
.tm-case-study.style-carousel-3 .post-thumbnail-wrap {
position: relative;
}
.tm-case-study.style-carousel-3 .post-info {
position: absolute;
top: 50%;
left: -300px;
transform: translateY(-50%);
width: 400px;
height: 400px;
z-index: 2;
}
.tm-case-study.style-carousel-3 .post-thumbnail {
min-height: 715px;
}
.tm-case-study.style-carousel-3 .tm-swiper.pagination-style-9 {
padding-top: 0;
}
.tm-case-study.style-carousel-3 .tm-swiper.pagination-style-9 .swiper-pagination {
top: auto;
bottom: calc(50% - 280px);
text-align: left;
padding-left: 90px;
}
.tm-case-study.style-carousel-3 .tm-swiper.pagination-style-9 .swiper-pagination-bullet.swiper-pagination-bullet-active {
border: 2px solid transparent;
margin-right: 3px;
}
.tm-case-study.style-carousel-3 .tm-swiper.pagination-style-9 .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
display: none;
}
.tm-case-study.style-carousel-3 .tm-swiper.pagination-style-9 .swiper-pagination-bullet.swiper-pagination-bullet-active:last-child {
margin-left: 3px;
}
}
.tm-case-study.style-carousel-4 .tm-swiper {
margin: -30px;
}
.tm-case-study.style-carousel-4 .tm-swiper .swiper-container {
padding: 0;
}
.tm-case-study.style-carousel-4 .tm-swiper .swiper-pagination {
position: relative;
bottom: 0;
margin-top: 30px;
margin-bottom: 30px;
}
.tm-case-study.style-carousel-4 .swiper-item {
padding: 30px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tm-case-study.style-carousel-4 .swiper-item .post-item-wrap {
background-color: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tm-case-study.style-carousel-4 .swiper-item .post-item-wrap .post-info {
height: 60px;
line-height: 60px;
overflow: hidden;
padding: 0 20px;
font-size: 20px;
font-weight: 700;
color: #222;
}
.tm-case-study.style-carousel-4 .swiper-item:hover {
padding: 0;
}
.tm-case-study.style-carousel-4 .swiper-item:hover .post-item-wrap {
background-color: #ffc246;
}
@media (max-width: 767px) {
.page-content.product-new-sec{padding-top: 60px;}
.modern-grid{grid-template-columns:repeat(1, 1fr) !important;}
.tm-case-study.style-carousel .post-item-wrap {
display: block;
}
.engineering-bottom-box .wpb_wrapper .box-top-sec{display: block;}
.engineering-bottom-box .wpb_wrapper .box-top-sec .wpb_column{margin-bottom: 20px;}
.engineering-bottom-box .tm-heading h2.heading{margin-bottom: 50px;}
.engineering-button-link{margin-top: 50px;}
}
.tm-service h1, .tm-service h2, .tm-service h3, .tm-service h4, .tm-service h5, .tm-service h6 {
margin-bottom: 0;
}
.tm-service .post-read-more {
font-size: 13px;
margin-top: 20px;
letter-spacing: 0.54px;
}
.tm-service .post-read-more:hover a{
color: #262262;
}
.tm-service .post-read-more .btn-text {
font-weight: 700;
margin-right: 3px;
text-transform: uppercase;
}
.tm-service .post-read-more .btn-icon {
position: relative;
top: 1px;
}
.tm-service .post-excerpt p:last-child {
margin-bottom: 0;
}
.tm-service.style-01.style-carousel .tm-swiper {
margin: -30px -30px -50px;
}
.tm-service.style-01.style-carousel .swiper-container {
padding: 30px 30px 50px;
}
.tm-service.style-01 .post-item-wrap {
padding: 0 0 30px;
}
.tm-service.style-01 .post-item-wrap:hover .post-info {
box-shadow: 0 30px 50px rgba(0, 0, 0, 0.06);
}
.tm-service.style-01 .post-item-wrap:hover .post-info:after {
width: 100%;
left: 0;
right: auto;
}
.tm-service.style-01 .post-thumbnail {
position: relative;
overflow: hidden;
}
.tm-service.style-01 .post-thumbnail img {
transition: all .7s linear;
width: 100%;
}
.tm-service.style-01 .post-info {
position: relative;
padding: 24px 25px 44px;
background: #ffffff;
position: relative;
z-index: 999;
margin: -30px 20px 0;
box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03);
}
.tm-service.style-01 .post-info:after {
content: '';
width: 0;
height: 3px;
position: absolute;
left: auto;
right: 0;
bottom: 0;
}
.tm-service.style-01 .post-title {
font-size: 24px;
margin-bottom: 14px;
line-height: 1.4;
}
.tm-service.style-02 .post-item-wrap {
position: relative;
margin-bottom: 20px;
}
.tm-service.style-02 .post-item-wrap:hover .post-thumbnail-wrap:after {
width: 100%;
left: 0;
right: auto;
}
.tm-service.style-02 .post-thumbnail-wrap {
margin-bottom: 26px;
position: relative;
}
.tm-service.style-02 .post-thumbnail-wrap:after {
content: '';
width: 0;
height: 3px;
position: absolute;
left: auto;
right: 0;
top: 100%;
}
.tm-service.style-02 .post-thumbnail-wrap img {
width: 100%;
}
.tm-service.style-02 .post-title {
font-size: 24px;
margin-bottom: 15px;
line-height: 1.22;
}
.tm-service.style-03 .post-item-wrap {
position: relative;
border: 1px solid #eeeeee;
background: #ffffff;
height: 100%;
}
.tm-service.style-03 .post-item-wrap:hover .post-thumbnail-wrap img {
transform: scale3d(1.1, 1.1, 1.1);
}
.tm-service.style-03 .post-thumbnail-wrap {
position: relative;
overflow: hidden;
margin: -1px -1px 0;
}
.tm-service.style-03 .post-thumbnail-wrap img {
transition: all .3s, transform .6s;
}
.tm-service.style-03 .post-title {
font-size: 20px;
margin-bottom: 13px;
line-height: 1.4;
}
.tm-service.style-03 .post-info {
padding: 27px 30px 30px;
}
.tm-service.style-04 .post-item-wrap {
display: flex;
align-items: stretch;
width: 100%;
background-color: #fff;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.11);
height: 100%;
}
.tm-service.style-04 .post-thumbnail-wrap,
.tm-service.style-04 .post-info {
width: 50%;
}
.tm-service.style-04 .post-thumbnail-wrap {
background-size: cover;
}
.tm-service.style-04 .post-info {
padding: 35px 30px;
}
.tm-service.style-04 .post-icon {
font-size: 60px;
line-height: 1;
margin-bottom: 40px;
}
.tm-service.style-04 .service-thumb {
margin-bottom: 40px;
}
.tm-service.style-04 .post-title {
font-size: 24px;
margin-bottom: 19px;
}
.tm-service.style-04 .post-read-more {
margin-top: 33px;
}
@media (max-width: 991px) {
.tm-service.style-04 .post-item-wrap {
flex-direction: column;
}
.tm-service.style-04 .post-thumbnail-wrap {
min-height: 330px;
}
.tm-service.style-04 .post-thumbnail-wrap,
.tm-service.style-04 .post-info {
width: 100%;
}
}
.tm-service.style-05 .service-item:nth-child(3n+1) .post-item-wrap {
background-color: #222;
}
.tm-service.style-05 .service-item:nth-child(3n+1) .post-title {
color: #fff;
}
.tm-service.style-05 .service-item:nth-child(3n+1) .post-title a {
color: #fff;
}
.tm-service.style-05 .service-item:nth-child(2n) .post-thumbnail-wrap {
order: 2;
}
.tm-service.style-05 .service-item:nth-child(3n) .post-item-wrap {
background-color: #f5f6fa;
}
.tm-service.style-05 .service-item:nth-child(3n) .post-title {
color: #222;
}
.tm-service.style-05 .service-item:nth-child(3n) .post-title a {
color: #222;
}
.tm-service.style-05 .post-item-wrap {
width: 100%;
background-color: #fff;
height: 100%;
}
.tm-service.style-05 .post-thumbnail-wrap {
background-size: cover;
min-height: 400px;
}
.tm-service.style-05 .post-info-wrap {
position: relative;
padding: 100px 30px 160px;
}
.tm-service.style-05 .post-info {
max-width: 530px;
margin: 0 auto;
}
.tm-service.style-05 .post-icon {
font-size: 80px;
line-height: 1;
margin-right: 40px;
}
.tm-service.style-05 .service-thumb {
margin-bottom: 40px;
}
.tm-service.style-05 .post-title {
display: flex;
align-items: center;
font-size: 40px;
font-weight: 700;
margin-bottom: 40px;
line-height: 1.3;
}
.tm-service.style-05 .post-title span {
font-weight: 300;
display: block;
}
.tm-service.style-05 .post-read-more {
margin-top: 0;
position: absolute;
left: 0;
bottom: 0;
background-color: #ffc246;
color: #222;
width: 100%;
height: 60px;
line-height: 60px;
padding: 0 20px;
z-index: 2;
}
.tm-service.style-05 .post-read-more .btn-text {
position: relative;
z-index: 3;
}
.tm-service.style-05 .post-read-more:before {
content: '\f10b';
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 22px;
font-family: Ionicons;
font-size: 18px;
font-weight: 500;
z-index: 3;
}
.tm-service.style-05 .post-read-more:after {
width: 0;
height: 100%;
content: '';
background-color: #222;
display: inline-block;
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tm-service.style-05 .post-read-more:hover {
color: #fff;
}
.tm-service.style-05 .post-read-more:hover:after {
width: 100%;
left: 0;
right: auto;
}
@media (min-width: 992px) {
.tm-service.style-05 .post-item-wrap {
display: flex;
align-items: stretch;
width: 100%;
background-color: #fff;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.11);
height: 100%;
}
.tm-service.style-05 .post-thumbnail-wrap,
.tm-service.style-05 .post-info-wrap {
width: 50%;
}
}
@media (min-width: 1200px) {
.tm-service.style-05 .post-info-wrap {
padding: 100px 30px;
}
.tm-service.style-05 .post-read-more {
left: auto;
right: 0;
width: 60px;
height: 100%;
padding: 0;
}
.tm-service.style-05 .post-read-more:before {
content: '\f35d';
top: auto;
bottom: 20px;
transform: none;
}
.tm-service.style-05 .post-read-more:after {
width: 100%;
height: 0;
bottom: 0;
top: auto;
left: auto;
right: auto;
}
.tm-service.style-05 .post-read-more .btn-text {
display: inline-block;
transform: rotate(90deg);
transform-origin: left bottom;
white-space: nowrap;
position: relative;
z-index: 3;
}
.tm-service.style-05 .post-read-more:hover {
color: #fff;
}
.tm-service.style-05 .post-read-more:hover:after {
height: 100%;
top: 0;
bottom: auto;
}
}
.tm-service.style-carousel.style-01 .post-item-wrap {
padding-bottom: 0;
}
.tm-service.style-carousel_03 .tm-swiper.has-pagination {
margin-bottom: 70px;
}
.tm-service.style-carousel_03 .tm-swiper .swiper-pagination {
bottom: -70px;
}
.tm-service.style-carousel_05 {
padding-top: 40px;
padding-bottom: 40px;
}
.tm-service.style-carousel_05 .swiper-container {
padding: 0;
}
.tm-service.style-carousel_05 .service-item .post-info {
background-color: #11202D;
margin-top: 0;
margin-bottom: 40px;
}
.tm-service.style-carousel_05 .service-item:nth-child(2n+1) .post-thumbnail-wrap {
order: 2;
}
.tm-service.style-carousel_05 .service-item:nth-child(2n+1) .post-info {
background-color: #ffc246;
margin-top: 40px;
margin-bottom: 0;
}
.tm-service.style-carousel_05 .post-item-wrap {
display: flex;
flex-direction: column;
width: 100%;
}
.tm-service.style-carousel_05 .post-thumbnail-wrap {
background-size: cover;
height: 355px;
}
.tm-service.style-carousel_05 .post-info {
height: 355px;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.tm-service.style-carousel_05 .post-icon {
color: #fff;
line-height: 1;
font-size: 70px;
}
.tm-service.style-carousel_05 .post-title {
font-size: 24px;
font-weight: 700;
position: relative;
}
.tm-service.style-carousel_05 .post-title a {
display: block;
color: #fff;
position: relative;
}
.tm-service.style-carousel_05 .post-title a:after {
content: '\f30f';
font-family: Ionicons;
font-size: 24px;
font-weight: 400;
position: absolute;
right: 0px;
bottom: 0px;
color: #fff;
}
.tm-service.style-carousel_05 .post-read-more {
margin-top: 33px;
}
@media (max-width: 991px) {
.tm-service.style-carousel_05 {
padding-top: 0;
padding-bottom: 0;
}
.tm-service.style-carousel_05 .service-item .post-info {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
.tm-service.style-carousel_06 {
padding-top: 0;
padding-bottom: 0;
}
.tm-service.style-carousel_06 .tm-swiper {
margin: 0;
}
.tm-service.style-carousel_06 .swiper-container {
padding: 0;
}
.tm-service.style-carousel_06 .service-item:nth-child(2n+1) .post-thumbnail-wrap {
order: 1;
}
.tm-service.style-carousel_06 .service-item:nth-child(3n+1) .post-info {
background-color: #11202D;
}
.tm-service.style-carousel_06 .service-item:nth-child(3n+2) .post-info {
background-color: #2B8C10;
}
.tm-service.style-carousel_06 .service-item:nth-child(3n+3) .post-info {
background-color: #ffc246;
}
.tm-service.style-carousel_06 .post-item-wrap {
display: flex;
flex-direction: column;
width: 100%;
}
.tm-service.style-carousel_06 .post-thumbnail-wrap {
height: 600px;
background-size: cover;
background-position: center;
order: 3;
}
.tm-service.style-carousel_06 .post-info {
height: 600px;
padding: 50px 40px;
display: flex;
flex-direction: column;
position: relative;
order: 2;
}
@media (min-width: 768px) {
.tm-service.style-carousel_06 .post-info {
padding: 80px;
}
}
.tm-service.style-carousel_06 .post-info .post-icon {
color: #fff;
line-height: 1;
font-size: 70px;
margin-bottom: 40px;
}
.tm-service.style-carousel_06 .post-info .post-title {
font-size: 40px;
line-height: 54px;
display: block;
position: relative;
padding-bottom: 40px;
margin-bottom: 40px;
}
.tm-service.style-carousel_06 .post-info .post-title a {
color: #fff;
font-weight: 700;
}
.tm-service.style-carousel_06 .post-info .post-title a span {
font-weight: 300;
display: block;
}
.tm-service.style-carousel_06 .post-info .post-title:after {
content: '';
display: block;
width: 70px;
height: 5px;
background-color: #fff;
position: absolute;
left: 0;
bottom: 0;
}
.tm-service.style-carousel_06 .post-info .post-excerpt {
color: #fff;
opacity: .7;
}
.tm-service.style-carousel_06 .post-info .post-more {
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
text-align: right;
color: #fff;
position: absolute;
right: 40px;
bottom: 40px;
}
@media (min-width: 768px) {
.tm-service.style-carousel_06 .post-info .post-more {
right: 80px;
bottom: 80px;
}
}
.tm-service.style-carousel_06 .post-info .post-more a {
color: #fff;
position: relative;
}
.tm-service.style-carousel_06 .post-info .post-more a:after {
content: '\f30f';
display: inline-block;
font-family: Ionicons;
color: #fff;
margin-left: 10px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tm-service.style-carousel_06 .post-info .post-more a:hover:after {
transform: translateX(5px);
}
@media (max-width: 991px) {
.tm-service.style-carousel_06 .post-thumbnail-wrap {
height: 480px;
}
.tm-service.style-carousel_06 .post-info {
height: 480px;
padding: 30px;
}
}
.tm-service.style-carousel_07 > .tm-service-pagination {
padding-left: 100px;
padding-right: 100px;
z-index: 8;
}
.tm-service.style-carousel_07 > .tm-service-pagination > .swiper-container > .swiper-wrapper .swiper-slide {
z-index: 7;
}
.tm-service.style-carousel_07 > .tm-service-pagination > .swiper-container > .swiper-wrapper .swiper-slide .post-info {
width: 100%;
padding: 30px;
display: flex;
align-items: center;
position: relative;
cursor: pointer;
background-color: #fff;
}
.tm-service.style-carousel_07 > .tm-service-pagination > .swiper-container > .swiper-wrapper .swiper-slide .post-info .post-icon {
font-size: 50px;
margin-right: 20px;
}
.tm-service.style-carousel_07 > .tm-service-pagination > .swiper-container > .swiper-wrapper .swiper-slide .post-info .post-title {
font-size: 20px;
font-weight: 700;
}
.tm-service.style-carousel_07 > .tm-service-pagination > .swiper-container > .swiper-wrapper .swiper-slide .post-info:before {
content: '';
width: 100%;
height: 20px;
background-color: inherit;
display: block;
position: absolute;
left: 0;
bottom: -20px;
opacity: 0;
}
.tm-service.style-carousel_07 > .tm-service-pagination > .swiper-container > .swiper-wrapper .swiper-slide .post-info:after {
content: '';
display: block;
width: 0px;
height: 0px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #ffc246;
position: absolute;
left: 50%;
bottom: -30px;
opacity: 0;
}
.tm-service.style-carousel_07 > .tm-service-pagination > .swiper-container > .swiper-wrapper .swiper-slide.swiper-slide-active .post-info {
background-color: #ffc246;
color: #222;
}
.tm-service.style-carousel_07 > .tm-service-pagination > .swiper-container > .swiper-wrapper .swiper-slide.swiper-slide-active .post-info:before, .tm-service.style-carousel_07 > .tm-service-pagination > .swiper-container > .swiper-wrapper .swiper-slide.swiper-slide-active .post-info:after {
opacity: 1;
}
.tm-service.style-carousel_07 > .tm-service-pagination > .swiper-container > .swiper-wrapper .swiper-slide-visible {
z-index: 6;
box-shadow: -10px 0 20px rgba(0, 0, 0, 0.05);
}
.tm-service.style-carousel_07 > .swiper-container {
z-index: 7;
}
.tm-service.style-carousel_07 > .swiper-container .service-item {
height: 730px;
background-size: cover;
background-position: center;
position: relative;
}
.tm-service.style-carousel_07 > .swiper-container .service-item .container {
position: relative;
height: 100%;
}
.tm-service.style-carousel_07 > .swiper-container .service-item .service-item-inner {
width: 470px;
background-color: #fff;
padding: 60px 40px;
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
}
.tm-service.style-carousel_07 > .swiper-container .service-item .service-item-inner .service-title {
font-size: 40px;
font-weight: 700;
line-height: 54px;
color: #222;
padding-bottom: 30px;
margin-bottom: 30px;
position: relative;
}
.tm-service.style-carousel_07 > .swiper-container .service-item .service-item-inner .service-title:after {
content: '';
display: block;
width: 50px;
height: 4px;
background-color: #ffc246;
position: absolute;
left: 0;
bottom: 0;
}
.tm-service.style-carousel_07 > .swiper-container .service-item .service-item-inner .service-excerpt {
font-size: 18px;
line-height: 28px;
margin-bottom: 40px;
}
.tm-service.style-carousel_07 > .swiper-container .service-item .service-item-inner .service-more a {
display: inline-block;
height: 50px;
line-height: 50px;
padding: 0 30px;
color: #fff;
background-color: #222;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}
.tm-service.style-carousel_07 > .swiper-container .service-item .service-item-inner .service-more a:hover {
background-color: #ffc246;
}
@media (max-width: 991px) {
.tm-service.style-carousel_07 > .tm-service-pagination {
padding-left: 0;
padding-right: 0;
}
.tm-service.style-carousel_07 > .tm-service-pagination .swiper-nav-button {
display: none;
}
.tm-service.style-carousel_07 > .swiper-container .service-item .service-item-inner {
width: calc(100% - 60px);
box-sizing: border-box;
}
}
.tm-service-feature h1, .tm-service-feature h2, .tm-service-feature h3, .tm-service-feature h4, .tm-service-feature h5, .tm-service-feature h6 {
margin-bottom: 0;
}
.tm-service-feature.style-01 {
text-align: center;
width: 100%;
}
.tm-service-feature.style-01 .modern-grid {
grid-template-columns: repeat(2, 1fr);
grid-gap: 1px;
border-radius: 5px;
overflow: hidden;
width: 100%;
background: #dddddd;
}
.tm-service-feature.style-01 .grid-item.current .icon, .tm-service-feature.style-01 .grid-item:hover .icon {
color: #ffffff;
}
.tm-service-feature.style-01 .grid-item.current .post-title, .tm-service-feature.style-01 .grid-item:hover .post-title {
color: #ffffff;
}
.tm-service-feature.style-01 .post-item-wrap {
background: #ffffff;
height: 100%;
padding: 20px 10px;
}
.tm-service-feature.style-01 .icon {
font-size: 42px;
margin-bottom: 5px;
}
.tm-service-feature.style-01 .post-title {
word-break: break-word;
font-size: 15px;
line-height: 1.266;
}
.tm-service-pricing-menu .service-item-wrap {
position: relative;
padding: 14px 60px 0 24px;
}
.tm-service-pricing-menu .service-header {
display: flex;
align-items: flex-end;
}
.tm-service-pricing-menu .service-header:before {
content: '\f400';
font-family: Ionicons;
position: absolute;
font-size: 10px;
top: 15px;
left: 0;
color: #d8d8d8;
}
.tm-service-pricing-menu .service-name {
font-size: 15px;
}
.tm-service-pricing-menu .service-text {
margin-top: 19px;
}
.tm-service-pricing-menu .service-text p:last-child {
margin-bottom: 0;
}
.tm-service-pricing-menu .service-separator {
margin-left: 0 8px 4px 14px;
flex-grow: 1;
height: 1px;
background: #eeeeee;
}
.tm-service-pricing-menu .service-cost {
position: absolute;
top: 0;
right: 0;
font-size: 15px;
font-weight: 800;
min-width: 41px;
height: 51px;
line-height: 51px;
padding: 0 5px;
text-align: center;
border-radius: 50%;
border: 1px solid #eeeeee;
}
.tm-page-feature h1, .tm-page-feature h2, .tm-page-feature h3, .tm-page-feature h4, .tm-page-feature h5, .tm-page-feature h6 {
margin-bottom: 0;
}
.tm-page-feature.style-01 {
text-align: center;
width: 100%;
}
.tm-page-feature.style-01 .modern-grid {
grid-template-columns: repeat(2, 1fr);
grid-gap: 1px;
overflow: hidden;
width: 100%;
background: #ddd;
}
.tm-page-feature.style-01 .post-item-wrap {
background: #fff;
height: 100%;
padding: 20px 10px;
}
.tm-page-feature.style-01 .icon {
font-size: 42px;
margin-bottom: 5px;
color: #222;
}
.tm-page-feature.style-01 .post-title {
word-break: break-word;
font-size: 15px;
line-height: 1.266;
}
.tm-info-boxes.style-metro .grid-item-wrap {
display: flex;
align-items: stretch;
}
.tm-info-boxes.style-metro .grid-item-wrap:before {
content: '';
display: block;
padding-top: 100%;
}
.tm-info-boxes.style-metro .grid-width-2 .grid-item-wrap:before {
padding-top: 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-inner {
display: table;
width: 100%;
height: 100%;
}
.tm-info-boxes.style-metro .box-info {
display: table-cell;
vertical-align: middle;
}
.tm-info-boxes.style-metro .box-content {
padding: 40px;
width: 100%;
}
.tm-info-boxes.style-metro .icon {
line-height: 0;
font-size: 70px;
margin-bottom: 40px;
}
.tm-info-boxes.style-metro .box-title {
margin-bottom: 20px;
font-size: 24px;
line-height: 1.2;
}
.tm-info-boxes.style-metro .tm-button {
margin-top: 27px;
padding-right: 18px;
}
.tm-info-boxes.style-metro .tm-button:hover {
padding-right: 23px;
}
.tm-info-boxes.style-metro .tm-button .button-icon {
right: 0;
margin-top: 1px;
font-size: 15px;
}
@media (min-width: 1600px) {
.tm-info-boxes.style-metro .icon {
margin-bottom: 70px;
}
.tm-info-boxes.style-metro .box-content {
padding: 50px 55px;
}
.tm-info-boxes.style-metro .tm-button {
margin-top: 47px;
}
}
@media (max-width: 767px) {
.tm-info-boxes.style-metro .grid-width-2 {
grid-column: span 1;
}
.tm-info-boxes.style-metro .grid-width-2 .grid-item-wrap:before {
padding-top: 100%;
}
}
@media (max-width: 480px) {
.engineering-button-link p a{padding:17px 2px;font-size:10px;}
}
.tm-button-wrapper {
font-size: 0;
}
.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-border-icon {
padding: 0 24px;
height: 50px;
line-height: 50px;
border-width: 0;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
overflow: hidden;
z-index: 1;
color: #ffffff;
}
.tm-button.style-border-icon:after {
content: '';
width: 0;
height: 100%;
top: 0;
position: absolute;
left: auto;
right: 0;
z-index: -1;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
.tm-button.style-border-icon:hover:after {
width: 100%;
left: 0;
right: auto;
}
.tm-button.style-border-icon.has-icon-right {
padding-right: 70px;
}
.tm-button.style-border-icon.has-icon-right .button-icon {
right: 5px;
}
.tm-button.style-border-icon.has-icon-left {
padding-left: 70px;
}
.tm-button.style-border-icon.has-icon-left .button-icon {
left: 5px;
border-right-width: 1px;
}
.tm-button.style-border-icon .button-icon {
transition: border-color .3s;
position: absolute;
top: 5px;
background-color: #fff;
color: #222;
text-align: center;
height: 40px;
width: 40px;
display: block;
font-size: 16px;
font-weight: 500;
border: 0;
border-style: solid;
border-color: rgba(238, 238, 238, 0.3);
}
.tm-button.style-border-icon .button-icon i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.tm-button.style-border-icon.tm-button-white {
color: #454545;
background: #ffffff;
border-color: #ffffff;
}
.tm-button.style-border-icon.tm-button-white .button-icon {
color: #454545;
}
.tm-button.style-border-icon.tm-button-white:hover {
background: transparent;
}
.tm-button.style-border-icon.tm-button-white:hover .button-icon {
color: #ffffff;
}
.tm-button.style-border-icon.tm-button-lg {
padding: 0 30px;
height: 68px;
font-size: 18px;
line-height: 64px;
}
.tm-button.style-border-icon.tm-button-sm {
padding: 0 22px;
height: 50px;
font-size: 15px;
line-height: 46px;
}
.tm-button.style-border-icon.tm-button-xs {
padding: 0 18px;
height: 40px;
border-width: 2px;
font-size: 12px;
line-height: 36px;
}
.tm-button.style-modern {
padding: 0 24px;
height: 50px;
line-height: 50px;
border-width: 0;
border-color: transparent;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #ffffff;
overflow: hidden;
transition: all .3s, border-width 0s;
z-index: 1;
}
.tm-button.style-modern:after {
content: '';
width: 0;
height: 100%;
top: 0;
position: absolute;
left: auto;
right: 0;
z-index: -1;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
.tm-button.style-modern:hover:after {
width: 100%;
left: 0;
right: auto;
}
.tm-button.style-modern.has-icon-right .button-icon {
margin-left: 10px;
}
.tm-button.style-modern.has-icon-left .button-icon {
margin-right: 10px;
}
.tm-button.style-modern .button-icon {
display: inline-block;
transform: translateY(2px);
line-height: 0;
font-size: 16px;
}
.tm-button.style-modern.tm-button-white {
color: #454545;
background: #ffffff;
border-color: #ffffff;
}
.tm-button.style-modern.tm-button-white .button-icon {
color: #454545;
}
.tm-button.style-modern.tm-button-white:hover {
background: transparent;
}
.tm-button.style-modern.tm-button-white:hover .button-icon {
color: #ffffff;
}
.tm-button.style-modern.tm-button-lg {
padding: 0 30px;
height: 60px;
line-height: 60px;
font-size: 14px;
}
.tm-button.style-modern.tm-button-sm {
padding: 0 20px;
height: 40px;
line-height: 40px;
font-size: 12px;
}
.tm-button.style-modern.tm-button-xs {
padding: 0 15px;
height: 35px;
line-height: 35px;
font-size: 11px;
}
.tm-button.style-flat {
padding: 0 24px;
height: 50px;
line-height: 46px;
border-width: 2px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.tm-button.style-flat.has-icon-right .button-icon {
margin-left: 10px;
}
.tm-button.style-flat.has-icon-left .button-icon {
margin-right: 10px;
}
.tm-button.style-flat .button-icon {
display: inline-block;
transform: translateY(2px);
line-height: 0;
font-size: 16px;
}
.tm-button.style-flat.tm-button-primary {
color: #ffffff;
}
.tm-button.style-flat.tm-button-primary:hover{
color: #222;
}
.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: #ffffff;
}
.tm-button.style-flat.tm-button-lg {
padding: 0 30px;
height: 60px;
font-size: 14px;
line-height: 56px;
}
.tm-button.style-flat.tm-button-sm {
padding: 0 20px;
height: 40px;
font-size: 12px;
line-height: 36px;
}
.tm-button.style-flat.tm-button-xs {
padding: 0 15px;
height: 35px;
border-width: 2px;
font-size: 11px;
line-height: 31px;
}
.tm-button.style-outline {
padding: 0 24px;
height: 50px;
border-width: 2px;
font-weight: 700;
font-size: 13px;
line-height: 46px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.tm-button.style-outline.has-icon-right .button-icon {
margin-left: 10px;
}
.tm-button.style-outline.has-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: #ffffff;
}
.tm-button.style-outline.tm-button-white {
color: #ffffff;
border-color: #ffffff;
}
.tm-button.style-outline.tm-button-white .button-icon {
color: #ffffff;
}
.tm-button.style-outline.tm-button-white:hover {
color: #454545;
background: #ffffff;
}
.tm-button.style-outline.tm-button-white:hover .button-icon {
color: #454545;
}
.tm-button.style-outline.tm-button-grey {
color: #222;
border-color: #ddd;
}
.tm-button.style-outline.tm-button-grey .button-icon {
color: #222;
}
.tm-button.style-outline.tm-button-grey:hover {
color: #222;
background: red;
}
.tm-button.style-outline.tm-button-grey:hover .button-icon {
color: #222;
}
.tm-button.style-outline.tm-button-lg {
padding: 0 30px;
height: 60px;
font-size: 14px;
line-height: 56px;
}
.tm-button.style-outline.tm-button-sm {
padding: 0 20px;
height: 40px;
line-height: 36px;
font-size: 12px;
}
.tm-button.style-outline.tm-button-xs {
padding: 0 15px;
height: 35px;
font-size: 11px;
line-height: 31px;
}
.tm-button.style-border-text {
padding: 0;
border: 0;
background-color: transparent;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.tm-button.style-border-text .button-text {
position: relative;
display: inline-block;
padding: 0 0 8px;
}
.tm-button.style-border-text .button-text:before, .tm-button.style-border-text .button-text:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: #eee;
}
.tm-button.style-border-text .button-text:after {
width: 0;
left: auto;
right: 0;
background: red;
}
.tm-button.style-border-text:hover .button-text:after {
width: 100%;
left: 0;
right: auto;
}
.tm-button.style-border-text.has-icon-right .button-text {
padding-right: 20px !important;
}
.tm-button.style-border-text.has-icon-right .button-icon {
left: auto;
right: 1px;
}
.tm-button.style-border-text.has-icon-left .button-text {
padding-left: 20px !important;
}
.tm-button.style-border-text.has-icon-left .button-icon {
left: 1px;
right: auto;
}
.tm-button.style-border-text .button-icon {
font-size: 14px;
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: 20px;
line-height: 0;
color: #bbbbbb;
margin-top: -4px;
}
.tm-button.style-border-text .button-icon:before {
line-height: 0;
}
.tm-button.style-border-text.tm-button-lg {
font-size: 14px;
}
.tm-button.style-border-text.tm-button-sm {
font-size: 12px;
}
.tm-button.style-border-text.tm-button-xs {
font-size: 11px;
}
.tm-button.style-text {
padding: 0;
border: 0;
background-color: transparent;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.tm-button.style-text .button-text {
display: inline-block;
}
.tm-button.style-text.has-icon-right {
padding-right: 20px !important;
}
.tm-button.style-text.has-icon-right .button-icon {
left: auto;
right: 1px;
}
.tm-button.style-text.has-icon-left {
padding-left: 20px !important;
}
.tm-button.style-text.has-icon-left .button-icon {
left: 1px;
right: auto;
}
.tm-button.style-text .button-icon {
font-size: 15px;
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: 20px;
line-height: 0;
color: #bbbbbb;
}
.tm-button.style-text .button-icon:before {
line-height: 0;
}
.tm-button.style-text.tm-button-lg {
font-size: 14px;
}
.tm-button.style-text.tm-button-sm {
font-size: 12px;
}
.tm-button.style-text.tm-button-xs {
font-size: 11px;
}
.tm-button.style-image-text {
font-size: 20px;
font-weight: 600;
border: 0;
height: 60px;
line-height: 60px;
}
.tm-button.style-image-text > div {
display: flex;
align-items: center;
}
.tm-button.style-image-text img {
flex-shrink: 0;
margin-right: 10px;
}
.tm-button.style-image-text.tm-button-lg {
height: 68px;
line-height: 68px;
}
.tm-button.style-image-text.tm-button-sm {
height: 50px;
line-height: 50px;
}
.tm-button.style-image-text.tm-button-xs {
height: 40px;
line-height: 40px;
}
.tm-button.tm-button-icon-move.has-icon-left:hover .button-icon {
margin-left: -20px;
}
.tm-button.tm-button-icon-move.has-icon-right:hover .button-icon {
margin-left: 20px;
}
.tm-button.tm-button-move-up:hover {
transform: translateY(-10px);
}
.tm-button.glint-effect {
position: relative;
overflow: hidden;
}
.tm-button.glint-effect:before {
content: '';
background-color: rgba(255, 255, 255, 0.5);
height: 100%;
width: 3.5em;
display: block;
position: absolute;
top: 0;
left: -50%;
transform: skewX(-45deg);
transition: none;
}
.tm-button.glint-effect:hover:before {
left: 150%;
transition: all .5s ease-in-out;
}
.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 {
margin-right: 10px;
}
.rev_slider .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-group.style-01 > div {
border-top: 1px solid #ecebeb;
padding-top: 50px;
}
.tm-list-group.style-01 > div + div {
margin-top: 50px;
}
.tm-list {
display: grid;
grid-row-gap: 15px;
grid-column-gap: 30px;
}
.tm-list h1, .tm-list h2, .tm-list h3, .tm-list h4, .tm-list h5, .tm-list h6 {
margin-bottom: 0;
}
.tm-list .list-item {
position: relative;
padding: 0;
}
.tm-list .title-wrap {
overflow: hidden;
}
.tm-list .link {
padding: 0;
color: currentColor;
}
.tm-list .title {
font-size: 15px;
line-height: inherit;
}
.tm-list .sub-title {
font-weight: 400;
font-style: italic;
font-size: 15px;
}
.tm-list .desc {
margin-top: 13px;
margin-bottom: 26px;
}
.tm-list .marker {
display: inline-block;
float: left;
}
.tm-list.style-check .list-item {
padding-left: 32px;
}
.tm-list.style-check .marker:before {
position: absolute;
top: 0;
left: 0;
display: block;
font-family: Ionicons;
content: '\f122';
font-size: 12px;
}
.tm-list.style-check .title {
font-size: 15px;
font-weight: 400;
}
.tm-list.style-check-02 {
grid-row-gap: 12px;
}
.tm-list.style-check-02 .list-item {
padding-left: 32px;
}
.tm-list.style-check-02 .marker:before {
position: absolute;
top: 5px;
left: 0;
display: block;
font-family: Ionicons;
content: '\f122';
font-size: 12px;
line-height: 1;
}
.tm-list.style-check-02 .title {
font-size: 15px;
line-height: inherit;
color: inherit;
font-weight: 400;
}
.tm-list.style-icon .title {
font-size: 18px;
line-height: 1.55;
}
.tm-list.style-icon .marker {
min-width: calc(1em + 18px);
font-size: 20px;
}
.tm-list.style-icon-02 {
grid-row-gap: 15px;
}
.tm-list.style-icon-02 .title {
font-size: 15px;
font-weight: 400;
line-height: 1.66;
color: inherit;
}
.tm-list.style-icon-02 .marker {
min-width: 30px;
font-size: 18px;
}
.tm-list.style-circle .list-item, .tm-list.style-circle-02 .list-item {
padding-left: 20px;
}
.tm-list.style-circle .marker:before, .tm-list.style-circle-02 .marker:before {
position: absolute;
top: 4px;
left: 0;
display: block;
font-family: Ionicons;
content: '\f400';
font-size: 10px;
}
.tm-list.style-circle-02 .title {
font-weight: 600;
color: inherit;
}
.tm-list.style-circle-03, .tm-list.style-circle-04 {
grid-row-gap: 15px;
}
.tm-list.style-circle-03 .list-item, .tm-list.style-circle-04 .list-item {
padding-left: 20px;
}
.tm-list.style-circle-03 .title, .tm-list.style-circle-04 .title {
font-size: 15px;
font-weight: 400;
}
.tm-list.style-circle-03 .marker, .tm-list.style-circle-04 .marker {
color: #b6b6b6;
}
.tm-list.style-circle-03 .marker:before, .tm-list.style-circle-04 .marker:before {
position: absolute;
top: 6px;
left: 0;
display: block;
font-family: Ionicons;
content: '\f400';
font-size: 8px;
}
.tm-list.style-circle-04 .title {
color: inherit;
}
.tm-list.style-circle-05 {
grid-row-gap: 15px;
}
.tm-list.style-circle-05 .list-item {
padding-left: 20px;
}
.tm-list.style-circle-05 .title {
font-size: 16px;
font-weight: 700;
color: #222;
}
.tm-list.style-circle-05 .title a {
color: inherit;
}
.tm-list.style-circle-05 .title a:hover {
text-decoration: underline;
}
.tm-list.style-circle-05 .marker {
color: #b6b6b6;
}
.tm-list.style-circle-05 .marker:before {
position: absolute;
top: 6px;
left: 0;
display: block;
font-family: Ionicons;
content: '\f400';
font-size: 8px;
}
.tm-list.style-modern-icon {
grid-row-gap: 0;
}
.tm-list.style-modern-icon .list-item {
padding: 43px 38px;
background-color: #f7f7f7;
}
.tm-list.style-modern-icon .list-item + .list-item {
border-top: 1px solid #e7e7e7;
}
.tm-list.style-modern-icon .marker {
width: 55px;
height: 55px;
line-height: 55px;
border-radius: 50%;
text-align: center;
margin-right: 16px;
font-size: 50px;
}
.tm-list.style-modern-icon .title {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.tm-list.style-modern-icon .desc {
margin-top: 15px;
margin-bottom: 0;
}
.tm-list.style-modern-icon-02 {
grid-row-gap: 30px;
}
.tm-list.style-modern-icon-02 .marker {
width: 70px;
height: 70px;
line-height: 70px;
border-radius: 50%;
text-align: center;
margin-right: 29px;
font-size: 30px;
color: #ffffff;
}
.tm-list.style-modern-icon-02 .title {
font-size: 20px;
line-height: 1.2;
border-bottom: 1px solid #eeeeee;
padding-bottom: 16px;
}
.tm-list.style-modern-icon-02 .desc {
margin-top: 17px;
margin-bottom: 0;
}
.tm-list.style-modern-icon-03 {
grid-row-gap: 30px;
}
.tm-list.style-modern-icon-03 .marker {
margin-right: 15px;
font-size: 28px;
line-height: 1;
}
.tm-list.style-modern-icon-03 .title {
font-size: 14px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
line-height: 1.2;
}
.tm-list.style-modern-icon-03 .desc {
margin-top: 12px;
margin-bottom: 0;
}
.tm-list.style-modern-icon-04 {
grid-row-gap: 30px;
}
.tm-list.style-modern-icon-04 .marker {
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
margin-right: 29px;
font-size: 30px;
color: #ffc246;
border: 1px solid #ddd;
background-color: #fff;
}
.tm-list.style-modern-icon-04 .title {
font-size: 20px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 17px;
}
.tm-list.style-modern-icon-04 .desc {
margin-top: 17px;
margin-bottom: 0;
}
.tm-list.style-auto-numbered, .tm-list.style-manual-numbered {
grid-row-gap: 30px;
}
.tm-list.style-auto-numbered .marker, .tm-list.style-manual-numbered .marker {
font-size: 20px;
font-weight: 700;
line-height: 1.2;
margin-right: 10px;
}
.tm-list.style-auto-numbered .title, .tm-list.style-manual-numbered .title {
font-size: 20px;
line-height: 1.2;
}
.tm-list.style-auto-numbered .desc, .tm-list.style-manual-numbered .desc {
margin-top: 21px;
margin-bottom: 0;
}
@media (min-width: 544px) {
.tm-list.style-modern-icon-02 {
grid-row-gap: 60px;
}
.tm-list.style-auto-numbered, .tm-list.style-manual-numbered {
grid-row-gap: 57px;
}
}
.tm-gradation {
margin: 0 -15px;
display: flex;
position: relative;
}
.tm-gradation h1, .tm-gradation h2, .tm-gradation h3, .tm-gradation h4, .tm-gradation h5, .tm-gradation h6 {
margin-bottom: 0;
}
.tm-gradation .count {
font-size: 40px;
font-weight: 700;
color: #dddddd;
margin-bottom: 29px;
line-height: 1.22;
}
.tm-gradation .count-wrap {
position: relative;
height: 28px;
margin-bottom: 27px;
}
.tm-gradation .dot {
width: 28px;
height: 28px;
border-radius: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.tm-gradation .dot:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 18px;
height: 18px;
border-radius: 50%;
}
.tm-gradation .dot:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 10px;
height: 10px;
border-radius: 50%;
}
.tm-gradation .line {
position: absolute;
top: 14px;
left: 0;
background: #eeeeee;
width: 150%;
height: 1px;
margin-top: -1px;
}
.tm-gradation .item {
width: calc(100% / 3);
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 .title {
font-size: 20px;
margin-bottom: 15px;
}
.tm-gradation--basic {
overflow: hidden;
}
.tm-gradation--basic .dot {
width: 28px;
height: 28px;
border-radius: 100%;
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
}
.tm-gradation--no_number {
padding-top: 28px;
}
.tm-gradation--no_number:before {
content: '';
width: calc(100% - 30px);
height: 1px;
position: absolute;
top: 14px;
left: 15px;
background-color: #eee;
}
.tm-gradation--no_number .dot {
top: -14px;
}
.tm-gradation--no_number .count-wrap {
margin-bottom: 20px;
}
.tm-gradation--no_number .content-wrap {
position: relative;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.09);
padding: 60px 25px;
text-align: center;
}
.tm-gradation--no_number .content-wrap:after {
content: "";
position: absolute;
width: 0;
height: 0;
top: 0;
left: calc(50% + 21px);
box-sizing: border-box;
border: 15px solid;
border-color: transparent transparent #fff #fff;
transform-origin: 0 0;
transform: rotate(-225deg);
-webkit-filter: drop-shadow(-3px 3px 3px rgba(0, 0, 0, 0.05));
filter: drop-shadow(-3px 3px 3px rgba(0, 0, 0, 0.05));
}
@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-icon .icon {
position: relative;
font-size: 20px;
}
.tm-icon .icon span {
font-size: inherit;
font-weight: inherit;
}
.tm-icon.style-01 {
line-height: 0;
}
.tm-icon.style-01 .icon {
font-size: 40px;
width: 100px;
height: 100px;
display: inline-block;
border-radius: 50%;
color: #ffffff;
}
.tm-icon.style-01 span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.tm-client .image {
transition: all .4s linear;
}
.tm-client .image-hover {
transition: all .4s linear;
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
}
.tm-client .inner {
position: relative;
}
.tm-client .has-image-hover:hover .image {
opacity: 0;
visibility: hidden;
}
.tm-client .has-image-hover:hover .image-hover {
opacity: 1;
visibility: visible;
}
.tm-client.style-grid .grid-inner {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #eee;
padding: 20px;
text-align: center;
min-height: 140px;
height: 100%;
width: 100%;
}
.tm-client.style-grid .grid-inner:hover {
border-color: transparent;
background: #fff;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.tm-client.style-grid img {
margin: 0 auto;
}
.tm-client.hover-main-move-up {
margin-top: -10px;
}
.tm-client.hover-main-move-up .swiper-container {
padding-top: 10px;
}
.tm-client.hover-main-move-up .image:hover {
transform: translateY(-10px);
}
.tm-client.hover-slide-up {
margin-top: -20px;
}
.tm-client.hover-slide-up .swiper-container {
padding-top: 20px;
}
.tm-client.hover-slide-up .image-hover {
transform: translateY(20px);
}
.tm-client.hover-slide-up .has-image-hover:hover .image {
visibility: hidden;
transform: translateY(-20px);
}
.tm-client.hover-slide-up .has-image-hover:hover .image-hover {
transform: none;
}
.tm-client.hover-slide-down {
margin-bottom: -20px;
}
.tm-client.hover-slide-down .swiper-container {
padding-bottom: 20px;
}
.tm-client.hover-slide-down .image-hover {
transform: translateY(-20px);
}
.tm-client.hover-slide-down .has-image-hover:hover .image {
transform: translateY(20px);
}
.tm-client.hover-slide-down .has-image-hover:hover .image-hover {
transform: none;
}
.tm-client.hover-grow-up .image-hover {
transform: scale(0.8, 0.8);
}
.tm-client.hover-grow-up .has-image-hover:hover .image-hover {
transform: none;
}
.tm-client.style-2-rows [data-swiper-row='0'] {
margin-bottom: 70px;
}
.tm-callout-box.style-01 {
padding: 57px 25px 72px;
border-radius: 5px;
background: url(//www.mathias-die.com/wp-content/themes/tractor/assets/images/icon-envelope-open-02.png) no-repeat bottom right;
}
@keyframes sonarEffect {
0% {
opacity: .3;
}
40% {
opacity: .5;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #6ca70d, 0 0 0 10px rgba(255, 255, 255, 0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #6ca70d, 0 0 0 10px rgba(255, 255, 255, 0.5);
transform: scale(1.5);
opacity: 0;
}
}
.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 {
height: 100%;
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 h1, .tm-box-icon h2, .tm-box-icon h3, .tm-box-icon h4, .tm-box-icon h5, .tm-box-icon h6 {
margin-bottom: 0;
}
.tm-box-icon.style-1:hover .image {
transform: translateY(-10px);
}
.tm-box-icon.style-1 .image {
width: 100%;
}
.tm-box-icon.style-1 .icon {
font-size: 54px;
}
.tm-box-icon.style-1 .tm-svg {
width: 54px;
}
.tm-box-icon.style-1 .icon,
.tm-box-icon.style-1 .image {
margin-bottom: 30px;
}
.tm-box-icon.style-1 .heading {
font-size: 20px;
line-height: 1.2;
margin-bottom: 19px;
}
.tm-box-icon.style-1 .text {
max-width: 350px;
}
.tm-box-icon.style-1 .tm-box-icon__btn {
position: relative;
display: inline-block;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-top: 20px;
color: #ffc246;
border-bottom: 2px solid #eee;
padding-bottom: 2px;
}
.tm-box-icon.style-1 .tm-box-icon__btn:after {
content: '';
position: absolute;
bottom: -2px;
right: 0;
width: 0;
height: 2px;
background-color: #ffc246;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tm-box-icon.style-1 .tm-box-icon__btn:hover:after {
width: 100%;
left: 0;
right: auto;
}
.tm-box-icon.style-2 .icon {
position: relative;
font-size: 70px;
width: 100px;
height: 100px;
border-radius: 50%;
margin-bottom: 53px;
}
.tm-box-icon.style-2 .icon:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 50%;
opacity: .1;
background: currentColor;
}
.tm-box-icon.style-2 .icon span {
position: absolute;
bottom: -18px;
left: 50%;
transform: translateX(-50%);
}
.tm-box-icon.style-2 svg {
width: 50px;
}
.tm-box-icon.style-2 .image {
margin-bottom: 23px;
}
.tm-box-icon.style-2 .heading {
font-size: 16px;
font-weight: 500;
}
.tm-box-icon.style-2 .text {
margin-top: 15px;
}
.tm-box-icon.style-2 .tm-box-icon__btn {
position: relative;
display: inline-block;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-top: 20px;
color: #ffc246;
border-bottom: 2px solid #eee;
padding-bottom: 2px;
}
.tm-box-icon.style-2 .tm-box-icon__btn:after {
content: '';
position: absolute;
bottom: -2px;
right: 0;
width: 0;
height: 2px;
background-color: #ffc246;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tm-box-icon.style-2 .tm-box-icon__btn:hover:after {
width: 100%;
left: 0;
right: auto;
}
.tm-box-icon.style-3:hover .image,
.tm-box-icon.style-3:hover .icon {
animation: box-image-pop .3s linear;
}
.tm-box-icon.style-3 .icon {
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid;
font-size: 30px;
font-weight: 500;
margin-bottom: 35px;
margin-right: 30px;
}
.tm-box-icon.style-3 .tm-svg {
width: 60px;
}
.tm-box-icon.style-3 .content-inner {
display: flex;
}
.tm-box-icon.style-3 .image {
width: 100px;
margin-right: 20px;
flex-shrink: 0;
}
.tm-box-icon.style-3 .content {
flex-grow: 1;
}
.tm-box-icon.style-3 .heading {
font-size: 18px;
margin-bottom: 15px;
}
.tm-box-icon.style-4:hover .icon {
animation: box-image-pop .3s linear;
}
.tm-box-icon.style-4 .icon {
display: flex;
align-items: center;
justify-content: center;
position: relative;
font-size: 30px;
font-weight: 500;
width: 70px;
height: 70px;
border: 2px solid;
}
.tm-box-icon.style-4 svg {
width: 50px;
}
.tm-box-icon.style-4 .icon,
.tm-box-icon.style-4 .image {
margin-bottom: 30px;
}
.tm-box-icon.style-4 .heading {
font-size: 20px;
}
.tm-box-icon.style-4 .text {
margin-top: 14px;
max-width: 300px;
}
.tm-box-icon.style-5:hover .content-wrap {
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.09);
}
.tm-box-icon.style-5:hover .icon-image-wrap {
transform: translate(-50%, -20px);
border-color: red;
}
.tm-box-icon.style-5 .content-wrap {
position: relative;
padding-top: 110px;
background: #fff;
}
.tm-box-icon.style-5 .content {
padding: 0 30px 40px;
}
.tm-box-icon.style-5 .icon-image-wrap {
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0);
display: flex;
justify-content: center;
align-items: center;
width: 110px;
height: 110px;
border: 5px solid transparent;
border-radius: 50%;
background-color: #fff;
margin-bottom: 28px;
}
.tm-box-icon.style-5 .image {
margin: 0 25px;
}
.tm-box-icon.style-5 .icon {
font-size: 50px;
text-align: center;
margin: 0 25px;
}
.tm-box-icon.style-5 .tm-svg {
width: 50px;
}
.tm-box-icon.style-5 .heading {
font-size: 24px;
}
.tm-box-icon.style-5 .text {
margin-top: 15px;
max-width: 300px;
}
.tm-box-icon.style-5 .tm-box-icon__btn {
width: 100%;
background-color: #ddd;
padding: 20px 17px;
margin-top: 0;
text-align: center;
color: #222;
}
.tm-box-icon.style-5 .tm-box-icon__btn:hover {
color: #222;
}
.tm-box-icon.style-6 {
width: 100%;
}
.tm-slider-group.equal-height .tm-box-icon.style-6 {
height: 100%;
}
.tm-slider-group.equal-height .tm-box-icon.style-6 .content-item-wrap {
height: 100%;
}
.tm-box-icon.style-6 .content-item-wrap {
display: flex;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.11);
background-color: #fff;
}
.tm-box-icon.style-6 .item-col {
display: flex;
align-items: center;
width: 50%;
}
.tm-box-icon.style-6 .image-wrap {
display: block;
background-color: #f7f7f7;
}
.tm-box-icon.style-6 .content {
padding: 35px 33px 50px;
}
.tm-box-icon.style-6 .icon {
font-size: 60px;
margin-bottom: 40px;
}
.tm-box-icon.style-6 .heading {
font-size: 24px;
margin-bottom: 18px;
}
.tm-box-icon.style-7 {
margin-bottom: 0;
}
.tm-box-icon.style-7:hover .content-wrap {
transform: translate(0, -10px);
}
.tm-box-icon.style-7:hover .icon-image-wrap {
transform: translate(-50%, -20px);
border-color: red;
background-color: #fff;
}
.tm-box-icon.style-7:hover .tm-box-icon__btn {
opacity: 1;
visibility: visible;
margin-top: 30px;
}
.tm-box-icon.style-7 .content-wrap {
position: relative;
padding-top: 110px;
}
.tm-box-icon.style-7 .content {
padding: 0 30px;
}
.tm-box-icon.style-7 .icon-image-wrap {
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0);
display: flex;
justify-content: center;
align-items: center;
width: 110px;
height: 110px;
border: 5px solid transparent;
border-radius: 50%;
margin-bottom: 28px;
}
.tm-box-icon.style-7 .image {
margin: 0 25px;
}
.tm-box-icon.style-7 .icon {
font-size: 50px;
text-align: center;
margin: 0 25px;
}
.tm-box-icon.style-7 .tm-svg {
width: 50px;
}
.tm-box-icon.style-7 .heading {
font-size: 24px;
}
.tm-box-icon.style-7 .text {
margin-top: 15px;
max-width: 300px;
}
.tm-box-icon.style-7 .tm-box-icon__btn {
position: relative;
text-align: center;
color: #222;
padding-bottom: 3px;
border-bottom: 2px solid #eee;
opacity: 0;
visibility: hidden;
margin-top: 30px;
}
.tm-box-icon.style-7 .tm-box-icon__btn:after {
content: '';
width: 0;
height: 2px;
background-color: red;
position: absolute;
bottom: -2px;
right: 0;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tm-box-icon.style-7 .tm-box-icon__btn:hover:after {
width: 100%;
left: 0;
right: auto;
}
.tm-box-icon.style-8 {
margin-bottom: 30px;
}
.tm-box-icon.style-8 .content-wrap {
background-color: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tm-box-icon.style-8 .content-wrap .image-wrap {
width: 100%;
}
.tm-box-icon.style-8 .content-wrap .image-wrap img {
width: 100%;
height: auto;
}
.tm-box-icon.style-8 .content-wrap .content {
padding: 30px 20px;
}
.tm-box-icon.style-8 .content-wrap .content .box-header {
font-size: 24px;
line-height: 32px;
font-weight: 700;
margin-bottom: 20px;
}
.tm-box-icon.style-8 .content-wrap a.tm-button {
position: relative;
color: #222;
height: 50px;
line-height: 50px;
padding: 0 20px;
margin: 0;
display: block;
width: 100%;
border-top: 1px solid #eee;
position: relative;
}
.tm-box-icon.style-8 .content-wrap a.tm-button:before {
content: '';
width: 0;
height: 100%;
background-color: red;
position: absolute;
top: 0;
right: 0;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tm-box-icon.style-8 .content-wrap a.tm-button .button-text {
position: relative;
z-index: 2;
}
.tm-box-icon.style-8 .content-wrap a.tm-button .button-icon {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
color: #ffc246;
z-index: 2;
}
.tm-box-icon.style-8 .content-wrap a.tm-button:hover {
color: #222;
}
.tm-box-icon.style-8 .content-wrap a.tm-button:hover .button-icon {
color: #fff;
}
.tm-box-icon.style-8 .content-wrap a.tm-button:hover:before {
width: 100%;
left: 0;
right: auto;
}
.tm-box-icon.style-8:hover .content-wrap {
transform: translateY(-20px);
}
.tm-box-icon.style-9:hover .image {
transform: translateY(-10px);
}
.tm-box-icon.style-9 .image {
width: 100%;
}
.tm-box-icon.style-9 .icon {
font-size: 54px;
}
.tm-box-icon.style-9 .tm-svg {
width: 54px;
}
.tm-box-icon.style-9 .image {
width: 100%;
margin-bottom: 30px;
}
.tm-box-icon.style-9 .icon {
margin-bottom: 30px;
padding-bottom: 30px;
width: 100%;
position: relative;
}
.tm-box-icon.style-9 .icon:before {
content: '';
width: 100%;
height: 1px;
background-color: #222;
opacity: .27;
position: absolute;
bottom: 0;
left: 0;
}
.tm-box-icon.style-9 .heading {
font-size: 20px;
line-height: 1.2;
margin-bottom: 19px;
}
.tm-box-icon.style-9 .text {
max-width: 350px;
}
.tm-box-icon.style-10 .heading-wrap {
display: flex;
align-items: flex-end;
margin-bottom: 25px;
}
.tm-box-icon.style-10 .heading-wrap:hover .icon {
color: #ffc246;
}
.tm-box-icon.style-10 .image {
width: 50px;
margin-right: 20px;
}
.tm-box-icon.style-10 .icon {
font-size: 50px;
margin-right: 20px;
color: #222;
}
.tm-box-icon.style-10 .tm-svg {
width: 50px;
margin-right: 20px;
}
.tm-box-icon.style-10 .heading {
font-size: 20px;
}
.tm-box-icon.style-11 .content-wrap {
position: relative;
background-color: #fff;
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.05);
padding: 40px 35px 30px;
}
.tm-box-icon.style-11 .content-wrap:before {
position: absolute;
bottom: 0;
right: 0;
content: '';
width: 0;
height: 5px;
background-color: #ffc246;
}
.tm-box-icon.style-11 .content-wrap:hover:before {
width: 100%;
left: 0;
right: auto;
}
.tm-box-icon.style-11 .image {
width: 80px;
margin-bottom: 30px;
}
.tm-box-icon.style-11 .icon {
font-size: 80px;
margin-bottom: 30px;
color: #ffc246;
}
.tm-box-icon.style-11 .tm-svg {
width: 80px;
margin-bottom: 30px;
}
.tm-box-icon.style-11 .heading {
font-size: 20px;
}
.tm-box-icon.style-11 .text {
margin-top: 10px;
}
.tm-box-icon.style-11 .tm-box-icon__btn {
margin-top: 20px;
}
.tm-box-icon.text-18 .text {
font-size: 18px;
}
.tm-box-icon .tm-box-icon__btn {
margin-top: 34px;
text-align: left;
}
.tm-box-icon .tm-box-icon__btn .button-icon {
font-size: 16px;
position: relative;
top: 1px;
left: auto;
right: auto;
transform: none;
margin-left: 3px;
}
@-webkit-keyframes box-image-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes box-image-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
.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 h1, .tm-accordion h2, .tm-accordion h3, .tm-accordion h4, .tm-accordion h5, .tm-accordion h6 {
margin-bottom: 0;
}
.tm-accordion .accordion-title-wrapper {
cursor: pointer;
}
.tm-accordion .accordion-content {
display: none;
}
.tm-accordion.style-1 {
border: 1px solid #ddd;
overflow: hidden;
}
.tm-accordion.style-1 .accordion-section + .accordion-section {
border-top: 1px solid #ddd;
}
.tm-accordion.style-1 .accordion-title {
position: relative;
font-size: 18px;
line-height: 1.2;
padding: 20px 35px;
}
.tm-accordion.style-1 .accordion-title:before {
content: '';
width: 3px;
height: 0;
background-color: red;
position: absolute;
top: 0;
left: 0;
}
.tm-accordion.style-1 .accordion-icon {
position: absolute;
top: 50%;
right: 35px;
transform: translateY(-50%);
font-weight: 500;
}
.tm-accordion.style-1 .accordion-icon:before {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
font-size: 12px;
content: '\f218';
font-family: 'Ionicons';
}
.tm-accordion.style-1 .active .accordion-icon:before {
content: '\f209';
}
.tm-accordion.style-1 .accordion-title-wrapper:hover .accordion-title,
.tm-accordion.style-1 .active .accordion-title {
background: #f7f7f7;
}
.tm-accordion.style-1 .accordion-title-wrapper:hover .accordion-title:before,
.tm-accordion.style-1 .active .accordion-title:before {
height: 100%;
}
.tm-accordion.style-1 .accordion-content {
padding: 26px 35px 43px;
}
.tm-accordion.style-2 .accordion-section + .accordion-section {
margin-top: 10px;
}
.tm-accordion.style-2 .accordion-title {
position: relative;
font-size: 20px;
line-height: 1.2;
padding: 5px 0;
display: inline-block;
border-bottom: 3px solid transparent;
opacity: .5;
}
.tm-accordion.style-2 .accordion-title:after {
content: '';
width: 0;
height: 2px;
bottom: -3px;
position: absolute;
left: auto;
right: 0;
z-index: -1;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
.tm-accordion.style-2 .accordion-title-wrapper:hover .accordion-title:after {
width: 100%;
left: 0;
right: auto;
}
.tm-accordion.style-2 .accordion-title-wrapper:hover .accordion-title,
.tm-accordion.style-2 .active .accordion-title {
opacity: 1;
}
.tm-accordion.style-2 .accordion-title-wrapper:hover .accordion-title:after,
.tm-accordion.style-2 .active .accordion-title:after {
width: 100%;
}
.tm-accordion.style-2 .accordion-content {
padding: 30px 0 30px;
}
.tm-accordion.style-3 {
background: #ffffff;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
overflow: hidden;
}
.tm-accordion.style-3 .accordion-section + .accordion-section {
border-top: 1px solid #ddd;
}
.tm-accordion.style-3 .accordion-title {
position: relative;
font-size: 18px;
line-height: 1.2;
padding: 20px 35px;
}
.tm-accordion.style-3 .accordion-title:hover {
color: #ffffff;
}
.tm-accordion.style-3 .accordion-icon {
position: absolute;
top: 50%;
right: 35px;
transform: translateY(-50%);
font-weight: 500;
}
.tm-accordion.style-3 .accordion-icon:before {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
font-size: 12px;
content: '\f218';
font-family: 'Ionicons';
}
.tm-accordion.style-3 .active .accordion-icon:before {
content: '\f209';
}
.tm-accordion.style-3 .accordion-title-wrapper:hover .accordion-title,
.tm-accordion.style-3 .active .accordion-title {
color: #ffffff;
}
.tm-accordion.style-3 .accordion-content {
padding: 26px 35px 43px;
}
.typed-cursor {
opacity: 1;
animation: blink .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 h1, .tm-heading h2, .tm-heading h3, .tm-heading h4, .tm-heading h5, .tm-heading h6 {
margin-bottom: 0;
}
.tm-heading.center .heading {
margin-left: auto;
margin-right: auto;
}
.tm-heading a {
font-size: inherit;
color: inherit;
position: relative;
}
.tm-heading a:before, .tm-heading a:after {
transition: all .3s, background-color 0s;
content: '';
height: 1px;
width: 0;
background-color: currentColor;
position: absolute;
bottom: -3px;
}
.tm-heading a:before {
right: 50%;
}
.tm-heading a:after {
left: 50%;
}
.tm-heading a:hover {
color: inherit;
}
.tm-heading a:hover:before, .tm-heading a:hover:after {
width: 50%;
}
.tm-heading .icon {
display: inline-block;
vertical-align: bottom;
margin-right: 9px;
}
.tm-heading.common .heading {
font-size: 30px;
}
.tm-heading.gradient .heading {
font-weight: 600;
display: inline-block;
background: linear-gradient(-90deg, #ffbe56 5%, #ff823e 95%);
color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.tm-heading.gradient .heading * {
background: inherit;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.tm-heading.gradient .heading sup {
font-size: .5em;
vertical-align: super;
font-weight: 700;
}
.tm-heading.multiweight strong {
font-weight: 700;
}
.tm-heading.big-gradient .heading {
font-weight: 600;
display: inline-block;
background: linear-gradient(-90deg, #ffbe56 5%, #ff823e 95%);
color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-size: 110px;
line-height: 1;
}
.tm-heading.big-gradient .heading * {
background: inherit;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.tm-heading.big-gradient .heading sup {
font-size: .5em;
vertical-align: super;
font-weight: 700;
}
.tm-heading.with-separator {
margin-bottom: 16px;
}
.tm-heading.with-separator .heading {
display: inline-block;
font-size: 36px;
}
.tm-heading.with-separator .heading:after {
content: '';
display: block;
margin-top: 10px;
width: 100%;
height: 1px;
background: #eee;
opacity: 0.17;
}
.tm-heading.with-separator-02 {
margin-bottom: 20px;
}
.tm-heading.with-separator-02 .heading {
display: inline-block;
font-size: 42px;
}
.tm-heading.with-separator-02 .heading:after {
content: '';
display: block;
margin-top: 10px;
width: 100%;
height: 1px;
background: #ddd;
}
.tm-heading.with-separator-03 {
margin-bottom: 24px;
}
.tm-heading.with-separator-03 .heading {
display: inline-block;
position: relative;
overflow: hidden;
padding-bottom: 10px;
}
.tm-heading.with-separator-03 .heading:before, .tm-heading.with-separator-03 .heading:after {
content: '';
display: block;
width: 100%;
height: 2px;
background-color: #ffc246;
position: absolute;
bottom: 0;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tm-heading.with-separator-03 .heading:before {
left: 0;
}
.tm-heading.with-separator-03 .heading:after {
right: calc(100% + 20px);
}
.tm-heading.with-separator-03 .heading:hover:before {
left: calc(100% + 20px);
}
.tm-heading.with-separator-03 .heading:hover:after {
right: 0;
}
.tm-heading.with-separator-04 {
padding-bottom: 30px;
position: relative;
}
.tm-heading.with-separator-04 .heading {
display: inline-block;
}
.tm-heading.with-separator-04:before {
content: '';
display: block;
width: 50px;
height: 3px;
background-color: #ffc246;
position: absolute;
left: 0;
bottom: 0;
}
.tm-heading.with-separator-04:after {
position: absolute;
left: 0;
bottom: 0;
content: '';
display: block;
width: 150px;
height: 1px;
background: #ddd;
}
.tm-heading.with-separator-04.left-30px .heading {
transform: translateX(-30px);
}
.tm-heading.with-separator-04.left-100px .heading {
transform: translateX(-100px);
}
.tm-heading.with-separator-04.center:before, .tm-heading.with-separator-04.center:after {
left: 50%;
transform: translateX(-50%);
}
@media (max-width: 991px) {
.tm-heading.with-separator-04 .heading {
transform: translateX(0) !important;
}
}
.tm-heading.with-separator-05 {
padding-bottom: 30px;
position: relative;
}
.tm-heading.with-separator-05 .heading {
display: inline-block;
}
.tm-heading.with-separator-05:before {
content: '';
display: block;
width: 50px;
height: 4px;
background-color: #ffc246;
position: absolute;
left: 0;
bottom: 0;
}
.tm-heading.with-separator-05.left-30px .heading {
transform: translateX(-30px);
}
.tm-heading.with-separator-05.left-100px .heading {
transform: translateX(-100px);
}
.tm-heading.with-separator-05.center:before, .tm-heading.with-separator-05.center:after {
left: 50%;
transform: translateX(-50%);
}
@media (max-width: 991px) {
.tm-heading.with-separator-05 .heading {
transform: translateX(0) !important;
}
}
.tm-heading.highlight-big-number mark {
font-size: 120px;
line-height: 1;
margin-right: 5px;
float: left;
}
.tm-heading.highlight-big-number mark sup {
font-size: .5em;
vertical-align: super;
}
.tm-heading.above-medium-separator .heading {
font-size: 20px;
font-weight: 700;
line-height: 1.4;
}
.tm-heading.above-medium-separator .separator:before {
content: '';
display: block;
}
.tm-heading.above-medium-separator .separator:after {
content: '';
display: inline-block;
height: 5px;
width: 30px;
border-radius: 5px;
margin-bottom: 18px;
}
.tm-heading.medium-separator {
margin-bottom: 30px;
}
.tm-heading.medium-separator .heading {
font-size: 36px;
font-weight: 500;
line-height: 1.38;
}
.tm-heading.medium-separator .separator:before {
content: '';
display: block;
}
.tm-heading.medium-separator .separator:after {
content: '';
display: inline-block;
height: 5px;
width: 30px;
border-radius: 5px;
margin-top: 27px;
}
.tm-heading.thick-separator {
margin-bottom: 24px;
}
.tm-heading.thick-separator .heading {
font-size: 42px;
}
.tm-heading.thick-separator .separator:before {
content: '';
display: block;
}
.tm-heading.thick-separator .separator:after {
content: '';
display: inline-block;
height: 8px;
width: 50px;
border-radius: 5px;
margin-top: 27px;
}
.tm-heading.above-thick-separator .heading {
font-size: 36px;
text-transform: uppercase;
line-height: 1.333;
font-weight: 900;
}
.tm-heading.above-thick-separator .separator:before {
content: '';
display: block;
}
.tm-heading.above-thick-separator .separator:after {
content: '';
display: inline-block;
height: 5px;
width: 50px;
margin-bottom: 20px;
opacity: .2;
background: currentColor;
}
.tm-heading.beside-thick-separator {
position: relative;
}
.tm-heading.beside-thick-separator .heading {
font-size: 36px;
text-transform: uppercase;
line-height: 1.333;
font-weight: 900;
}
.tm-heading.beside-thick-separator:before {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 54%;
width: 5px;
opacity: .2;
}
.tm-heading.beside-thick-separator.left {
padding-right: 20px;
}
.tm-heading.beside-thick-separator.left:before {
right: 0;
}
.tm-heading.beside-thick-separator.right {
padding-left: 20px;
}
.tm-heading.beside-thick-separator.right:before {
left: 0;
}
.tm-heading.modern .heading {
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
line-height: 1.26;
color: #bbb;
}
.tm-heading.modern-02 .heading {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1.26;
color: #acacac;
}
.tm-heading.modern-03 .heading {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1.26;
}
.tm-heading.modern-with-separator {
margin-bottom: 22px;
}
.tm-heading.modern-with-separator .heading {
display: inline-block;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
line-height: 1.26;
}
.tm-heading.modern-with-separator .heading:after {
content: '';
display: block;
margin-top: 16px;
width: 100%;
height: 1px;
background: #d8d8d8;
}
.tm-heading.modern-with-separator-02 {
margin-bottom: 29px;
}
.tm-heading.modern-with-separator-02 .heading {
display: inline-block;
font-weight: 700;
line-height: 1.26;
}
.tm-heading.modern-with-separator-02 .heading:after {
content: '';
display: block;
margin-top: 2px;
width: 100%;
height: 3px;
}
.typed-text mark {
background: none;
}
@media (max-width: 1199px) {
.tm-heading.big-gradient .heading {
font-size: 100px;
}
.tm-heading.with-separator-02 .heading {
font-size: 36px;
}
.tm-heading.above-thick-separator .heading {
font-size: 30px;
}
.tm-heading.above-thick-separator .separator:after {
margin-bottom: 15px;
}
.tm-heading.beside-thick-separator .heading {
font-size: 30px;
}
}
@media (max-width: 991px) {
.tm-heading.common .heading {
font-size: 24px;
}
.tm-heading.thick-separator .heading {
font-size: 30px;
}
.tm-heading.with-separator-02 .heading {
font-size: 30px;
}
.tm-heading.big-gradient .heading {
font-size: 90px;
}
.tm-heading.above-thick-separator .heading {
font-size: 24px;
}
.tm-heading.above-thick-separator .separator:after {
margin-bottom: 10px;
}
.tm-heading.beside-thick-separator .heading {
font-size: 24px;
}
}
@media (max-width: 767px) {
.tm-heading.big-gradient .heading {
font-size: 80px;
}
.tm-heading.with-separator .heading {
font-size: 24px;
}
.tm-heading.with-separator .heading:after {
margin-top: 8px;
}
}
.tm-testimonial { }
.tm-testimonial h1, .tm-testimonial h2, .tm-testimonial h3, .tm-testimonial h4, .tm-testimonial h5, .tm-testimonial h6 {
margin-bottom: 0;
}
.tm-testimonial .swiper-pagination {
bottom: -60px;
}
.tm-testimonial .post-thumbnail img {
border-radius: 50%;
}
.tm-testimonial .testimonial-rating {
font-size: 20px;
color: #f8c823;
}
.tm-testimonial .testimonial-desc p:last-child {
margin-bottom: 0;
}
.tm-testimonial .testimonial-by-line {
font-size: 15px;
font-weight: 400;
font-style: italic;
color: #888;
}
.tm-testimonial.style-1 .swiper-container {
padding-top: 10px;
}
.tm-testimonial.style-1 .testimonial-item {
width: 100%;
}
.tm-testimonial.style-1 .testimonial-item:hover {
transform: translateY(-10px);
}
.tm-testimonial.style-1 .testimonial-content {
position: relative;
width: 100%;
background-color: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
padding: 30px 25px 30px;
}
.tm-testimonial.style-1 .testimonial-content:before {
position: absolute;
top: calc(100% - 3px);
left: 0;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 35px 35px 0 0;
border-color: #fff transparent transparent transparent;
filter: drop-shadow(0px 6px 5px rgba(0, 0, 0, 0.05));
}
.tm-testimonial.style-1 .testimonial-info {
padding-top: 40px;
display: flex;
align-items: center;
}
.tm-testimonial.style-1 .post-thumbnail {
flex-shrink: 0;
}
.tm-testimonial.style-1 .testimonial-main-info {
flex-grow: 1;
margin-left: 20px;
}
.tm-testimonial.style-1 .testimonial-name {
font-size: 18px;
margin-bottom: 2px;
}
.tm-testimonial.style-1 .testimonial-rating {
margin-top: 25px;
}
.tm-testimonial.style-2 {
margin-left: -15px;
margin-right: -15px;
}
.tm-testimonial.style-2 .swiper-slide {
padding: 15px;
}
.tm-testimonial.style-2 .testimonial-item {
position: relative;
}
.tm-testimonial.style-2 .testimonial-info {
display: flex;
align-items: center;
}
.tm-testimonial.style-2 .post-thumbnail {
flex-shrink: 0;
}
.tm-testimonial.style-2 .testimonial-main-info {
flex-grow: 1;
margin-left: 20px;
}
.tm-testimonial.style-2 .testimonial-name {
font-size: 18px;
margin-bottom: 4px;
}
.tm-testimonial.style-2 .testimonial-desc {
font-size: 34px;
font-weight: 400;
line-height: 45px;
margin-bottom: 27px;
}
@media (max-width: 767px) {
.tm-testimonial.style-2 .testimonial-desc {
font-size: 24px;
line-height: 38px;
}
}
.tm-testimonial.style-2 .testimonial-rating {
margin-bottom: 25px;
}
.tm-testimonial.style-3 .testimonial-item {
position: relative;
}
.tm-testimonial.style-3 .post-thumbnail {
margin-bottom: 30px;
}
.tm-testimonial.style-3 .post-thumbnail img {
border-radius: 0;
width: 100%;
}
.tm-testimonial.style-3 .testimonial-info {
position: relative;
flex-grow: 1;
}
.tm-testimonial.style-3 .quote-icon {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 54px;
height: 54px;
line-height: 58px;
text-align: center;
}
.tm-testimonial.style-3 .testimonial-name {
font-size: 20px;
margin-bottom: 15px;
}
.tm-testimonial.style-3 .testimonial-by-line:before {
content: ' - ';
}
.tm-testimonial.style-3 .testimonial-rating {
margin-top: 10px;
}
@media (min-width: 544px) {
.tm-testimonial.style-3 .testimonial-item {
display: flex;
}
.tm-testimonial.style-3 .post-thumbnail {
width: 250px;
height: 190px;
flex-shrink: 0;
margin-right: 30px;
margin-bottom: 0;
}
}
.tm-testimonial.style-4 .testimonial-item {
width: 800px;
max-width: 100%;
margin: 0 auto;
text-align: center;
}
.tm-testimonial.style-4 .testimonial-rating {
margin-bottom: 20px;
}
.tm-testimonial.style-4 .testimonial-name {
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
}
.tm-testimonial.style-4 .testimonial-desc {
font-size: 30px;
margin-bottom: 17px;
}
.tm-testimonial.style-4 .testimonial-by-line {
font-size: 15px;
color: #999;
}
.tm-testimonial.style-4 .testimonial-by-line:before {
content: ' / ';
}
.tm-testimonial.style-5 .swiper-container {
padding-top: 20px;
}
.tm-testimonial.style-5 .testimonial-item {
background: #fff;
overflow: hidden;
padding: 35px 37px 43px;
}
.tm-testimonial.style-5 .testimonial-item:hover {
transform: translateY(-20px);
}
.tm-testimonial.style-5 .post-thumbnail {
width: 80px;
height: 80px;
margin-bottom: 48px;
}
.tm-testimonial.style-5 .post-thumbnail img {
border-radius: 50%;
}
.tm-testimonial.style-5 .testimonial-info {
position: relative;
flex-grow: 1;
}
.tm-testimonial.style-5 .testimonial-desc {
margin-bottom: 35px;
}
.tm-testimonial.style-5 .testimonial-name {
font-size: 18px;
margin-bottom: 4px;
}
.tm-testimonial.style-5 .testimonial-rating {
margin: 0 0 18px;
}
.tm-testimonial.style-6 {
margin-top: -10px;
}
.tm-testimonial.style-6 .swiper-container {
padding-top: 10px;
}
.tm-testimonial.style-6 .testimonial-item {
width: 100%;
}
.tm-testimonial.style-6 .testimonial-item:hover {
transform: translateY(-10px);
}
.tm-testimonial.style-6 .testimonial-content {
position: relative;
width: 100%;
background-color: #f7f7f7;
padding: 33px 30px 42px;
}
.tm-testimonial.style-6 .testimonial-content:before {
position: absolute;
top: 100%;
left: 43px;
content: '';
width: 0;
height: 0;
border: 12px solid transparent;
border-color: transparent transparent #f7f7f7 #f7f7f7;
transform-origin: 0 0;
transform: rotate(-45deg);
}
.tm-testimonial.style-6 .testimonial-rating {
margin-bottom: 14px;
}
.tm-testimonial.style-6 .testimonial-info {
padding: 40px 0 0 30px;
display: flex;
align-items: center;
}
.tm-testimonial.style-6 .post-thumbnail {
flex-shrink: 0;
}
.tm-testimonial.style-6 .testimonial-main-info {
flex-grow: 1;
margin-left: 20px;
}
.tm-testimonial.style-6 .testimonial-name {
font-size: 15px;
margin-bottom: 2px;
}
.tm-testimonial.style-7 {
margin-left: 0;
margin-right: 0;
}
.tm-testimonial.style-7 .swiper-container {
padding: 0;
}
.tm-testimonial.style-7 .swiper-slide {
opacity: .3;
}
.tm-testimonial.style-7 .swiper-slide .testimonial-rating, .tm-testimonial.style-7 .swiper-slide .testimonial-info {
opacity: 0;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tm-testimonial.style-7 .swiper-slide.swiper-slide-active {
opacity: 1;
}
.tm-testimonial.style-7 .swiper-slide.swiper-slide-active .testimonial-rating, .tm-testimonial.style-7 .swiper-slide.swiper-slide-active .testimonial-info {
opacity: 1;
}
@media (max-width: 991px) {
.tm-testimonial.style-7 .swiper-slide {
width: 100% !important;
}
}
.tm-testimonial.style-7 .testimonial-item {
position: relative;
}
.tm-testimonial.style-7 .testimonial-info {
display: flex;
align-items: center;
}
.tm-testimonial.style-7 .post-thumbnail {
flex-shrink: 0;
}
.tm-testimonial.style-7 .testimonial-main-info {
flex-grow: 1;
margin-left: 20px;
}
.tm-testimonial.style-7 .testimonial-main-info .testimonial-by-line {
font-style: normal;
}
.tm-testimonial.style-7 .testimonial-name {
font-size: 18px;
margin-bottom: 4px;
}
.tm-testimonial.style-7 .testimonial-desc {
font-size: 34px;
font-weight: 400;
line-height: 45px;
margin-bottom: 27px;
}
@media (max-width: 767px) {
.tm-testimonial.style-7 .testimonial-desc {
font-size: 24px;
line-height: 38px;
}
}
.tm-testimonial.style-7 .testimonial-rating {
margin-bottom: 25px;
}
.tm-testimonial.style-8 {
margin-left: 0;
margin-right: 0;
text-align: left;
position: relative;
}
.tm-testimonial.style-8 .testi-quote {
width: 116px;
height: 87px;
display: block;
position: absolute;
top: -87px;
right: 0;
}
.tm-testimonial.style-8 .testi-quote svg g {
fill: #ffc246;
}
.tm-testimonial.style-8 .swiper-container {
padding: 0;
}
.tm-testimonial.style-8 .testimonial-item {
position: relative;
}
.tm-testimonial.style-8 .post-thumbnail {
margin-bottom: 60px;
}
.tm-testimonial.style-8 .testimonial-main-info .testimonial-name {
font-size: 20px;
font-weight: 700;
color: #222;
margin-bottom: 4px;
}
.tm-testimonial.style-8 .testimonial-main-info .testimonial-by-line {
display: block;
font-size: 16px;
font-style: italic;
}
.tm-testimonial.style-8 .testimonial-desc {
font-size: 26px;
font-weight: 700;
line-height: 40px;
margin-bottom: 30px;
color: #222;
}
@media (max-width: 767px) {
.tm-testimonial.style-8 .testimonial-desc {
font-size: 24px;
line-height: 38px;
}
}
.tm-testimonial.style-8 .testimonial-desc .s1:before, .tm-testimonial.style-8 .testimonial-desc .s1:after {
content: '"';
}
.tm-testimonial.style-8 .testimonial-rating {
margin-bottom: 40px;
}
.tm-testimonial.style-8.pagination-style-8 {
margin-bottom: 0;
}
.tm-testimonial.style-8.pagination-style-8 .swiper-pagination {
bottom: 0;
text-align: right;
font-size: 18px;
font-weight: 700;
color: #888;
letter-spacing: 2px;
}
.tm-testimonial.style-8.pagination-style-8 .swiper-pagination .swiper-pagination-current {
color: #ffc246;
}
.tm-testimonial.style-9 .testimonial-title {
font-size: 40px;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
margin: 0 20px 60px;
}
.tm-testimonial.style-9 .testimonial-title:before {
content: '\f3f9';
font-family: Ionicons;
font-size: 48px;
line-height: 48px;
margin-right: 10px;
color: #888;
}
.tm-testimonial.style-9 .testimonial-item {
position: relative;
padding: 40px 30px;
background-color: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}
.tm-testimonial.style-9 .testimonial-item:before {
position: absolute;
top: calc(100% - 3px);
left: 0;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 35px 35px 0 0;
border-color: #fff transparent transparent transparent;
filter: drop-shadow(0px 6px 5px rgba(0, 0, 0, 0.05));
}
.tm-testimonial.style-9 .testimonial-item {
display: flex;
}
.tm-testimonial.style-9 .post-thumbnail {
flex-shrink: 0;
margin-right: 30px;
}
.tm-testimonial.style-9 .post-thumbnail img {
width: 90px;
height: 90px;
border-radius: 50%;
}
.tm-testimonial.style-9 .testimonial-info {
position: relative;
flex-grow: 1;
}
.tm-testimonial.style-9 .quote-icon {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 54px;
height: 54px;
line-height: 58px;
text-align: center;
}
.tm-testimonial.style-9 .testimonial-name {
font-size: 20px;
margin-bottom: 15px;
}
.tm-testimonial.style-9 .testimonial-by-line:before {
content: ' - ';
}
.tm-testimonial.style-9 .testimonial-rating {
margin-bottom: 10px;
}
.tm-testimonial-pagination {
width: 360px;
height: 85px;
margin: 0 auto 55px;
text-align: center;
}
.tm-testimonial-pagination img {
transition: all .6s ease 0s;
width: 85px;
}
.tm-testimonial-pagination .swiper-slide:not(.swiper-slide-active) {
cursor: pointer;
}
.tm-testimonial-pagination .swiper-slide:not(.swiper-slide-active) img {
opacity: .4;
}
.tm-testimonial-pagination .swiper-slide:not(.swiper-slide-active) img:hover {
opacity: 1;
}
@media (min-width: 1600px) {
.tm-testimonial.style-1 .testimonial-content {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}
}
.tm-testimonial-list h1, .tm-testimonial-list h2, .tm-testimonial-list h3, .tm-testimonial-list h4, .tm-testimonial-list h5, .tm-testimonial-list h6 {
margin-bottom: 0;
}
.tm-testimonial-list .testimonial-item {
position: relative;
padding-top: 10px;
margin-bottom: 40px;
}
.tm-testimonial-list .post-thumbnail {
margin-bottom: 30px;
}
.tm-testimonial-list .post-thumbnail img {
border-radius: 0;
width: 100%;
}
.tm-testimonial-list .testimonial-info {
position: relative;
flex-grow: 1;
}
.tm-testimonial-list .quote-icon {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 54px;
height: 54px;
line-height: 58px;
text-align: center;
}
.tm-testimonial-list .testimonial-name {
font-size: 20px;
margin-bottom: 15px;
}
.tm-testimonial-list .testimonial-by-line {
font-size: 15px;
font-style: italic;
font-weight: 400;
}
.tm-testimonial-list .testimonial-by-line:before {
content: ' - ';
}
.tm-testimonial-list .testimonial-rating {
font-size: 20px;
color: #f8c823;
margin-top: 10px;
}
@media (min-width: 544px) {
.tm-testimonial-list .testimonial-item {
display: flex;
}
.tm-testimonial-list .post-thumbnail {
width: 250px;
height: 190px;
flex-shrink: 0;
margin-right: 30px;
margin-bottom: 0;
}
}
.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.style-4 .image img {
width: 100%;
}
.tm-slider.style-5 {
margin: 0;
position: relative;
}
.tm-slider.style-5 .swiper-container {
z-index: 8;
padding: 0;
}
.tm-slider.style-5 .swiper-container .swiper-slide .row {
align-items: center;
}
.tm-slider.style-5 .swiper-container .swiper-slide .row .image-wrap img {
width: 100%;
height: auto;
}
.tm-slider.style-5 .swiper-container .swiper-slide .row .info-wrap .sub-title {
font-size: 14px;
font-weight: 700;
color: #888;
letter-spacing: 1px;
}
.tm-slider.style-5 .swiper-container .swiper-slide .row .info-wrap .heading {
font-size: 40px;
line-height: 54px;
position: relative;
padding-bottom: 30px;
margin-bottom: 30px;
}
.tm-slider.style-5 .swiper-container .swiper-slide .row .info-wrap .heading:before {
content: '';
display: block;
width: 50px;
height: 4px;
background-color: #ffc246;
position: absolute;
left: 0;
bottom: 0;
}
.tm-slider.style-5 .swiper-container .swiper-slide .row .info-wrap .text {
font-size: 18px;
line-height: 28px;
font-weight: 400;
margin-bottom: 40px;
}
.tm-slider.style-5 .swiper-container .swiper-slide .row .info-wrap .more a {
display: inline-block;
height: 50px;
line-height: 50px;
padding: 0 30px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
background-color: #222;
letter-spacing: 1px;
}
.tm-slider.style-5 .swiper-container .swiper-slide .row .info-wrap .more a:hover {
background-color: #ffc246;
}
.tm-slider.style-5 .swiper-pagination {
display: inline-block;
width: auto;
left: 50%;
padding-left: 15px;
bottom: 30px;
z-index: 7;
}
@media (max-width: 991px) {
.tm-slider.style-5 .swiper-container .swiper-slide .row .image-wrap {
margin-bottom: 30px;
}
.tm-slider.style-5 .swiper-pagination {
display: none;
}
}
.tm-slider-button {
line-height: 1;
}
.tm-slider-button .slider-btn {
outline: none !important;
cursor: pointer;
}
.tm-slider-button.style-01 .button-wrap {
display: inline-block;
border: 1px solid #eee;
border-radius: 5px;
overflow: hidden;
}
.tm-slider-button.style-01 .slider-btn {
border: 1px solid #eee;
width: 58px;
height: 58px;
line-height: 56px;
float: left;
text-align: center;
font-size: 20px;
color: #222;
}
.tm-slider-button.style-01 .slider-btn:hover {
background: #eee;
}
.tm-slider-button.style-02 .button-wrap {
display: inline-block;
}
.tm-slider-button.style-02 .slider-btn {
border: 2px solid #ddd;
border-radius: 5px;
width: 60px;
height: 60px;
line-height: 56px;
float: left;
text-align: center;
font-size: 20px;
color: #222;
}
.tm-slider-button.style-02 .slider-btn:hover {
color: #fff;
border-color: transparent;
}
.tm-slider-button.style-02 .slider-prev-btn {
margin-right: 10px;
}
.tm-slider-button.style-03 .button-wrap {
display: inline-block;
}
.tm-slider-button.style-03 .slider-btn {
border: 2px solid #ddd;
border-radius: 50%;
width: 50px;
height: 50px;
line-height: 46px;
float: left;
text-align: center;
font-size: 18px;
color: #222;
}
.tm-slider-button.style-03 .slider-btn:hover {
color: #fff;
border-color: #ffc246;
background-color: #ffc246;
}
.tm-slider-button.style-03 .slider-prev-btn {
margin-right: 10px;
}
.tm-slider-button.style-04 .button-wrap {
display: inline-block;
margin: 0 -20px;
}
.tm-slider-button.style-04 .slider-btn {
float: left;
text-align: center;
font-size: 16px;
font-weight: 500;
padding: 10px 20px;
}
.tm-slider-button.style-04 .slider-btn + .slider-btn {
position: relative;
}
.tm-slider-button.style-04 .slider-btn + .slider-btn:before {
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
content: '';
width: 1px;
height: 20px;
background-color: #ddd;
display: inline-block;
}
.pricing-wrap {
display: flex;
align-items: flex-start;
}
.pricing-wrap .tm-pricing {
flex: 1 1 auto;
margin-right: 30px;
}
.pricing-wrap .tm-pricing:last-child {
margin-right: 0;
}
.tm-pricing-rating {
position: absolute;
top: 20px;
right: 20px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.tm-pricing {
z-index: 2;
}
.tm-pricing h1, .tm-pricing h2, .tm-pricing h3, .tm-pricing h4, .tm-pricing h5, .tm-pricing h6 {
margin-bottom: 0;
}
.tm-pricing .tm-pricing-list {
margin: 0;
padding: 0;
}
.tm-pricing .tm-pricing-list li {
list-style-type: none;
}
.tm-pricing .tm-pricing-button {
min-width: 170px;
max-width: 100%;
}
.tm-pricing .period {
font-size: 13px;
font-weight: 400;
color: inherit;
margin-top: 5px;
}
.tm-pricing .period:before {
content: '/';
}
.tm-pricing.style-1 {
margin-bottom: 30px;
margin-top: 52px;
}
.tm-pricing.style-1.tm-pricing-featured .inner {
border: 2px solid red;
}
.tm-pricing.style-1 .inner {
position: relative;
margin: 0 auto;
border: 1px solid #ddd;
background-color: #fff;
padding: 72px 30px 40px;
}
.tm-pricing.style-1 .tm-pricing-header {
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
.tm-pricing.style-1 .price-wrap {
position: absolute;
top: -52px;
left: 30px;
border-radius: 50%;
margin-bottom: 24px;
width: 104px;
height: 104px;
display: flex;
align-items: center;
justify-content: center;
}
.tm-pricing.style-1 .price-wrap-inner {
text-align: center;
}
.tm-pricing.style-1 .currency {
font-size: 15px;
color: inherit;
font-weight: 700;
vertical-align: top;
}
.tm-pricing.style-1 .price {
font-size: 34px;
font-weight: 700;
color: inherit;
line-height: .7;
margin-left: 4px;
margin-right: 4px;
}
.tm-pricing.style-1 .title {
font-size: 26px;
margin-bottom: 5px;
}
.tm-pricing.style-1 .description {
font-size: 13px;
}
.tm-pricing.style-1 .tm-pricing-content {
padding-top: 25px;
}
.tm-pricing.style-1 .tm-pricing-list {
font-weight: 400;
}
.tm-pricing.style-1 .tm-pricing-list li {
position: relative;
display: block;
padding: 8px 0;
}
.tm-pricing.style-1 .tm-pricing-list li i {
font-size: 14px;
margin-right: 10px;
}
.tm-pricing.style-1 .tm-pricing-footer {
padding-top: 30px;
}
.tm-pricing.style-2 {
margin-bottom: 30px;
}
.tm-pricing.style-2:hover .inner {
transform: translateY(-10px);
}
.tm-pricing.style-2 .inner {
position: relative;
margin: 0 auto;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
background-color: #fff;
padding-bottom: 60px;
}
.tm-pricing.style-2 .inner:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 3px solid transparent;
pointer-events: none;
}
.tm-pricing.style-2 .tm-pricing-header {
text-align: center;
background: #eee;
padding: 60px 30px 31px;
}
.tm-pricing.style-2 .price-wrap-inner {
display: flex;
align-items: flex-start;
justify-content: center;
margin-bottom: 25px;
}
.tm-pricing.style-2 .currency {
font-size: 24px;
color: inherit;
vertical-align: top;
}
.tm-pricing.style-2 .price {
font-size: 80px;
font-weight: 700;
color: inherit;
line-height: .7;
margin-left: 4px;
margin-right: 4px;
}
.tm-pricing.style-2 .period {
font-size: 15px;
font-weight: 700;
}
.tm-pricing.style-2 .title {
font-size: 20px;
margin-bottom: 14px;
}
.tm-pricing.style-2 .description {
font-size: 13px;
}
.tm-pricing.style-2 .tm-pricing-content {
padding: 46px 30px 0;
}
.tm-pricing.style-2 .tm-pricing-list {
font-weight: 400;
color: #222;
}
.tm-pricing.style-2 .tm-pricing-list li {
position: relative;
display: block;
}
.tm-pricing.style-2 .tm-pricing-list li i {
font-size: 13px;
margin-right: 10px;
}
.tm-pricing.style-2 .tm-pricing-list li + li {
margin-top: 16px;
}
.tm-pricing.style-2 .tm-pricing-footer {
padding: 46px 30px 0;
}
.tm-pricing.style-2:not(.tm-pricing-featured) .tm-pricing-button {
color: #999;
background-color: #eee;
border-color: #eee;
}
.tm-pricing.style-2:not(.tm-pricing-featured) .tm-pricing-button:hover {
background-color: transparent;
}
@media (max-width: 991px) {
.pricing-wrap {
flex-wrap: wrap;
}
.pricing-wrap .tm-pricing {
width: 100%;
max-width: 100%;
margin-right: 0;
}
}
.tm-countdown {
text-align: center;
max-width: 770px;
margin: 0 auto;
}
.tm-countdown h1, .tm-countdown h2, .tm-countdown h3, .tm-countdown h4, .tm-countdown h5, .tm-countdown h6 {
margin-bottom: 0;
}
.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 h1, .tm-counter h2, .tm-counter h3, .tm-counter h4, .tm-counter h5, .tm-counter h6 {
margin-bottom: 0;
}
.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-counter.style-01 .icon {
font-size: 60px;
line-height: 1;
margin-bottom: 20px;
}
.tm-counter.style-01 .number-wrap {
display: flex;
margin-bottom: 20px;
font-size: 60px;
line-height: 1;
font-weight: 500;
}
.tm-counter.style-01 .number-suffix {
font-size: 54px;
line-height: 1;
margin-left: 10px;
}
.tm-counter.style-01 .text {
font-size: 20px;
line-height: 1.5;
margin-bottom: 15px;
}
.tm-counter.style-02 .icon {
font-size: 60px;
line-height: 1;
margin-bottom: 20px;
}
.tm-counter.style-02 .number-wrap {
display: flex;
margin-bottom: 20px;
font-size: 80px;
font-weight: 700;
line-height: 1;
}
.tm-counter.style-02 .number-prefix {
font-weight: 500;
}
.tm-counter.style-02 .number-suffix {
font-size: 26px;
font-weight: 700;
line-height: 1;
}
.tm-counter.style-02 .text {
font-size: 18px;
line-height: 1.5;
margin-bottom: 15px;
}
.tm-counter.style-03 .icon {
font-size: 44px;
line-height: 1;
margin-bottom: 20px;
}
.tm-counter.style-03 .number-wrap {
display: flex;
margin-bottom: 20px;
font-size: 44px;
line-height: 1;
font-weight: 500;
}
.tm-counter.style-03 .number-suffix {
font-size: 24px;
line-height: 1;
}
.tm-counter.style-03 .text {
font-size: 16px;
font-weight: 500;
line-height: 1.5;
margin-bottom: 15px;
}
.tm-team-member {
position: relative;
}
.tm-team-member h1, .tm-team-member h2, .tm-team-member h3, .tm-team-member h4, .tm-team-member h5, .tm-team-member h6 {
margin-bottom: 0;
}
.tm-team-member .photo {
margin-bottom: 30px;
}
.tm-team-member .has-border-left {
border-left: 3px solid red;
padding-left: 18px;
padding-top: 2px;
}
.tm-team-member .name {
font-size: 20px;
margin-bottom: 3px;
}
.tm-team-member .position {
font-size: 15px;
font-weight: 400;
}
.tm-team-member .description {
margin-top: 20px;
}
.tm-team-member .social-footer {
margin-top: 20px;
}
.tm-team-member .social-networks {
margin: 0 -10px;
}
.tm-team-member .social-networks a {
display: inline-block;
padding: 5px 10px;
font-size: 16px;
line-height: 1;
color: #b6b6b6;
}
.tm-team-member.effect-grayscale .photo img {
filter: grayscale(100%);
}
.tm-team-member.effect-grayscale:hover .photo img {
filter: none;
}
.tm-team-member.style-1 {
margin-bottom: 30px;
}
.tm-team-member.style-1 .photo img {
width: 100%;
}
.tm-team-member.style-1 .social-networks {
margin: 0 -10px;
}
.tm-team-member.style-1 .social-networks a {
font-size: 18px;
}
.tm-team-member.style-2 {
margin-bottom: 30px;
}
.tm-team-member.style-2 .photo img {
width: 100%;
}
.tm-team-member.style-3 {
padding-bottom: 107px;
margin-bottom: 30px;
overflow: hidden;
background: #fff;
}
.tm-team-member.style-3:hover {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09);
}
.tm-team-member.style-3:hover .info {
transform: translateY(0);
}
.tm-team-member.style-3:hover .social-footer {
opacity: 1;
visibility: visible;
}
.tm-team-member.style-3 .photo {
margin-bottom: 0;
}
.tm-team-member.style-3 .photo img {
width: 100%;
}
.tm-team-member.style-3 .info {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 27px 0;
background: #fff;
transform: translateY(46px);
}
.tm-team-member.style-3 .name {
font-size: 18px;
margin-bottom: 3px;
}
.tm-team-member.style-3 .description {
margin-top: 10px;
}
.tm-team-member.style-3 .social-footer {
visibility: hidden;
opacity: 0;
margin-top: 20px;
padding: 0 20px;
}
.tm-team-member.style-3 .social-networks {
margin: 0 -10px;
}
.tm-team-member.style-3 .social-networks a {
display: inline-block;
padding: 5px 10px;
font-size: 18px;
line-height: 1;
color: #c0c0c0;
}
@media (min-width: 544px) {
.tm-team-member.style-2 .inner {
display: flex;
}
.tm-team-member.style-2 .photo {
flex-shrink: 0;
}
.tm-team-member.style-2 .info {
padding-left: 30px;
}
}
.tm-social-networks {
line-height: 0;
}
.tm-social-networks ul {
display: inline-block;
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 ul {
margin: 0;
padding: 0;
}
.tm-social-networks.layout-two-columns .item {
display: block;
float: left;
width: 50%;
padding-right: 20px;
}
.tm-social-networks.layout-two-columns .item .link {
padding: 10px 0;
}
.tm-social-networks.style-icons {
font-size: 16px;
}
.tm-social-networks.style-large-icons {
font-size: 18px;
}
.tm-social-networks.style-large-icons ul {
margin: 0 -14px;
}
.tm-social-networks.style-large-icons .link {
padding: 5px 14px;
}
.tm-social-networks.style-solid-square-icon ul {
margin: 0;
padding: 1px 0 0 1px;
}
.tm-social-networks.style-solid-square-icon li {
float: left;
border: 1px solid rgba(238, 238, 238, 0.11);
margin: -1px 0 0 -1px;
}
.tm-social-networks.style-solid-square-icon li:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.tm-social-networks.style-solid-square-icon li:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.tm-social-networks.style-solid-square-icon .link {
font-size: 16px;
display: block;
text-align: center;
height: 50px;
width: 50px;
position: relative;
}
.tm-social-networks.style-solid-square-icon .link-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.tm-social-networks.style-solid-rounded-icon ul {
margin: 0;
}
.tm-social-networks.style-solid-rounded-icon li {
float: left;
}
.tm-social-networks.style-solid-rounded-icon li + li {
margin-left: 10px;
}
.tm-social-networks.style-solid-rounded-icon .item:hover .link-icon {
color: #ffffff;
}
.tm-social-networks.style-solid-rounded-icon .link {
font-size: 18px;
display: block;
text-align: center;
height: 50px;
width: 50px;
border: 1px solid #ddd;
border-radius: 50%;
position: relative;
}
.tm-social-networks.style-solid-rounded-icon .link-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.tm-social-networks.style-solid-rounded-icon-02 ul {
margin: 0;
}
.tm-social-networks.style-solid-rounded-icon-02 li {
float: left;
}
.tm-social-networks.style-solid-rounded-icon-02 li + li {
margin-left: 10px;
}
.tm-social-networks.style-solid-rounded-icon-02 .item:hover .link-icon {
color: #ffffff;
}
.tm-social-networks.style-solid-rounded-icon-02 .link {
font-size: 16px;
display: block;
text-align: center;
height: 45px;
width: 45px;
color: #222222;
border: 2px solid rgba(221, 221, 221, 0.65);
border-radius: 50%;
position: relative;
}
.tm-social-networks.style-solid-rounded-icon-02 .link-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.tm-social-networks.style-icon-title .link-icon {
font-size: 14px;
min-width: 25px;
margin-right: 10px;
}
.tm-social-networks.style-rounded-icon-title .item .link-icon {
width: 50px;
height: 50px;
line-height: 48px;
text-align: center;
border: 1px solid #ddd;
border-radius: 50%;
font-size: 20px;
margin-right: 20px;
color: #222;
}
.tm-social-networks.style-rounded-icon-title .item .link-text {
font-size: 18px;
color: #888;
}
.tm-social-networks.style-rounded-icon-title .item:hover .link-icon {
color: #fff;
}
.tm-social-networks.style-title ul {
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-circle-progress-chart {
text-align: center;
}
.tm-circle-progress-chart .chart {
position: relative;
margin: 0 auto 50px;
width: 126px;
height: 126px;
}
.tm-circle-progress-chart .chart canvas {
position: absolute;
top: 0;
left: 0;
}
.tm-circle-progress-chart .inner-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.tm-circle-progress-chart .chart-number {
font-size: 42px;
line-height: 1;
margin-bottom: 0;
}
.tm-circle-progress-chart .chart-number span {
vertical-align: super;
font-size: 20px;
}
.tm-circle-progress-chart .chart-icon {
font-size: 60px;
line-height: 1;
}
.tm-circle-progress-chart .inner-circle {
width: 100%;
height: 100%;
border-radius: 50%;
}
.tm-circle-progress-chart .title-wrap {
margin-bottom: 30px;
}
.tm-circle-progress-chart .title {
font-size: 24px;
}
.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: 20px;
position: absolute;
top: 50%;
right: 15px;
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.style-01 .wpcf7-submit {
margin-top: 20px;
background-color: #262262;
border-color: #262262;
color: #ffffff;
}
.tm-contact-form-7.style-01 .wpcf7-submit:hover{
background-color: #222;
border-color: #222;
}
.tm-contact-form-7.style-01 .row {
margin-left: -25px;
margin-right: -25px;
}
.tm-contact-form-7.style-01 [class*='col-'] {
padding-left: 25px;
padding-right: 25px;
}
.tm-contact-form-7.style-02 .wpcf7-text,
.tm-contact-form-7.style-02 .wpcf7-date,
.tm-contact-form-7.style-02 .wpcf7-select,
.tm-contact-form-7.style-02 .wpcf7-textarea {
background-color: #ffffff;
border: 1px solid #dddddd;
padding: 0 15px;
}
.tm-contact-form-7.style-02 .wpcf7-textarea {
background-color: #ffffff;
border: 1px solid #dddddd;
height: 120px;
margin-bottom: 40px;
padding: 10px 15px;
}
.tm-contact-form-7.style-02 .wpcf7-submit {
background-color: #222222;
border-color: #222222;
color: #ffffff;
}
.tm-contact-form-7.style-02 .wpcf7-submit:hover {
border-color: transparent;
}
.tm-contact-form-7.style-03 .wpcf7-text,
.tm-contact-form-7.style-03 .wpcf7-date,
.tm-contact-form-7.style-03 .wpcf7-select,
.tm-contact-form-7.style-03 .wpcf7-textarea {
background-color: #ffffff;
border: 0;
padding: 0 15px;
}
.tm-contact-form-7.style-03 .wpcf7-textarea {
background-color: #ffffff;
border: 1px solid #dddddd;
height: 120px;
margin-bottom: 40px;
}
.tm-contact-form-7.style-03 .wpcf7-submit {
color: #ffffff;
width: 100%;
}
.tm-contact-form-7.style-03 .wpcf7-submit:hover {
background-color: transparent;
}
.tm-contact-form-7.style-04 .row {
margin-left: -15px;
margin-right: -15px;
}
.tm-contact-form-7.style-04 [class*='col-'] {
padding-left: 15px;
padding-right: 15px;
}
.tm-contact-form-7.style-04 .wpcf7-form {
border: 1px solid #eee;
background-color: #f7f7f7;
padding: 40px 30px 50px;
}
.tm-contact-form-7.style-04 .wpcf7-form-control-wrap {
margin-bottom: 30px;
}
.tm-contact-form-7.style-04 .wpcf7-text,
.tm-contact-form-7.style-04 .wpcf7-date,
.tm-contact-form-7.style-04 .wpcf7-select,
.tm-contact-form-7.style-04 .wpcf7-textarea {
background-color: #ffffff;
border: 1px solid #dddddd;
padding: 0 15px;
}
.tm-contact-form-7.style-04 .wpcf7-textarea {
background-color: #ffffff;
border: 1px solid #dddddd;
height: 120px;
margin-bottom: 40px;
padding: 10px 15px;
}
.form-online-support {
padding: 44px 35px 62px;
background: #eeeeee url(//www.mathias-die.com/wp-content/themes/tractor/assets/images/icon-envelope-open.png) no-repeat bottom right;
border-radius: 5px;
}
.form-online-support .form-title {
font-size: 30px;
margin-bottom: 38px;
line-height: 1.66;
}
.form-online-support select,
.form-online-support input[type='text'],
.form-online-support input[type='email'],
.form-online-support input[type='url'],
.form-online-support input[type='password'],
.form-online-support input[type='search'],
.form-online-support input[type='number'],
.form-online-support input[type='tel'] {
height: 50px;
background: #ffffff;
}
.form-online-support .wpcf7-textarea {
height: 125px;
background: #ffffff;
}
.form-online-support input[type='submit'],
.form-online-support input[type='reset'],
.form-online-support button {
height: 50px;
line-height: 46px;
padding: 0 22px;
}
.wrap-style-01 {
padding: 63px 30px 74px;
background: #ffffff;
box-shadow: 0 2px 40px rgba(0, 0, 0, 0.15);
}
.wrap-style-01 .form-title {
text-align: center;
font-size: 36px;
margin-bottom: 49px;
}
.wrap-style-02 {
padding: 84px 45px 85px;
background: #ffffff url(//www.mathias-die.com/wp-content/themes/tractor/assets/images/icon-money-bag.png) no-repeat top right -30px;
}
.wrap-style-02 .form-title {
font-size: 36px;
margin-bottom: 47px;
}
@media (max-width: 767px) {
.wrap-style-02 {
padding: 60px 30px;
}
.wrap-style-02 .form-title {
font-size: 28px;
}
}
.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 input[type='email'] {
height: 50px;
border: 0;
margin-bottom: 30px;
background-color: transparent;
border-bottom: 2px solid #ffc246;
}
.tm-mailchimp-form.style-1 .form-submit {
height: 50px;
line-height: 46px;
}
.tm-mailchimp-form.style-2 input[type='email'] {
height: 50px;
border: 1px solid #ddd;
padding: 0 15px;
margin-bottom: 20px;
}
.tm-mailchimp-form.style-2 .form-submit {
height: 50px;
line-height: 46px;
}
.tm-mailchimp-form.style-2 .form-submit:hover {
background-color: #fff;
border-color: #fff;
}
.tm-mailchimp-form.style-3 .mc4wp-form {
position: relative;
overflow: hidden;
margin: 0 auto;
}
.tm-mailchimp-form.style-3 input[type='email'] {
background: rgba(69, 69, 69, 0.3);
padding: 3px 155px 3px 15px;
border: 0;
color: #fff;
}
.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;
background: #fff;
border-color: #fff;
}
.tm-mailchimp-form.style-4 {
position: relative;
}
.tm-mailchimp-form.style-4 .mc4wp-form-fields {
display: flex;
}
.tm-mailchimp-form.style-4 .mc4wp-form-fields > div:first-child {
flex-grow: 1;
}
.tm-mailchimp-form.style-4 .mc4wp-form-fields > div + div {
flex-shrink: 0;
}
.tm-mailchimp-form.style-4 input[type='email'] {
background: rgba(255, 255, 255, 0.1);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
border: 0;
padding: 0 15px;
}
.tm-mailchimp-form.style-4 .form-submit {
margin-left: 20px;
padding: 0 34px;
}
.tm-mailchimp-form.style-5 input[type='email'] {
height: 50px;
border: 1px solid #ddd;
padding: 0 15px;
margin-bottom: 20px;
}
.tm-mailchimp-form.style-5 .form-submit {
height: 50px;
line-height: 46px;
}
.tm-mailchimp-form.style-6 .mc4wp-form-fields {
position: relative;
}
.tm-mailchimp-form.style-6 input[type='email'] {
padding: 0 15px;
border: 0;
}
.tm-mailchimp-form.style-6 input[type='email']::-webkit-input-placeholder {
color: inherit;
}
.tm-mailchimp-form.style-6 input[type='email']:-moz-placeholder {
color: inherit;
}
.tm-mailchimp-form.style-6 input[type='email']::-moz-placeholder {
color: inherit;
}
.tm-mailchimp-form.style-6 input[type='email']:-ms-input-placeholder {
color: inherit;
}
.tm-mailchimp-form.style-6 .form-submit {
border: 0;
border-left: 1px solid transparent;
background: none;
font-size: 0;
position: absolute;
top: 0;
right: 0;
border-radius: 0;
width: 50px;
height: 50px;
padding: 0;
}
.tm-mailchimp-form.style-6 .form-submit:hover:after {
transform: translate(-50%, -50%) scale(1.1, 1.1);
}
.tm-mailchimp-form.style-6 .form-submit:after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: Ionicons;
content: '\f2eb';
font-size: 20px;
}
.tm-mailchimp-form.style-7 .mc4wp-form-fields {
position: relative;
}
.tm-mailchimp-form.style-7 .mc4wp-form input[type='email'] {
padding: 0 15px;
border-color: rgba(255, 255, 255, 0.07);
background-color: rgba(255, 255, 255, 0.06);
color: #fff;
}
.tm-mailchimp-form.style-7 .mc4wp-form input[type='email']:focus {
border-color: rgba(255, 255, 255, 0.5);
}
.tm-mailchimp-form.style-7 .form-submit {
border: 0;
border-left: 1px solid transparent;
background: none;
font-size: 0;
position: absolute;
top: 0;
right: 0;
border-radius: 0;
width: 50px;
height: 50px;
color: #fff;
padding: 0;
}
.tm-mailchimp-form.style-7 .form-submit:hover:after {
transform: translate(-50%, -50%) scale(1.1, 1.1);
}
.tm-mailchimp-form.style-7 .form-submit:after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: Ionicons;
content: '\f2eb';
font-size: 20px;
}
.tm-mailchimp-form.style-8 input[type='email'] {
height: 50px;
border-bottom: 2px solid #ddd;
margin-bottom: 20px;
background-color: transparent;
}
.tm-mailchimp-form.style-8 .form-submit {
height: 50px;
line-height: 50px;
border: 0;
color: #fff;
background-position: left center;
background-size: 200% auto;
}
.tm-mailchimp-form.style-8 .form-submit:hover {
background-position: right center !important;
}
.tm-mailchimp-form.style-9 .mc4wp-form-fields {
display: flex;
}
.tm-mailchimp-form.style-9 .form-input {
flex-grow: 1;
}
.tm-mailchimp-form.style-9 .form-submit-wrap {
flex-shrink: 0;
}
.tm-mailchimp-form.style-9 input[type='email'] {
padding: 0 20px;
border-color: transparent;
background: #fff;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.09);
}
.tm-mailchimp-form.style-9 .form-submit {
position: relative;
font-size: 0;
width: 50px;
height: 50px;
padding: 0;
border: 0;
color: #fff !important;
}
.tm-mailchimp-form.style-9 .form-submit:hover:after {
transform: translate(-50%, -50%) scale(1.1, 1.1);
}
.tm-mailchimp-form.style-9 .form-submit:after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: Ionicons;
content: '\f2eb';
font-size: 20px;
}
.tm-mailchimp-form.style-10 {
display: flex;
align-items: center;
justify-content: flex-end;
}
.tm-mailchimp-form.style-10 .title {
font-size: 18px;
font-weight: 500;
color: #999;
margin-right: 30px;
}
.tm-mailchimp-form.style-10 .mc4wp-form-fields {
position: relative;
}
.tm-mailchimp-form.style-10 .mc4wp-form-fields input[type='email'] {
padding: 0 60px 0 30px;
border-radius: 0;
border: 1px solid #ddd;
background: #fff;
height: 50px;
line-height: 48px;
}
.tm-mailchimp-form.style-10 .mc4wp-form-fields .form-submit {
position: absolute;
top: 0;
right: 0;
font-size: 0;
width: 50px;
height: 50px;
padding: 0;
border: 0;
border-radius: 0;
background-color: transparent;
}
.tm-mailchimp-form.style-10 .mc4wp-form-fields .form-submit:after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: Ionicons;
content: '\f2eb';
font-size: 20px;
}
.tm-mailchimp-form.style-11 .mc4wp-form-fields {
position: relative;
}
.tm-mailchimp-form.style-11 input[type='email'] {
background-color: transparent;
color: #888;
}
.tm-mailchimp-form.style-11 input[type='email']::-webkit-input-placeholder {
color: inherit;
}
.tm-mailchimp-form.style-11 input[type='email']:-moz-placeholder {
color: inherit;
}
.tm-mailchimp-form.style-11 input[type='email']::-moz-placeholder {
color: inherit;
}
.tm-mailchimp-form.style-11 input[type='email']:-ms-input-placeholder {
color: inherit;
}
.tm-mailchimp-form.style-11 .form-submit {
border: 0;
border-left: 1px solid transparent;
background: none;
font-size: 0;
position: absolute;
top: 0;
right: 0;
border-radius: 0;
width: 50px;
height: 50px;
padding: 0;
text-align: right;
}
.tm-mailchimp-form.style-11 .form-submit:after {
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
font-family: Ionicons;
content: '\f10b';
font-size: 18px;
font-weight: 500;
color: #fff;
}
@media (max-width: 543px) {
.tm-mailchimp-form.style-2 .mc4wp-form-fields {
display: block;
}
.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;
}
.tm-mailchimp-form.style-1 .form-submit, .tm-mailchimp-form.style-2 .form-submit, .tm-mailchimp-form.style-3 .form-submit {
position: relative;
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;
}
}
@keyframes zoomBig {
0% {
transform: translate(-50%, -50%) scale(0);
opacity: 1;
}
100% {
transform: translate(-50%, -50%) scale(1);
opacity: 0;
}
}
@keyframes lineUp {
0% {
transform: translateY(100%);
bottom: 0;
}
100% {
bottom: 100%;
transform: translateY(0);
}
}
@keyframes lineDown {
0% {
transform: translateY(-100%);
top: 0;
}
100% {
top: 100%;
transform: translateY(0);
}
}
.tm-popup-video {
position: relative;
}
.tm-popup-video a:hover .video-play {
transform: scale3d(1.15, 1.15, 1.15);
}
.tm-popup-video a:hover .video-poster img {
transform: scale(1.1);
}
.tm-popup-video .video-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.tm-popup-video .video-poster {
position: relative;
overflow: hidden;
border-radius: inherit;
}
.tm-popup-video .video-poster img {
transition: all 1.5s cubic-bezier(0.2, 1, 0.22, 1);
-webkit-backface-visibility: hidden;
transform: translateZ(0) scale(1);
backface-visibility: hidden;
}
.tm-popup-video .video-text {
font-size: 15px;
font-weight: 600;
color: #ffffff;
margin-top: 19px;
}
.tm-popup-video .video-play {
position: relative;
transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
border-radius: 50%;
}
.tm-popup-video .video-play:hover {
transform: scale3d(1.15, 1.15, 1.15);
}
.tm-popup-video .video-play i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.tm-popup-video .video-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.tm-popup-video.style-poster-01 {
position: relative;
border-radius: 0;
}
.tm-popup-video.style-poster-01 .video-poster {
position: relative;
z-index: 2;
border-radius: 0;
transform: translateZ(0);
}
.tm-popup-video.style-poster-01 .video-poster img {
border-radius: 0;
width: 100%;
}
.tm-popup-video.style-poster-01 .video-overlay {
z-index: 3;
border-radius: 0;
background: rgba(69, 69, 69, 0.2);
}
.tm-popup-video.style-poster-01 .video-play {
width: 84px;
height: 84px;
color: #000000;
background: #ffffff;
}
.tm-popup-video.style-poster-01 .video-play i {
font-size: 20px;
line-height: 1;
margin-left: 1px;
}
.tm-popup-video.style-poster-02 {
position: relative;
}
.tm-popup-video.style-poster-02 .video-mark {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.tm-popup-video.style-poster-02 .wave-pulse {
width: 1px;
height: 0;
margin: 0 auto;
}
.tm-popup-video.style-poster-02 .wave-pulse:before, .tm-popup-video.style-poster-02 .wave-pulse:after {
opacity: 0;
content: '';
display: block;
position: absolute;
width: 400px;
height: 400px;
top: 50%;
border-radius: 50%;
border: 1px solid #d8d8d8;
animation: zoomBig 5.25s linear 5.25s infinite;
}
.tm-popup-video.style-poster-02 .wave-pulse:before {
animation-delay: .75s;
}
.tm-popup-video.style-poster-02 .wave-pulse-2:before {
animation-delay: 2.25s;
}
.tm-popup-video.style-poster-02 .wave-pulse-2:after {
animation-delay: 1.5s;
}
.tm-popup-video.style-poster-02 .wave-pulse-3:before {
animation-delay: 3.75s;
}
.tm-popup-video.style-poster-02 .wave-pulse-3:after {
animation-delay: 3s;
}
.tm-popup-video.style-poster-02 .video-poster {
border-radius: 0;
}
.tm-popup-video.style-poster-02 .video-poster img {
border-radius: 0;
width: 100%;
}
.tm-popup-video.style-poster-02 .video-button {
left: 0;
}
.tm-popup-video.style-poster-02 .video-overlay {
border-radius: 0;
}
.tm-popup-video.style-poster-02 .video-play {
width: 74px;
height: 74px;
color: #222;
background-color: #fff;
box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03);
}
.tm-popup-video.style-poster-02 .video-play i {
font-size: 20px;
line-height: 1;
margin-left: 1px;
}
.tm-popup-video.style-poster-03 {
position: relative;
}
.tm-popup-video.style-poster-03 .video-poster {
position: relative;
border-radius: 0;
z-index: 2;
}
.tm-popup-video.style-poster-03 .video-poster img {
border-radius: 0;
width: 100%;
}
.tm-popup-video.style-poster-03 .video-overlay {
z-index: 3;
}
.tm-popup-video.style-poster-03 .video-play {
width: 84px;
height: 84px;
color: #000000;
background: #ffffff;
}
.tm-popup-video.style-poster-03 .video-play i {
font-size: 20px;
line-height: 1;
margin-left: 1px;
}
.tm-popup-video.style-poster-04 {
position: relative;
}
.tm-popup-video.style-poster-04:hover .left-line:after {
animation: lineDown linear 1.5s infinite;
}
.tm-popup-video.style-poster-04:hover .right-line:after {
animation: lineUp linear 1.5s infinite;
}
.tm-popup-video.style-poster-04 .line {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
}
.tm-popup-video.style-poster-04 .line:before, .tm-popup-video.style-poster-04 .line:after {
content: '';
position: absolute;
left: 50%;
width: 1px;
height: 100%;
background: #ffffff;
}
.tm-popup-video.style-poster-04 .line:before {
top: 0;
opacity: .25;
}
.tm-popup-video.style-poster-04 .line:after {
height: 35%;
width: 2px;
}
.tm-popup-video.style-poster-04 .left-line {
transform: translateX(-100px);
}
.tm-popup-video.style-poster-04 .left-line:after {
transform: translateY(-100%);
top: 0;
}
.tm-popup-video.style-poster-04 .right-line {
transform: translateX(100px);
}
.tm-popup-video.style-poster-04 .right-line:after {
transform: translateY(100%);
bottom: 0;
}
.tm-popup-video.style-poster-04 .video-poster {
position: relative;
z-index: 2;
border-radius: 10px;
overflow: hidden;
}
.tm-popup-video.style-poster-04 .video-poster img {
width: 100%;
}
.tm-popup-video.style-poster-04 .video-overlay {
z-index: 3;
}
.tm-popup-video.style-poster-04 .video-play {
width: 80px;
height: 80px;
color: #14163e;
background: #ffffff;
}
.tm-popup-video.style-poster-04 .video-play i {
font-size: 20px;
line-height: 1;
margin-left: 1px;
}
.tm-popup-video.style-poster-05 {
position: relative;
}
.tm-popup-video.style-poster-05 a:hover .video-play {
transform: scale3d(1.5, 1.5, 1.5);
}
.tm-popup-video.style-poster-05 .video-poster {
position: relative;
z-index: 2;
overflow: hidden;
border-radius: 8px;
}
.tm-popup-video.style-poster-05 .video-poster img {
width: 100%;
}
.tm-popup-video.style-poster-05 .video-overlay {
z-index: 3;
background: rgba(0, 0, 0, 0.19);
}
.tm-popup-video.style-poster-05 .video-play {
width: 60px;
height: 60px;
background: #ffffff;
margin: 0 auto;
}
.tm-popup-video.style-poster-05 .video-play i {
font-size: 20px;
line-height: 1;
margin-left: 1px;
}
.tm-popup-video.style-poster-06 {
position: relative;
border-radius: 0;
}
.tm-popup-video.style-poster-06 .video-poster {
position: relative;
z-index: 2;
border-radius: 0;
transform: translateZ(0);
}
.tm-popup-video.style-poster-06 .video-poster img {
border-radius: 0;
width: 100%;
}
.tm-popup-video.style-poster-06 .video-overlay {
z-index: 3;
border-radius: 0;
background: rgba(0, 0, 0, 0.47);
}
.tm-popup-video.style-poster-06 .video-play {
width: 84px;
height: 84px;
color: #000000;
background: #ffffff;
}
.tm-popup-video.style-poster-06 .video-play i {
font-size: 20px;
line-height: 1;
margin-left: 1px;
}
.tm-popup-video.style-button .video-play {
width: 84px;
height: 84px;
background: #ffffff;
color: #000000;
}
.tm-popup-video.style-button .video-play i {
font-size: 20px !important;
line-height: 1;
margin-left: 2px;
}
.tm-popup-video.style-button-02 .video-play {
width: 100px;
height: 100px;
color: #ffffff;
border: 9px solid #ffffff;
}
.tm-popup-video.style-button-02 .video-play i {
font-size: 54px;
line-height: 1;
margin-left: 2px;
}
.tm-popup-video.style-button-03 .video-play {
width: 90px;
height: 90px;
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 {
font-size: 30px;
line-height: 1;
margin-left: 2px;
}
.tm-popup-video.style-button-04 .video-play {
width: 75px;
height: 75px;
color: #ffffff;
border: 3px solid #ffffff;
}
.tm-popup-video.style-button-04 .video-play i {
font-size: 20px;
line-height: 1;
margin-left: 2px;
}
.tm-popup-video.style-button-05 a {
display: flex;
align-items: center;
}
.tm-popup-video.style-button-05 a .video-play {
width: 50px;
height: 50px;
color: #ffc246;
border: 1px solid #ffc246;
margin-right: 20px;
}
.tm-popup-video.style-button-05 a .video-play i {
font-size: 20px;
line-height: 1;
margin-left: 2px;
}
.tm-popup-video.style-button-05 a .video-text {
font-size: 13px;
font-weight: 700;
color: #222;
text-transform: uppercase;
line-height: 1;
margin: 0;
padding: 0;
}
.tm-popup-video.style-button-06 a {
display: flex;
align-items: center;
}
.tm-popup-video.style-button-06 a .video-play {
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
color: #fff;
background-color: #ffc246;
margin-right: 20px;
}
.tm-popup-video.style-button-06 a .video-play i {
font-size: 20px;
line-height: 1;
margin-left: 2px;
}
.tm-popup-video.style-button-06 a .video-text {
font-size: 13px;
font-weight: 700;
color: #222;
text-transform: uppercase;
line-height: 1;
margin: 0;
padding: 0 0 6px 0;
border-bottom: 2px solid #eee;
position: relative;
}
.tm-popup-video.style-button-06 a .video-text:after {
content: '\f10b';
font-family: Ionicons;
font-size: 14px;
font-weight: 500;
color: #ffc246;
margin-left: 10px;
}
.tm-popup-video.style-button-06 a .video-text:before {
content: '';
display: block;
width: 0;
height: 2px;
background-color: #ffc246;
position: absolute;
left: 0;
bottom: -2px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tm-popup-video.style-button-06 a:hover .video-text:before {
width: 100%;
}
.tm-popup-video.button-video-center .video-play {
margin: 0 auto;
}
@media (max-width: 767px) {
.tm-popup-video.style-poster-02 .video-button {
left: 50%;
}
}
.tm-gallery {
position: relative;
}
.tm-gallery img {
width: 100%;
}
.tm-gallery .gallery-item > a {
display: block;
position: relative;
width: 100%;
height: 100%;
}
.tm-gallery.hover-overlay .gallery-item {
overflow: hidden;
}
.tm-gallery.hover-overlay .gallery-item:hover .overlay {
visibility: visible;
opacity: .9;
}
.tm-gallery.hover-overlay .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
}
.tm-gallery.hover-overlay .overlay > div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 50px;
color: #ffffff;
}
.tm-gallery.hover-simple .gallery-item:hover > a {
transform: translateY(-10px);
}
.tm-gallery.hover-simple .gallery-item:hover img {
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.09);
}
.tm-gallery-slider .lslide {
position: relative;
}
.tm-gallery-slider .lSAction > a {
width: 50px;
opacity: 1;
background: none;
}
.tm-gallery-slider .lSAction .nav-button-icon:before {
content: '\f3cf';
font-family: Ionicons;
font-size: 18px;
color: #222;
display: inline-block;
width: 50px;
height: 50px;
line-height: 46px;
text-align: center;
border: 1px solid #ddd;
border-radius: 50%;
background-color: #fff;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tm-gallery-slider .lSAction .lSPrev:hover .nav-button-icon:before,
.tm-gallery-slider .lSAction .lSNext:hover .nav-button-icon:before {
color: #fff;
}
.tm-gallery-slider .lSAction .lSPrev {
left: 15px;
}
.tm-gallery-slider .lSAction .lSNext {
right: 15px;
}
.tm-gallery-slider .lSAction .lSNext .nav-button-icon:before {
content: '\f3d1';
}
.tm-gallery-slider .lSSlideOuter .lSPager.lSGallery li {
opacity: 0.5;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tm-gallery-slider .lSSlideOuter .lSPager.lSGallery li.active, .tm-gallery-slider .lSSlideOuter .lSPager.lSGallery li:hover {
border-radius: 0;
opacity: 1;
}
.tm-gallery-slider .caption {
position: absolute;
bottom: 0;
color: #888;
background-color: rgba(255, 255, 255, 0.8);
font-size: 15px;
font-style: italic;
padding: 15px 20px;
width: 100%;
}
.tm-office-info .image img {
width: 100%;
height: auto;
}
.tm-office-info .title {
font-size: 24px;
font-weight: 700;
color: #222;
padding: 20px 0;
border-bottom: 1px solid #eee;
}
.tm-office-info .info {
padding: 15px 0;
}
.tm-office-info .info > div {
padding: 5px 0 5px 40px;
position: relative;
}
.tm-office-info .info > div:before {
font-size: 18px;
font-family: Ionicons;
display: block;
position: absolute;
top: 5px;
left: 0;
}
.tm-office-info .info .address:before {
content: '\f203';
}
.tm-office-info .info .email:before {
content: '\f132';
}
.tm-office-info .info .phone:before {
content: '\f2d2';
}
.tm-office-info .link {
margin-top: 10px;
}
.tm-office-info .link a {
position: relative;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
padding-bottom: 5px;
border-bottom: 2px solid #eee;
}
.tm-office-info .link a:after {
content: '\f10b';
font-family: Ionicons;
margin-left: 10px;
}
.tm-office-info .link a:before {
content: '';
position: absolute;
bottom: -2px;
right: 0;
width: 0;
height: 2px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tm-office-info .link a:hover:before {
width: 100%;
left: 0;
right: auto;
}
.tm-image .caption {
background-color: #222;
color: #fff;
padding: 12px 25px;
font-style: italic;
}
.tm-view-demo {
text-align: center;
}
.tm-view-demo.style-01 .item-wrap:hover {
transform: translateY(-10px);
}
.tm-view-demo.style-01 .item-wrap:hover .thumbnail {
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.16);
}
.tm-view-demo.style-01 .item-wrap:hover .overlay {
visibility: visible;
opacity: 1;
}
.tm-view-demo.style-01 .thumbnail {
position: relative;
overflow: hidden;
margin-bottom: 20px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.17);
}
.tm-view-demo.style-01 .thumbnail > img {
border-radius: inherit;
width: 100%;
}
.tm-view-demo.style-01 .heading {
font-size: 18px;
margin-bottom: 10px;
white-space: normal;
}
.tm-view-demo.style-01 .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
visibility: hidden;
opacity: 0;
background: rgba(0, 0, 0, 0.1);
}
.tm-view-demo.style-01 .badge {
position: absolute;
top: 0;
left: 0;
max-width: 50px;
}
.tm-view-demo.style-02 .item-wrap:hover .overlay {
visibility: visible;
opacity: 1;
}
.tm-view-demo.style-02 .item-wrap:hover .thumbnail:before {
opacity: 1;
visibility: visible;
transform: translate(-50%, -50%);
}
.tm-view-demo.style-02 .thumbnail {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.tm-view-demo.style-02 .thumbnail > img {
width: 100%;
}
.tm-view-demo.style-02 .thumbnail:before {
content: '\f489';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, calc(-50% + 20px));
color: #222;
font-family: Ionicons;
font-size: 32px;
font-weight: 500;
width: 80px;
height: 80px;
background-color: #ffc246;
text-align: center;
line-height: 80px;
border-radius: 100%;
opacity: 0;
visibility: hidden;
z-index: 2;
}
.tm-view-demo.style-02 .badge {
position: absolute;
top: 0;
left: 0;
}
.tm-view-demo.style-02 .heading {
font-size: 20px;
margin-bottom: 10px;
color: #fff;
white-space: normal;
}
.tm-view-demo.style-02 .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
visibility: hidden;
opacity: 0;
background: rgba(0, 0, 0, 0.5);
}
.tm-view-demo.style-02 .coming-item .overlay {
visibility: visible;
opacity: 1;
background: rgba(0, 0, 0, 0.3);
}
.tm-twitter.style-slider-quote {
max-width: 900px;
margin: 0 auto;
}
.tm-twitter.style-slider-quote .tweet + .tweet {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #eeeeee;
}
.tm-twitter.style-slider-quote .tweet + .tweet:before {
top: 13px;
}
.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 {
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-slider_2 {
position: relative;
height: 100%;
min-height: 370px;
margin: 0 auto;
background: #38A1F2 url(//www.mathias-die.com/wp-content/themes/tractor/assets/images/twitter_slider_2_bg.png) no-repeat center center;
}
.tm-twitter.style-slider_2:before {
display: block;
position: absolute;
right: 30px;
bottom: 30px;
content: '\f243';
font-family: 'Ionicons';
font-size: 40px;
line-height: 1;
color: #fff;
}
.tm-twitter.style-slider_2 .tm-swiper {
margin: 0;
}
.tm-twitter.style-slider_2 .tm-swiper .swiper-container {
padding: 0;
}
.tm-twitter.style-slider_2 .swiper-button-next, .tm-twitter.style-slider_2 .swiper-button-prev {
top: auto;
bottom: 20px;
border: 0;
color: #fff;
background-color: transparent;
left: 15px;
width: 40px;
height: 40px;
line-height: 40px;
}
.tm-twitter.style-slider_2 .swiper-button-next:hover, .tm-twitter.style-slider_2 .swiper-button-prev:hover {
color: #fff;
background-color: transparent;
}
.tm-twitter.style-slider_2 .swiper-button-next {
left: 55px;
}
.tm-twitter.style-slider_2 .swiper-button-next:before {
position: absolute;
top: 50%;
left: 0;
margin-top: -10px;
content: '';
display: inline-block;
width: 1px;
height: 20px;
background-color: rgba(255, 255, 255, 0.6);
}
.tm-twitter.style-slider_2 .tweet {
padding: 115px 30px;
color: #fff;
}
.tm-twitter.style-slider_2 .tweet .tweet-date {
position: absolute;
top: 35px;
left: 30px;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
color: rgba(255, 255, 255, 0.7);
}
.tm-twitter.style-slider_2 .tweet .tweet-text,
.tm-twitter.style-slider_2 .tweet .tweet-text a {
font-size: 18px;
color: #fff;
font-style: italic;
}
@media (min-width: 768px) {
.tm-twitter.style-slider_2 .tweet .tweet-text,
.tm-twitter.style-slider_2 .tweet .tweet-text a {
font-size: 22px;
}
}
.tm-twitter.style-slider_2 .tweet .tweet-text a {
font-weight: 700;
}
.tm-twitter.style-slider_2 .tweet + .tweet {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #eeeeee;
}
.tm-twitter.style-slider_2 .tweet + .tweet:before {
top: 13px;
}
.column-full-height .tm-twitter.style-slider_2:before {
right: 40px;
bottom: 40px;
}
.column-full-height .tm-twitter.style-slider_2 .tm-swiper {
height: 100%;
}
.column-full-height .tm-twitter.style-slider_2 .tm-swiper .swiper-container {
height: 100%;
}
.column-full-height .tm-twitter.style-slider_2 .tm-swiper .swiper-container .tweet {
height: 100%;
padding: 0;
}
.column-full-height .tm-twitter.style-slider_2 .tm-swiper .swiper-container .tweet .tweet-date {
left: 40px;
top: 40px;
}
.column-full-height .tm-twitter.style-slider_2 .tm-swiper .swiper-container .tweet .tweet-text {
position: absolute;
left: 0;
padding: 0 40px;
top: 50%;
transform: translateY(-50%);
}
.column-full-height .tm-twitter.style-slider_2 .tm-swiper .swiper-button-prev {
bottom: 40px;
left: 40px;
}
.column-full-height .tm-twitter.style-slider_2 .tm-swiper .swiper-button-next {
bottom: 40px;
left: 80px;
}
.column-full-height .tm-twitter.style-slider_2.padding-80:before {
right: 80px;
bottom: 80px;
}
.column-full-height .tm-twitter.style-slider_2.padding-80 .tm-swiper {
height: 100%;
}
.column-full-height .tm-twitter.style-slider_2.padding-80 .tm-swiper .swiper-container {
height: 100%;
}
.column-full-height .tm-twitter.style-slider_2.padding-80 .tm-swiper .swiper-container .tweet {
height: 100%;
padding: 0;
}
.column-full-height .tm-twitter.style-slider_2.padding-80 .tm-swiper .swiper-container .tweet .tweet-date {
left: 80px;
top: 80px;
}
.column-full-height .tm-twitter.style-slider_2.padding-80 .tm-swiper .swiper-container .tweet .tweet-text {
position: absolute;
left: 0;
padding: 0 80px;
top: 50%;
transform: translateY(-50%);
}
.column-full-height .tm-twitter.style-slider_2.padding-80 .tm-swiper .swiper-button-prev {
bottom: 80px;
left: 80px;
}
.column-full-height .tm-twitter.style-slider_2.padding-80 .tm-swiper .swiper-button-next {
bottom: 80px;
left: 120px;
}
@media (max-width: 991px) {
.column-full-height .tm-twitter.style-slider_2.padding-80:before {
right: 30px;
bottom: 30px;
}
.column-full-height .tm-twitter.style-slider_2.padding-80 .tm-swiper {
height: 100%;
}
.column-full-height .tm-twitter.style-slider_2.padding-80 .tm-swiper .swiper-container {
height: 100%;
}
.column-full-height .tm-twitter.style-slider_2.padding-80 .tm-swiper .swiper-container .tweet {
height: 100%;
padding: 0;
}
.column-full-height .tm-twitter.style-slider_2.padding-80 .tm-swiper .swiper-container .tweet .tweet-date {
left: 30px;
top: 30px;
}
.column-full-height .tm-twitter.style-slider_2.padding-80 .tm-swiper .swiper-container .tweet .tweet-text {
position: absolute;
left: 0;
padding: 0 30px;
top: 50%;
transform: translateY(-50%);
}
.column-full-height .tm-twitter.style-slider_2.padding-80 .tm-swiper .swiper-button-prev {
bottom: 30px;
left: 30px;
}
.column-full-height .tm-twitter.style-slider_2.padding-80 .tm-swiper .swiper-button-next {
bottom: 30px;
left: 70px;
}
}
.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-text a {
font-weight: 600;
}
.tm-twitter.style-list .tweet .tweet-date {
display: inline-block;
margin-top: 8px;
}
.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-twitter.style-grid .tm-twitter-inner {
display: flex;
padding-left: 1px;
}
.tm-twitter.style-grid .tm-twitter-inner .item {
width: 25%;
padding: 30px;
background-color: #fff;
border: 1px solid #eee;
min-height: 290px;
order: 5;
margin-left: -1px;
}
.tm-twitter.style-grid .tm-twitter-inner .item.order-1, .tm-twitter.style-grid .tm-twitter-inner .item.order-2 {
order: 1;
}
.tm-twitter.style-grid .tm-twitter-inner .item .tweet-date {
color: #999;
margin-bottom: 30px;
}
.tm-twitter.style-grid .tm-twitter-inner .item .tweet-text {
font-size: 15px;
line-height: 24px;
color: #222;
}
.tm-twitter.style-grid .tm-twitter-inner .item .tweet-text a {
font-weight: 700;
}
.tm-twitter.style-grid .tm-twitter-inner .item.item-logo {
color: #fff;
background-color: #38A1F2;
position: relative;
order: 3;
}
.tm-twitter.style-grid .tm-twitter-inner .item.item-logo span {
font-size: 16px;
font-weight: 500;
line-height: 1;
color: #fff;
display: block;
width: 100%;
text-align: center;
padding: 40px;
position: absolute;
left: 0;
bottom: 0;
}
.tm-twitter.style-grid .tm-twitter-inner .item.item-logo span a {
color: #fff;
text-transform: capitalize;
padding-bottom: 5px;
border-bottom: 1px solid transparent;
}
.tm-twitter.style-grid .tm-twitter-inner .item.item-logo span a:hover {
border-bottom-color: #fff;
}
.tm-twitter.style-grid .tm-twitter-inner .item.item-logo:before {
display: block;
width: 144px;
height: 144px;
text-align: center;
line-height: 144px;
position: absolute;
top: calc(50% - 26px);
left: 50%;
content: '\f243';
font-family: 'Ionicons';
font-size: 60px;
color: #fff;
background-image: url(//www.mathias-die.com/wp-content/themes/tractor/assets/images/rounded_lines.png);
transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
.tm-twitter.style-grid .tm-twitter-inner {
padding-left: 0;
flex-direction: column;
}
.tm-twitter.style-grid .tm-twitter-inner .item {
width: 100%;
min-height: 0;
order: 2;
margin-left: 0;
margin-top: -1px;
}
.tm-twitter.style-grid .tm-twitter-inner .item.item-logo {
min-height: 290px;
order: 1;
}
}
.tm-timeline ul {
margin: 0;
padding: 0;
}
.tm-timeline.style-01 .grid-item + .grid-item {
padding-top: 100px;
}
.tm-timeline.style-01 .grid-item:not([style*='left: 0']) .item-wrapper {
padding: 0 0 0 55px;
}
.tm-timeline.style-01 .grid-item:not([style*='left: 0']) .content-wrap {
float: right;
}
.tm-timeline.style-01 .grid-item:not([style*='left: 0']) .dot {
left: -14px;
}
.tm-timeline.style-01 .item-wrapper {
position: relative;
padding: 0 55px 0 0;
}
.tm-timeline.style-01 .line {
position: absolute;
left: 50%;
margin-left: -1px;
height: 100%;
border-left: 2px dotted rgba(151, 151, 151, 0.88);
}
.tm-timeline.style-01 .dot {
width: 28px;
height: 28px;
border-radius: 100%;
position: absolute;
top: 0;
right: -14px;
}
.tm-timeline.style-01 .dot:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 18px;
height: 18px;
border-radius: 50%;
}
.tm-timeline.style-01 .dot:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 10px;
height: 10px;
border-radius: 50%;
}
.tm-timeline.style-01 .content-header {
padding: 0 20px;
}
.tm-timeline.style-01 .content-wrap {
position: relative;
background: #fff;
box-shadow: 0 5px 40px rgba(0, 0, 0, 0.11);
}
.tm-timeline.style-01 .content-wrap:hover .heading:before {
width: 100%;
}
.tm-timeline.style-01 .content-body {
padding: 20px 20px 25px;
}
.tm-timeline.style-01 .heading {
position: relative;
font-weight: 700;
font-size: 18px;
margin-bottom: 0;
padding: 15px 0;
}
.tm-timeline.style-01 .photo {
margin-bottom: 25px;
}
.tm-timeline.style-01 .photo img {
width: 100%;
}
.tm-timeline.style-02 .timeline-item + .timeline-item {
margin-top: 40px;
padding-top: 40px;
border-top: 1px solid #eee;
}
.tm-timeline.style-02 .content-wrap {
display: flex;
}
.tm-timeline.style-02 .content-body {
padding: 0 0 0 40px;
}
.tm-timeline.style-02 .photo {
flex-shrink: 0;
}
.tm-timeline.style-02 .heading {
font-size: 18px;
margin-bottom: 13px;
}
.tm-timeline .tm-animation-queue .item .content-wrap {
opacity: 0;
}
.tm-timeline .tm-animation-queue .item.animate .content-wrap {
opacity: 1;
animation: moveHorizontal 0.65s ease forwards;
}
.tm-timeline .tm-animation-queue .item.animate:nth-child(even) .content-wrap {
transform: translateX(100px);
}
.tm-timeline .tm-animation-queue .item.animate:nth-child(odd) .content-wrap {
transform: translateX(-100px);
}
@media screen and (max-width: 1199px) {
.tm-timeline.style-01 .grid-item:not([style*='left: 0']) .item-wrapper {
padding: 0 0 0 30px;
}
.tm-timeline.style-01 .item-wrapper {
padding: 0 30px 0 0;
}
}
@media screen and (max-width: 640px) {
.tm-timeline.style-01 .grid-item + .grid-item {
padding-top: 40px;
}
.tm-timeline.style-01 .item-wrapper {
padding: 0 0 0 50px;
}
.tm-timeline.style-01 .line {
left: 20px;
}
.tm-timeline.style-01 .dot {
left: 6px;
right: auto;
}
.tm-timeline.style-01 .content-wrap {
float: right;
}
}
@media (max-width: 767px) {
.tm-timeline.style-02 .content-body {
padding: 6px 0 0 30px;
}
}
@media (max-width: 543px) {
.tm-timeline.style-02 .photo {
max-width: 100%;
}
.tm-timeline.style-02 .content-wrap {
display: block;
text-align: center;
}
.tm-timeline.style-02 .content-body {
padding: 30px 0 0;
}
}
.tm-blockquote blockquote {
margin: 0 !important;
padding: 28px 0 0;
border: 0;
background: url(//www.mathias-die.com/wp-content/themes/tractor/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 {
padding: 20px;
}
.gmap-marker-title {
font-size: 20px;
margin-bottom: 14px;
}
.tm-maps.overlay-style-01 .animated-dot {
position: relative;
width: 20px;
height: 20px;
left: -9px;
top: -5px;
}
.tm-maps.overlay-style-01 .animated-dot .middle-dot {
width: 20px;
height: 20px;
border-radius: 50%;
position: absolute;
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: 50%;
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: 50%;
position: absolute;
left: -80px;
top: -80px;
opacity: 0;
animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
transform-origin: 50% 50%;
animation-fill-mode: forwards;
animation-delay: .78s;
animation-iteration-count: infinite;
}
.tm-maps.overlay-style-01 .animated-dot .signal2 {
width: 180px;
height: 180px;
pointer-events: none;
border-radius: 50%;
position: absolute;
left: -80px;
top: -80px;
opacity: 0;
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: .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: .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: .14;
}
20% {
opacity: .14;
}
60% {
transform: scale(1);
opacity: 0;
}
}
@keyframes animationSignal2 {
0% {
opacity: 0;
transform: scale(0);
}
1% {
opacity: .29;
}
20% {
opacity: .29;
}
60% {
transform: scale(1);
opacity: 0;
}
}
.tm-maps-popup {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
cursor: pointer;
}
.tm-maps-popup:before {
content: '';
display: block;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 8;
opacity: 0;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tm-maps-popup .tm-maps-popup-text {
opacity: 0;
color: #fff;
font-size: 20px;
text-align: center;
z-index: 9;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.tm-maps-popup .tm-maps-popup-marker {
z-index: 7;
width: 32px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.tm-maps-popup .tm-maps-popup-marker .animated-dot {
position: relative;
margin: 0;
width: 20px;
height: 20px;
margin-top: 10px;
margin-left: 10px;
}
.tm-maps-popup .tm-maps-popup-marker .animated-dot .middle-dot:after {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-family: Ionicons;
content: '\f456';
font-size: 56px;
color: #ffc246;
}
.tm-maps-popup .tm-maps-popup-marker .animated-dot .signal,
.tm-maps-popup .tm-maps-popup-marker .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: .78s;
}
.tm-maps-popup .tm-maps-popup-marker .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: .78s;
}
.tm-maps-popup .tm-maps-popup-marker .animated-dot .signal2 {
border: 2px solid #ffc246;
animation-delay: 1s;
box-shadow: inset 0 0 35px 10px #ffc246;
}
.tm-maps-popup:hover:before {
opacity: 1;
}
.tm-maps-popup:hover .tm-maps-popup-text {
opacity: 1;
}
.tm-maps-popup:hover .tm-maps-popup-marker {
opacity: 0;
}
.tm-rotate-box {
position: relative;
}
.tm-rotate-box .flipper {
position: relative;
}
.tm-rotate-box .flipper:hover .box {
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 .box {
background-size: cover;
min-height: 370px;
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 .box:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: inherit;
}
.tm-rotate-box .box-outer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.tm-rotate-box .box-inner {
display: table;
height: 100%;
width: 100%;
}
.tm-rotate-box .box-content {
display: table-cell;
vertical-align: middle;
}
.tm-rotate-box .back {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tm-rotate-box .content-wrap {
width: 100%;
display: block;
transform-style: preserve-3d;
perspective: inherit;
backface-visibility: hidden;
padding: 50px 30px;
z-index: 2;
}
.tm-rotate-box.style-1 {
text-align: center;
}
.tm-rotate-box.style-1 .heading {
font-size: 24px;
color: #ffffff;
margin-bottom: 0;
}
.tm-rotate-box.style-1 .text {
color: rgba(255, 255, 255, 0.55);
margin: 32px auto 0;
max-width: 420px;
}
.tm-rotate-box.style-1 .tm-button {
margin-top: 78px;
color: #fff;
}
.tm-rotate-box.style-2 .box-content {
vertical-align: bottom;
}
.tm-rotate-box.style-2 .heading {
position: relative;
font-size: 20px;
color: #222;
padding: 10px 70px 10px 18px;
background-color: #fff;
margin-bottom: 0;
min-height: 70px;
display: flex;
align-items: center;
}
.tm-rotate-box.style-2 .heading:after {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
content: '\f125';
font-family: Ionicons;
display: inline-block;
font-size: 16px;
font-weight: 500;
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
color: #fff;
background-color: #ffc246;
}
.tm-rotate-box.style-2 .text {
margin-top: 30px;
color: #fff;
}
.tm-rotate-box.style-2 .tm-button {
margin-top: 78px;
}
.tm-custom-menu .widget {
margin: 0 !important;
}
.tm-custom-menu.style-2 .menu {
margin: -8px -15px 0;
}
.tm-custom-menu.style-2 .menu > li {
width: 50%;
padding: 0 15px;
float: left;
}
.tm-custom-menu.style-3 .menu {
margin: -8px -15px 0;
}
.tm-custom-menu.style-3 .menu > li {
padding: 0 15px;
position: relative;
display: inline-block;
}
.tm-custom-menu.style-3 .menu > li + li:before {
position: absolute;
width: 1px;
height: 20px;
top: 10px;
left: -1px;
content: '';
background-color: #d8d8d8;
}
.tm-custom-menu.style-4 .menu {
margin: -8px -15px 0;
}
.tm-custom-menu.style-4 .menu > li {
padding: 0 15px;
margin-bottom: 0;
position: relative;
display: inline-block;
}
.tm-custom-menu.style-4 .menu > li + li:before {
position: absolute;
width: 3px;
height: 3px;
top: 50%;
left: -2px;
content: '';
transform: translateY(-50%);
background-color: #d8d8d8;
}
.tm-custom-menu.style-5 .menu > li {
position: relative;
padding-left: 15px !important;
}
.tm-custom-menu.style-5 .menu > li a {
font-weight: 400 !important;
}
.tm-custom-menu.style-5 .menu > li:before {
position: absolute;
width: 5px;
height: 5px;
top: 50%;
border-radius: 50%;
left: 0;
content: '';
transform: translateY(-50%);
background-color: #d8d8d8;
}
@media (min-width: 768px) {
.tm-custom-menu.align-right {
text-align: right;
}
.tm-custom-menu.align-center {
text-align: center;
}
}
.tm-slider-group .tm-box-icon {
margin-bottom: 0;
}
.tm-slider-group.style-separator .swiper-container {
padding-left: 1px;
}
.tm-slider-group.style-separator .tm-group {
padding: 100px 57px;
border-left: 1px solid rgba(153, 153, 153, 0.1);
border-right: 1px solid rgba(153, 153, 153, 0.1);
margin-left: -1px;
}
@media (max-width: 767px) {
.tm-slider-group.style-separator .tm-group {
padding: 60px 25px;
}
}
.tm-grid-group .tm-box-icon,
.tm-grid-group .tm-team-member,
.tm-grid-group .tm-card,
.tm-grid-group .tm-pricing {
height: 100%;
margin-bottom: 0;
}
.tm-grid-group.style-border .tm-grid {
padding: 1px;
background: #eeeeee;
}
.tm-grid-group.style-border .grid-item {
background: #ffffff;
}
.tm-grid-group.style-light-border {
padding-top: 1px;
padding-left: 1px;
}
.tm-grid-group.style-light-border .tm-grid {
border: 1px solid rgba(255, 255, 255, 0.28);
}
.tm-grid-group.style-light-border .grid-item {
margin: -1px 0 0 -1px;
border-top: 1px solid rgba(255, 255, 255, 0.28);
border-left: 1px solid rgba(255, 255, 255, 0.28);
padding: 47px 30px;
}
.tm-grid-group.style-dark-border .tm-grid {
border: 1px solid #eeeeee;
}
.tm-grid-group.style-dark-border .grid-item {
margin: -1px 0 0 -1px;
border-top: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
padding: 47px 30px;
}
.tm-grid-group.style-rounded-separator .tm-grid {
background: #dddddd;
grid-gap: 1px !important;
}
.tm-grid-group.style-rounded-separator .grid-item {
background: #ffffff;
}
.tm-grid-group.style-rounded-separator .grid-item:hover {
z-index: 9;
}
@-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 {
line-height: 0;
}
.tm-separator.style-single-line {
border-bottom: 1px solid #f3f3f3;
}
.tm-separator.style-thick-short-line .separator-wrap {
display: inline-block;
height: 8px;
width: 50px;
border-radius: 5px;
}
.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;
}
.tm-jobs-box {
display: block;
width: 100%;
height: 100%;
background-color: #F7F7F7;
}
.tm-jobs-box h1, .tm-jobs-box h2, .tm-jobs-box h3, .tm-jobs-box h4, .tm-jobs-box h5, .tm-jobs-box h6 {
margin-bottom: 0;
}
.tm-jobs-box .tm-jobs-box-top {
display: flex;
align-items: center;
justify-content: space-between;
}
.tm-jobs-box .tm-jobs-box-top .title {
font-size: 34px;
font-weight: 700;
color: #222;
line-height: 1.3;
}
.tm-jobs-box .tm-jobs-box-top .link {
text-align: right;
}
.tm-jobs-box .tm-jobs-box-top .link a {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
height: 40px;
line-height: 40px;
}
.tm-jobs-box .tm-jobs-box-top .link a:after {
content: '\f2c7';
font-family: Ionicons;
font-size: 14px;
font-weight: 400;
display: inline-block;
vertical-align: middle;
margin-left: 15px;
width: 40px;
height: 40px;
line-height: 38px;
text-align: center;
border: 1px solid #ddd;
border-radius: 50%;
}
.tm-jobs-box .tm-jobs-box-top .link a:hover:after {
color: #fff;
border-color: #ffc246;
background-color: #ffc246;
}
.tm-jobs-box .tm-jobs-box-mid {
margin-top: 20px;
}
.tm-jobs-box .tm-jobs-box-mid .tm-jobs-box-item {
display: block;
padding: 20px 0;
border-bottom: 1px solid #ddd;
}
.tm-jobs-box .tm-jobs-box-mid .tm-jobs-box-item .title {
font-size: 20px;
font-weight: 700;
}
.tm-jobs-box .tm-jobs-box-mid .tm-jobs-box-item .text {
color: #888;
}
.tm-jobs-box .tm-jobs-box-mid .tm-jobs-box-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.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;
}
.tm-attribute-list ul {
padding: 0;
margin: 0;
display: table;
width: 100%;
border-collapse: collapse;
}
.tm-attribute-list li {
list-style-type: none;
display: table-row;
}
.tm-attribute-list .icon,
.tm-attribute-list .content {
display: table-cell;
vertical-align: middle;
padding: 12px 20px;
border: 1px solid #ddd;
}
.tm-attribute-list.style-01 {
font-size: 15px;
}
.tm-attribute-list.style-01 li:nth-child(even) {
background-color: #f7f7f7;
}
.tm-attribute-list.style-01 .icon {
font-size: 20px;
text-align: center;
}
.tm-cta-box {
padding-bottom: 100px;
position: relative;
}
.tm-cta-box h1, .tm-cta-box h2, .tm-cta-box h3, .tm-cta-box h4, .tm-cta-box h5, .tm-cta-box h6 {
margin-bottom: 0;
}
.tm-cta-box .image {
overflow: hidden;
}
.tm-cta-box .image img {
width: 100%;
height: auto;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tm-cta-box .info {
width: 330px;
max-width: 100%;
background-color: #fff;
padding: 40px;
position: absolute;
bottom: 30px;
right: 0;
box-shadow: 0 30px 50px rgba(0, 0, 0, 0.06);
}
.tm-cta-box .info .heading {
font-size: 26px;
line-height: 34px;
font-weight: 700;
color: #222;
}
.tm-cta-box .info .link {
margin-top: 30px;
text-align: right;
}
.tm-cta-box .info .link a {
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
color: #ffc246;
letter-spacing: 1px;
line-height: 1;
padding-bottom: 10px;
border-bottom: 2px solid #eee;
}
.tm-cta-box .info .link a:after {
content: '\f30f';
font-family: Ionicons;
margin-left: 5px;
}
.tm-cta-box .info .link a:hover {
color: #222;
}
.tm-cta-box:hover .image img {
transform: scale(1.1);
}
.vc_row {
clear: both;
}
.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-wavify,
.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;
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: 95px;
width: 1px;
background: #eee;
}
.vc_row-column-separator-02 > .wpb_column + .wpb_column:before {
content: '';
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
height: 100%;
width: 1px;
background: #eee;
}
.vc_row-column-separator-03 > .wpb_column:before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0);
height: 100%;
width: 1px;
background: #eee;
}
.vc_row-column-separator-04 > .wpb_column + .wpb_column:before {
content: '';
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
height: 100%;
width: 1px;
background: #2e2e2e;
}
@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: 150px;
}
.vc_row-column-separator-02 > .wpb_column + .wpb_column .tm-counter {
padding-top: 36px;
}
.vc_row-column-separator-02 > .wpb_column + .wpb_column:before {
top: 0;
left: 50%;
transform: translate(-50%, 0);
height: 1px;
width: 100%;
}
.vc_row-column-separator-04 > .wpb_column + .wpb_column .tm-counter {
padding-top: 36px;
}
.vc_row-column-separator-04 > .wpb_column + .wpb_column:before {
top: 0;
left: 50%;
transform: translate(-50%, 0);
height: 1px;
width: 100%;
}
}
.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_progress_bar .vc_single_bar_wrapper {
padding-bottom: 7px;
}
.vc_progress_bar .vc_single_bar_wrapper + .vc_single_bar_wrapper {
margin-top: 27px;
}
.vc_progress_bar .vc_single_bar_title {
margin-bottom: 12px;
font-size: 16px;
font-weight: 600;
color: #222;
}
.vc_progress_bar .vc_single_bar_title .vc_label_units {
float: right;
font-weight: 500;
}
.vc_progress_bar .vc_general.vc_single_bar {
height: 5px;
border-radius: 5px;
box-shadow: none;
background-color: #e0e0e0;
}
.vc_progress_bar .vc_general.vc_single_bar .vc_label {
padding: 0;
}
.vc_progress_bar .vc_general.vc_single_bar .vc_bar {
border-radius: inherit;
}
.vc_progress_bar .vc_bar:after {
position: absolute;
top: 50%;
right: -1px;
width: 16px;
height: 16px;
transform: translate(0, -50%);
background: inherit;
content: '';
border-radius: 50%;
}
.vc_progress_bar.style-2 .vc_single_bar_title {
width: 100% !important;
}
.vc_chart.vc_chart .vc_chart-legend li {
margin: 0;
font-size: 15px;
font-weight: 500;
}
.vc_chart.vc_chart .vc_chart-legend li + li {
margin-top: 18px;
}
.vc_chart.vc_chart .vc_chart-legend span {
border-radius: 3px;
width: 26px;
height: 26px;
margin-right: 28px;
}
.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_tt a-panels:after,
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-classic .vc_tta-panels:before {
border-color: #f0f0f0;
}
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-01.vc_tta-tabs-position-top .vc_tta-tabs-container,
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-01.vc_tta-tabs-position-top .vc_tta-tabs-list {
overflow: visible;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-01.vc_tta-shape-rounded .vc_tta-tabs-list {
overflow: hidden;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-01.vc_tta-shape-rounded .vc_tta-tab > a {
border-radius: 0;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-01 .vc_tta-tabs-container {
margin: 0;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-01 .vc_tta-tabs-list {
display: table;
width: 100%;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-01 .vc_tta-tab {
display: table-cell;
text-align: center;
width: 1%;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-01 .vc_tta-tab + .vc_tta-tab {
padding-left: 15px;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-01 .vc_tta-tab > a {
font-size: 18px;
font-weight: 700;
background-color: #ededed;
color: #9c9c9c;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-01 .vc_tta-tab:hover > a, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-01 .vc_tta-tab.vc_active > a {
color: #ffffff;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-01 .vc_tta-panel-body {
border: 0;
border-radius: 0;
background: #ffffff;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
padding: 42px 30px 67px;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-01 .vc_tta-panel-title {
color: inherit;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-01 .vc_tta-panel-heading {
background: #eeeeee;
border-radius: 0;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-01 .vc_active .vc_tta-panel-heading {
color: #ffffff;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-02.vc_tta-tabs-position-top .vc_tta-tabs-container,
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-02.vc_tta-tabs-position-top .vc_tta-tabs-list {
overflow: visible;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-02 .vc_tta-tabs-list {
margin: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-02 .vc_tta-tab {
margin: 0;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-02 .vc_tta-tab > a {
padding: 15px 25px 15px 0;
border: 0;
border-bottom: 2px solid transparent;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: rgba(255, 255, 255, 0.5);
margin: 0 0 -2px;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-02 .vc_tta-tab + .vc_tta-tab {
margin-left: 35px;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-02 .vc_tta-tab:hover a {
color: #ffffff;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-02 .vc_tta-tab.vc_active > a {
color: #ffffff;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-02 .vc_tta-panel-body {
padding: 41px 0 0;
border: 0;
color: rgba(255, 255, 255, 0.5);
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-02 .vc_tta-panel-heading {
border: 0;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-02 .vc_tta-panel-heading:hover .vc_tta-panel-title {
color: #ffffff;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-02 .vc_tta-panel-title {
color: rgba(255, 255, 255, 0.5);
border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-02 .vc_tta-panel-title > a {
padding: 14px 0;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-02 .vc_tta-panel + .vc_tta-panel {
margin-top: 20px;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-03.vc_tta-tabs-position-top .vc_tta-tabs-container,
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-03.vc_tta-tabs-position-top .vc_tta-tabs-list {
overflow: visible;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-03.vc_tta-shape-rounded .vc_tta-tabs-list {
overflow: hidden;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-03.vc_tta-shape-rounded .vc_tta-tab > a {
border-radius: 0;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-03 .vc_tta-tabs-container {
margin: 0 0 -1px !important;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-03 .vc_tta-tab + .vc_tta-tab {
padding-left: 10px;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-03 .vc_tta-tab > a {
font-size: 18px;
font-weight: 700;
background-color: #f7f7f7;
color: #888;
border: 1px solid transparent;
border-bottom-color: #ddd;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-03 .vc_tta-tab > a:before {
content: '';
display: inline-block;
width: 3px !important;
height: 0 !important;
position: absolute !important;
top: -1px !important;
left: -1px !important;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-03 .vc_tta-tab:hover > a, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-03 .vc_tta-tab.vc_active > a {
color: #222;
border: 1px solid #ddd;
border-bottom-color: #fff;
background-color: #fff;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-03 .vc_tta-tab:hover > a:after, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-03 .vc_tta-tab.vc_active > a:after {
display: none !important;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-03 .vc_tta-tab:hover > a:before, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-03 .vc_tta-tab.vc_active > a:before {
height: calc(100% + 2px) !important;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-03 .vc_tta-panel-body {
border-radius: 0;
background: #ffffff;
border: 1px solid #ddd;
padding: 42px 30px 67px;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-03 .vc_tta-panel-title {
color: inherit;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-03 .vc_tta-panel-heading {
background: #f7f7f7;
border-radius: 0;
border: 1px solid #ddd;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-03 .vc_active .vc_tta-panel-heading {
color: #222;
}
@media (min-width: 768px) {
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-tractor-01 .vc_tta-panel-body {
padding: 62px 40px 87px;
}
}
.vc_tta.vc_general.vc_tta-style-tractor-tour-01 .vc_tta-tabs-container {
overflow: visible !important;
margin: 0 !important;
width: calc(100%/4);
}
.vc_tta.vc_general.vc_tta-style-tractor-tour-01 .vc_tta-tabs-list {
overflow: visible !important;
background-color: #f7f7f7;
padding: 36px 0 !important;
}
.vc_tta.vc_general.vc_tta-style-tractor-tour-01 .vc_tta-tabs-list .vc_tta-tab {
color: #999;
font-size: 16px;
font-weight: 500;
margin: 0;
position: relative;
}
.vc_tta.vc_general.vc_tta-style-tractor-tour-01 .vc_tta-tabs-list .vc_tta-tab a {
font-weight: inherit;
}
.vc_tta.vc_general.vc_tta-style-tractor-tour-01 .vc_tta-tabs-list .vc_tta-tab:after {
content: '';
width: 0px;
height: 0px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #ffc246;
position: absolute;
top: 50%;
left: calc(100% - 6px);
transform: translate(0, -50%);
opacity: 0;
visibility: hidden;
}
.vc_tta.vc_general.vc_tta-style-tractor-tour-01 .vc_tta-tabs-list .vc_tta-tab > a {
padding: 14px 30px;
}
.vc_tta.vc_general.vc_tta-style-tractor-tour-01 .vc_tta-tabs-list .vc_tta-tab:hover, .vc_tta.vc_general.vc_tta-style-tractor-tour-01 .vc_tta-tabs-list .vc_tta-tab.vc_active {
background-color: #ffc246;
color: #222;
}
.vc_tta.vc_general.vc_tta-style-tractor-tour-01 .vc_tta-tabs-list .vc_tta-tab:hover:after, .vc_tta.vc_general.vc_tta-style-tractor-tour-01 .vc_tta-tabs-list .vc_tta-tab.vc_active:after {
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
left: 100%;
opacity: 1;
visibility: visible;
}
.vc_tta.vc_general.vc_tta-style-tractor-tour-02 .vc_tta-tabs-container {
overflow: visible !important;
margin: 0 !important;
width: calc(100%/3);
}
.vc_tta.vc_general.vc_tta-style-tractor-tour-02 .vc_tta-panel-title {
border-bottom: 1px solid #ddd;
}
.vc_tta.vc_general.vc_tta-style-tractor-tour-02 .vc_tta-panel-body {
padding: 50px 20px !important;
}
@media (min-width: 768px) {
.vc_tta.vc_general.vc_tta-style-tractor-tour-02 .vc_tta-panel-body {
padding: 0 0 0 61px !important;
}
}
.vc_tta.vc_general.vc_tta-style-tractor-tour-02 .vc_tta-tabs-list {
overflow: visible !important;
background-color: #f7f7f7;
}
.vc_tta.vc_general.vc_tta-style-tractor-tour-02 .vc_tta-tabs-list .vc_tta-tab {
color: #222;
font-size: 16px;
font-weight: 500;
margin: 0;
position: relative;
}
.vc_tta.vc_general.vc_tta-style-tractor-tour-02 .vc_tta-tabs-list .vc_tta-tab a {
font-weight: inherit;
}
.vc_tta.vc_general.vc_tta-style-tractor-tour-02 .vc_tta-tabs-list .vc_tta-tab + .vc_tta-tab {
border-top: 1px solid #ddd;
}
.vc_tta.vc_general.vc_tta-style-tractor-tour-02 .vc_tta-tabs-list .vc_tta-tab:after {
content: '';
width: 0px;
height: 0px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #ffc246;
position: absolute;
top: 50%;
left: calc(100% - 6px);
transform: translate(0, -50%);
opacity: 0;
visibility: hidden;
}
.vc_tta.vc_general.vc_tta-style-tractor-tour-02 .vc_tta-tabs-list .vc_tta-tab > a {
padding: 14px 30px;
}
.vc_tta.vc_general.vc_tta-style-tractor-tour-02 .vc_tta-tabs-list .vc_tta-tab:hover, .vc_tta.vc_general.vc_tta-style-tractor-tour-02 .vc_tta-tabs-list .vc_tta-tab.vc_active {
background-color: #ffc246;
color: #fff;
}
.vc_tta.vc_general.vc_tta-style-tractor-tour-02 .vc_tta-tabs-list .vc_tta-tab:hover:after, .vc_tta.vc_general.vc_tta-style-tractor-tour-02 .vc_tta-tabs-list .vc_tta-tab.vc_active:after {
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
left: 100%;
opacity: 1;
visibility: visible;
}
#mega-industries .vc_tta.vc_general.vc_tta-style-tractor-tour-01 .vc_tta-tabs-list {
background: #f7f7f7 url(//www.mathias-die.com/wp-content/themes/tractor/assets/images/decor.jpg) no-repeat top left;
background-size: cover;
}
.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-top: 70px;
}
.page-sidebar .page-sidebar-content {
background: #fafafa;
padding: 60px 25px;
}
.page-sidebar .page-sidebar-content .widget-title {
font-size: 24px;
font-weight: 700;
border: 0;
padding-bottom: 0;
margin-bottom: 35px;
}
.page-sidebar .page-sidebar-special {
margin-top: 40px;
}
.page-sidebar .page-sidebar-inner {
height: 100%;
}
.page-sidebar .widget_pages ul ul > li > a,
.page-sidebar .widget_nav_menu ul ul > li > a,
.page-sidebar .insight-core-bmw ul ul > li > a {
padding-left: 35px;
}
.page-sidebar .widget_pages ul ul > li ul > li > a,
.page-sidebar .widget_nav_menu ul ul > li ul > li > a,
.page-sidebar .insight-core-bmw ul ul > li ul > li > a {
padding-left: 45px;
}
.page-sidebar .widget_pages ul ul > li ul ul > li > a,
.page-sidebar .widget_nav_menu ul ul > li ul ul > li > a,
.page-sidebar .insight-core-bmw ul ul > li ul ul > li > a {
padding-left: 55px;
}
.page-sidebar .widget_pages ul ul > li ul ul ul > li > a,
.page-sidebar .widget_nav_menu ul ul > li ul ul ul > li > a,
.page-sidebar .insight-core-bmw ul ul > li ul ul ul > li > a {
padding-left: 65px;
}
.page-sidebar .widget_pages > ul,
.page-sidebar .widget_nav_menu > ul,
.page-sidebar .insight-core-bmw > ul {
border: 0;
overflow: hidden;
}
.page-sidebar .widget_pages > ul > li,
.page-sidebar .widget_nav_menu > ul > li,
.page-sidebar .insight-core-bmw > ul > li {
background: #fff;
padding: 0;
}
.page-sidebar .widget_pages li,
.page-sidebar .widget_nav_menu li,
.page-sidebar .insight-core-bmw li {
border: 0;
background: #fff;
}
.page-sidebar .widget_pages li > a,
.page-sidebar .widget_nav_menu li > a,
.page-sidebar .insight-core-bmw li > a {
border-top: 1px solid #eee;
}
.page-sidebar .widget_pages a:hover,
.page-sidebar .widget_pages .current-menu-item > a,
.page-sidebar .widget_nav_menu a:hover,
.page-sidebar .widget_nav_menu .current-menu-item > a,
.page-sidebar .insight-core-bmw a:hover,
.page-sidebar .insight-core-bmw .current-menu-item > a {
color: #222;
border-color: transparent;
}
.page-sidebar .widget_pages .menu,
.page-sidebar .widget_nav_menu .menu,
.page-sidebar .insight-core-bmw .menu {
overflow: hidden;
}
.page-sidebar .widget_pages .menu > li:first-child > a,
.page-sidebar .widget_nav_menu .menu > li:first-child > a,
.page-sidebar .insight-core-bmw .menu > li:first-child > a {
border: 0;
}
.page-sidebar .tm-button {
text-overflow: ellipsis;
}
.page-sidebar select {
background-color: #fff;
border-color: transparent;
}
.widget_text {
font-size: 16px;
}
@media (max-width: 1199px) {
.wpb_widgetised_column {
padding: 0 !important;
}
.wpb_widgetised_column .wpb_wrapper {
padding: 50px 30px;
background: #fff;
max-width: 100%;
}
.wpb_widgetised_column .wpb_wrapper:after {
display: none;
}
}
.page-footer {
font-size: 15px;
line-height: 1.66;
}
.page-footer .widgettitle,
.page-footer .tm-mailchimp-form .title {
line-height: 1.4;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 30px;
border-bottom: 1px solid transparent;
}
.page-footer .tm-mailchimp-form .title {
line-height: 1.4;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 30px;
}
.page-footer .widget_nav_menu li,
.page-footer .insight-core-bmw li {
margin-bottom: 3px;
padding: 0;
border: 0;
}
.page-footer .widget_nav_menu a,
.page-footer .insight-core-bmw a {
font-weight: 400;
}
.page-footer .widget_nav_menu a:hover,
.page-footer .insight-core-bmw a:hover {
text-decoration: underline;
}
.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 {
border-bottom: 0;
padding: 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: 7px 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;
}
.widget_meta li {
padding: 0;
}
.widget_meta li a {
padding: 12px 0;
}
.widget_pages a:empty,
.widget_nav_menu a:empty,
.insight-core-bmw a:empty {
display: none;
}
.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_pages li,
.widget_nav_menu li,
.insight-core-bmw li {
margin: 0;
padding: 0;
}
.widget_pages a,
.widget_nav_menu a,
.insight-core-bmw a {
padding: 18px 25px;
font-size: 16px;
font-weight: 500;
color: #999;
}
.widget_pages .current-menu-item a,
.widget_nav_menu .current-menu-item a,
.insight-core-bmw .current-menu-item a {
color: #fff;
}
.widget_archive li,
.widget_categories li,
.widget_product_categories li {
border: 0;
}
.widget_archive > ul,
.widget_categories > ul,
.widget_product_categories > ul {
border: 0;
overflow: hidden;
}
.widget_archive > ul > li,
.widget_categories > ul > li,
.widget_product_categories > ul > li {
margin: -1px -1px 0;
background: #fff;
padding: 0;
}
.widget_archive > ul > li + li > a,
.widget_categories > ul > li + li > a,
.widget_product_categories > ul > li + li > a {
border-top: 1px solid #eee;
}
.widget_archive a:hover,
.widget_archive .current-cat > a,
.widget_categories a:hover,
.widget_categories .current-cat > a,
.widget_product_categories a:hover,
.widget_product_categories .current-cat > a {
color: #222 !important;
}
.widget_archive a,
.widget_categories a,
.widget_product_categories a {
position: relative;
display: block;
padding: 17px 50px 17px 35px;
font-size: 16px;
font-weight: 500;
color: inherit;
}
.widget_archive .count,
.widget_categories .count,
.widget_product_categories .count {
position: absolute;
top: 50%;
right: 20px;
float: right;
font-size: 12px;
border-radius: 100%;
line-height: 1;
color: #fff;
padding: 5px;
min-width: 22px;
text-align: center;
transform: translateY(-50%);
}
.widget_archive .children,
.widget_categories .children,
.widget_product_categories .children {
padding: 0 !important;
}
.widget_archive .children li,
.widget_categories .children li,
.widget_product_categories .children li {
padding: 0;
border-top: 1px solid #eee;
border-bottom: 0;
}
.widget_archive .children a,
.widget_categories .children a,
.widget_product_categories .children a {
padding-left: 50px;
}
.widget_archive .children .children a,
.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;
font-size: 18px;
line-height: 0;
transform: translate(0, -50%);
}
.widget_recent_comments .recentcomments span {
display: inline-block;
}
.widget_recent_comments .recentcomments a {
display: inline-block !important;
word-break: break-all !important;
}
.widget_recent_entries a {
font-weight: 700;
line-height: 1.44;
}
.widget_recent_entries .post-date {
position: relative;
display: block;
font-size: 15px;
font-weight: 500;
padding-left: 25px;
margin-top: 17px;
}
.widget_recent_entries .post-date:before {
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
font-family: Ionicons;
font-size: 18px;
content: '\f2d1';
}
@media (max-width: 991px) {
.page-content .widget + .widget {
margin: 50px 0 0;
}
.page-content .widget-title,
.page-content .widgettitle {
font-size: 24px;
}
}
@media (max-width: 767px) {
.page-sidebar {
margin-bottom: 50px;
}
.page-sidebar .page-sidebar-inner .page-sidebar-content:after {
display: none;
}
.widget_categories a,
.widget_product_categories a {
padding: 15px 20px;
}
}
@media (max-width: 543px) {
.widget_categories a,
.widget_product_categories a {
font-size: 14px;
padding: 15px 20px;
}
}
.widget_search form,
.widget_product_search form {
position: relative;
}
.widget_search .search-field,
.widget_product_search .search-field {
width: 100%;
padding: 0 20px;
background: #ffffff;
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.06);
border-color: transparent;
}
.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;
}
.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: 20px;
font-weight: 500;
}
.tagcloud {
margin: -5px;
}
.tagcloud a {
display: block;
float: left;
font-size: 15px !important;
font-weight: 400;
background: #ffffff;
border: 0;
padding: 3px 10px;
margin: 5px;
color: #999;
}
.tagcloud a:hover {
box-shadow: none;
color: #222;
}
.widget_calendar #wp-calendar {
background: #fff;
margin-bottom: 0;
}
.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: #fff;
}
.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 .post-item {
display: flex;
}
.tm-posts-widget .post-item + .post-item {
margin-top: 25px;
padding-top: 25px;
border-top: 1px solid #ddd;
}
.tm-posts-widget .post-widget-thumbnail {
flex-shrink: 0;
margin-right: 20px;
width: 80px;
height: 80px;
overflow: hidden;
position: relative;
}
.tm-posts-widget .post-widget-thumbnail:hover .post-widget-overlay {
visibility: visible;
opacity: 1;
}
.tm-posts-widget .post-widget-thumbnail img {
width: 100%;
}
.tm-posts-widget .post-widget-info {
flex-grow: 1;
}
.tm-posts-widget .post-widget-categories {
margin-bottom: 10px;
}
.tm-posts-widget .post-widget-title {
font-size: 18px;
line-height: 1.375;
margin-bottom: 0;
}
.tm-posts-widget .post-widget-title a {
color: #222;
}
.tm-posts-widget .post-widget-title a:hover {
text-decoration: underline;
}
.tm-posts-widget .post-date {
display: block;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #b5b5b5;
margin-top: 10px;
position: relative;
}
.tm-posts-widget .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 .post-overlay-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #ffffff;
font-weight: 500;
font-size: 24px;
} .woocommerce-error,
.woocommerce-info,
.woocommerce-message {
margin-bottom: 30px !important;
width: 100%;
border: 0;
color: #ffffff;
border-radius: 0;
}
.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: 0;
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;
height: 50px;
}
.select2-drop-active {
border: 0 !important;
}
.select2-container .select2-selection--single {
height: 60px;
}
.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: 58px;
color: #878c9b;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border-color: #efefef;
}
.mini-cart {
position: static;
}
.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: 30px;
height: 30px;
text-align: center;
font-size: 20px;
line-height: 30px;
cursor: pointer;
}
.mini-cart .mini-cart-icon:before {
position: absolute;
top: 50%;
left: 0;
color: inherit;
content: '\f110';
font-family: 'Ionicons' !important;
line-height: 0;
transform: translate(0, -50%);
}
.mini-cart .mini-cart-icon:after {
position: absolute;
top: -4px;
right: 0;
padding: 0 4px;
min-width: 15px;
height: 15px;
border-radius: 100%;
color: #222222;
background: #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-width: 0 0 3px 0;
border-style: solid;
background-color: #ffffff;
opacity: 0;
box-shadow: 0 0 37px rgba(0, 0, 0, 0.07);
}
.mini-cart .widget_shopping_cart_content li > a:not(.remove) {
font-size: 16px !important;
font-weight: 700;
}
.mini-cart.open .widget_shopping_cart_content {
top: 100%;
visibility: visible;
opacity: 1;
}
.widget_shopping_cart_content .cart-footer {
margin-top: 30px;
padding-top: 22px;
border-top: 1px solid #eeeeee;
}
.widget_shopping_cart_content .total {
padding: 0 !important;
width: 100%;
border-top: 0 !important;
font-size: 16px;
margin-bottom: 20px;
display: flex;
align-items: center;
}
.widget_shopping_cart_content .total strong {
display: inline-block;
width: 50%;
}
.widget_shopping_cart_content .total .amount {
width: 50%;
text-align: right;
font-size: 20px;
}
.widget_shopping_cart_content .buttons {
display: block;
}
.widget_shopping_cart_content .buttons a {
display: block;
padding: 0 20px !important;
text-align: center;
border-color: #222 !important;
text-transform: uppercase;
}
.widget_shopping_cart_content .buttons a.view-cart {
color: #222;
background-color: transparent;
}
.widget_shopping_cart_content .buttons a.view-cart:hover {
color: #fff !important;
background-color: #222 !important;
border-color: #222 !important;
}
.widget_shopping_cart_content .buttons a.checkout {
margin-top: 10px;
color: #fff;
background-color: #222 !important;
}
.widget_shopping_cart_content .buttons a.checkout:hover {
color: #fff !important;
background-color: #ffc246 !important;
border-color: #ffc246 !important;
}
.cart_list.product_list_widget li {
display: block;
list-style-type: none;
}
.cart_list.product_list_widget li + li {
margin-top: 20px !important;
}
.cart_list.product_list_widget li img {
float: left !important;
margin-right: 20px;
width: 80px;
height: 80px;
border-radius: 0;
}
.cart_list.product_list_widget li .quantity {
display: block;
}
.cart_list.product_list_widget li .remove {
position: relative !important;
float: right;
width: 20px;
height: 20px;
color: inherit !important;
font-size: 16px;
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 {
display: none;
}
.cart_list.product_list_widget a {
font-weight: normal;
font-size: 16px;
}
.woocommerce .widget_price_filter form {
padding-top: 20px;
}
.woocommerce .widget_price_filter .price_slider {
margin-bottom: 34px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
height: 5px;
border-radius: 0;
background-color: #eeeeee;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
top: -7px;
width: 19px;
height: 19px;
}
.woocommerce .widget_price_filter .price_slider_amount {
text-align: left;
font-size: 14px;
line-height: inherit;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
float: right;
padding: 0 33px !important;
height: 50px;
line-height: 46px !important;
background-color: #f9f9f9;
border-color: #dddddd;
color: #222222;
}
.woocommerce .widget_price_filter .price_slider_amount .button:hover {
color: #ffffff;
}
.woocommerce .widget_price_filter .price_label {
font-size: 16px;
font-weight: 500;
padding-top: 13px;
}
.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;
border: 1px solid #dddddd;
}
.woocommerce ul.product_list_widget li .price {
font-size: 16px;
}
.woocommerce ul.product_list_widget li .product-title {
margin-top: 12px;
font-size: 18px;
line-height: 1.4;
}
.woocommerce ul.product_list_widget li .product-title a {
color: inherit;
font-weight: inherit;
}
.woocommerce ul.product_list_widget li .star-rating {
margin-bottom: 10px;
font-size: 12px;
}
.woocommerce .page-sidebar ul.product_list_widget li + li {
margin-top: 20px;
}
.woocommerce .page-sidebar ul.product_list_widget .product-item {
display: flex;
}
.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: 100px;
}
.woocommerce .page-sidebar ul.product_list_widget .thumbnail img {
width: 100%;
border-radius: 0;
}
.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 20px !important;
height: 50px;
border-width: 2px;
border-style: solid;
border-radius: 0;
color: #222;
font-weight: 700 !important;
font-size: 13px !important;
line-height: 46px !important;
}
.woocommerce .tm-products .product, .woocommerce .products .product {
margin-bottom: 40px;
}
.woocommerce .tm-products .product .product-wrapper, .woocommerce .products .product .product-wrapper {
position: relative;
}
.woocommerce .tm-products .product .product-wrapper:hover .product-action, .woocommerce .products .product .product-wrapper:hover .product-action {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.woocommerce .tm-products .product .product-wrapper:hover .woocommerce_loop_add_to_cart_wrap .button, .woocommerce .products .product .product-wrapper:hover .woocommerce_loop_add_to_cart_wrap .button {
transform: translateY(0);
}
.woocommerce .tm-products .product .product-thumbnail, .woocommerce .products .product .product-thumbnail {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.woocommerce .tm-products .product .thumbnail, .woocommerce .products .product .thumbnail {
position: relative;
}
.woocommerce .tm-products .product .thumbnail img, .woocommerce .products .product .thumbnail img {
width: 100%;
border-radius: 0;
}
.woocommerce .tm-products .product .product-actions, .woocommerce .products .product .product-actions {
position: absolute;
top: 50%;
right: 30px;
z-index: 99;
margin-top: -30px;
transform: translateY(-50%);
display: flex;
flex-direction: column;
}
.woocommerce .tm-products .product .product-action, .woocommerce .products .product .product-action {
transition: all .5s ease-in-out;
opacity: 0;
visibility: hidden;
transform: translateX(20px);
display: block;
margin: 5px 0 !important;
}
.woocommerce .tm-products .product .product-action + .product-action, .woocommerce .products .product .product-action + .product-action {
transition-delay: .1s;
}
.woocommerce .tm-products .product .product-action + .product-action + .product-action, .woocommerce .products .product .product-action + .product-action + .product-action {
transition-delay: .2s;
}
.woocommerce .tm-products .product .product-action + .product-action + .product-action + .product-action, .woocommerce .products .product .product-action + .product-action + .product-action + .product-action {
transition-delay: .3s;
}
.woocommerce .tm-products .product .woosw-btn, .woocommerce .tm-products .product .woosq-btn, .woocommerce .tm-products .product .wooscp-btn, .woocommerce .products .product .woosw-btn, .woocommerce .products .product .woosq-btn, .woocommerce .products .product .wooscp-btn {
position: relative;
display: block;
width: 48px;
height: 48px;
line-height: 48px;
border-radius: 0;
color: #454545;
font-size: 0 !important;
padding: 0 !important;
background: #ffffff;
box-shadow: none;
border: 0;
text-align: center;
}
.woocommerce .tm-products .product .woosw-btn:before, .woocommerce .tm-products .product .woosq-btn:before, .woocommerce .tm-products .product .wooscp-btn:before, .woocommerce .products .product .woosw-btn:before, .woocommerce .products .product .woosq-btn:before, .woocommerce .products .product .wooscp-btn:before {
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
margin: 0;
padding: 0;
font-size: 18px;
font-weight: 500;
display: inline-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;
}
.woocommerce .tm-products .product .woosw-btn:hover, .woocommerce .tm-products .product .woosq-btn:hover, .woocommerce .tm-products .product .wooscp-btn:hover, .woocommerce .products .product .woosw-btn:hover, .woocommerce .products .product .woosq-btn:hover, .woocommerce .products .product .wooscp-btn:hover {
color: #ffffff;
background-color: #ffc246;
}
.woocommerce .tm-products .product .woocommerce_loop_add_to_cart_wrap, .woocommerce .products .product .woocommerce_loop_add_to_cart_wrap {
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100%;
}
.woocommerce .tm-products .product .woocommerce_loop_add_to_cart_wrap .button, .woocommerce .products .product .woocommerce_loop_add_to_cart_wrap .button {
display: block;
text-transform: uppercase;
background-color: #333;
width: 100%;
border: none;
color: #fff;
line-height: 50px !important;
text-align: center;
transform: translateY(100%);
}
.woocommerce .tm-products .product .woocommerce_loop_add_to_cart_wrap .button:before, .woocommerce .products .product .woocommerce_loop_add_to_cart_wrap .button:before {
content: '\f3f8';
font-family: Ionicons;
font-size: 20px;
margin-right: 10px;
display: inline-block;
line-height: 1;
width: 20px;
vertical-align: middle;
height: 20px;
}
.woocommerce .tm-products .product .woocommerce_loop_add_to_cart_wrap .button:after, .woocommerce .products .product .woocommerce_loop_add_to_cart_wrap .button:after {
display: none !important;
}
.woocommerce .tm-products .product .woocommerce_loop_add_to_cart_wrap .button:hover, .woocommerce .products .product .woocommerce_loop_add_to_cart_wrap .button:hover {
color: #fff;
background-color: #ffc246;
}
.woocommerce .tm-products .product .woocommerce_loop_add_to_cart_wrap .button.loading:before, .woocommerce .products .product .woocommerce_loop_add_to_cart_wrap .button.loading:before {
content: '\f459';
animation: load-spin 1.5s linear infinite !important;
}
.woocommerce .tm-products .product .woocommerce_loop_add_to_cart_wrap .button.added:before, .woocommerce .products .product .woocommerce_loop_add_to_cart_wrap .button.added:before {
content: '\f3fe';
}
.woocommerce .tm-products .product .woocommerce_loop_add_to_cart_wrap .added_to_cart, .woocommerce .products .product .woocommerce_loop_add_to_cart_wrap .added_to_cart {
display: none !important;
}
.woocommerce .tm-products .product .wooscp-btn:before, .woocommerce .products .product .wooscp-btn:before {
content: '\f4a8';
}
.woocommerce .tm-products .product .woosq-btn:before, .woocommerce .products .product .woosq-btn:before {
content: '\f4a4';
}
.woocommerce .tm-products .product .woosw-btn:before, .woocommerce .products .product .woosw-btn:before {
content: '\f388';
}
.woocommerce .tm-products .product .woosw-adding:before,
.woocommerce .tm-products .product .wooscp-btn-adding:before, .woocommerce .products .product .woosw-adding:before,
.woocommerce .products .product .wooscp-btn-adding:before {
content: '\f459' !important;
animation: load-spin 1.5s linear infinite !important;
}
.woocommerce .tm-products .product .product-info, .woocommerce .products .product .product-info {
text-align: center;
}
.woocommerce .tm-products .product .woocommerce-loop-product__title, .woocommerce .products .product .woocommerce-loop-product__title {
font-size: 20px;
line-height: 1.4;
margin-bottom: 10px;
}
.woocommerce .tm-products .product .star-rating, .woocommerce .products .product .star-rating {
margin: 0 auto 13px;
}
.woocommerce .tm-products.tm-swiper .product, .woocommerce .products.tm-swiper .product {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.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: 600;
font-size: 15px;
}
.woocommerce ins {
background: none;
color: #999999;
}
.woocommerce del {
position: relative;
text-decoration: none;
}
.woocommerce del .amount {
color: #999999 !important;
}
.woocommerce del:before {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: #999999;
content: '';
}
.woocommerce .star-rating {
color: #ffb805;
font-size: 16px;
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: 70px -15px 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: 15px;
padding: 15px 12px;
color: #b5b5b5;
border-radius: 0;
background: none !important;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.woocommerce nav.woocommerce-pagination ul li span i,
.woocommerce nav.woocommerce-pagination ul li a i {
font-size: 10px;
font-weight: 500;
}
.woocommerce nav.woocommerce-pagination ul li .dots {
width: 20px;
border: 0;
background: none;
color: #dddddd;
font-weight: 500;
font-size: 14px;
}
.woocommerce nav.woocommerce-pagination ul li .next,
.woocommerce nav.woocommerce-pagination ul li .prev {
font-size: 13px;
color: #b5b5b5;
}
.woocommerce nav.woocommerce-pagination ul li .prev i {
margin-right: 6px;
}
.woocommerce nav.woocommerce-pagination ul li .next i {
margin-left: 6px;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
color: #222222;
}
.woocommerce .archive-shop-actions {
margin-bottom: 30px;
}
.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 {
height: 50px;
background-color: transparent;
padding-left: 0;
padding-right: 0;
background-position: right;
}
.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 #respond input#submit.loading,
.woocommerce a.button.loading,
.woocommerce button.button.loading,
.woocommerce input.button.loading {
opacity: 1;
}
.woocommerce a.remove {
color: #999999 !important;
}
.woocommerce a.remove:hover {
background: none;
color: #222222 !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: 0;
}
.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: 0;
}
.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;
font-weight: 700;
}
.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: #ff0000;
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 table.cart td.actions .coupon .input-text {
border-color: #efefef;
padding: 0 20px;
height: 50px;
line-height: 46px;
border-width: 2px;
}
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;
text-transform: uppercase;
letter-spacing: 0.5px;
}
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 #order_review_heading,
.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-additional-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;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
width: 80px;
}
.woocommerce-form-login .button {
min-width: 140px;
}
@media (max-width: 1700px) {
.service-box-sec .vc_column-inner .wpb_wrapper .wpb_column:nth-child(1) .vc_column-inner .wpb_text_column,.service-box-sec .vc_column-inner .wpb_wrapper .service-inner-box .wpb_column:nth-child(2) .vc_column-inner .wpb_text_column{padding: 120px 0px;}
}
@media (max-width: 1460px) {
.service-box-sec .vc_column-inner .wpb_wrapper .wpb_column:nth-child(1) .vc_column-inner .wpb_text_column,.service-box-sec .vc_column-inner .wpb_wrapper .service-inner-box .wpb_column:nth-child(2) .vc_column-inner .wpb_text_column{padding: 80px 0px;}
}
@media (max-width: 1190px) {
.service-box-sec .vc_column-inner .wpb_wrapper .wpb_column:nth-child(1) .vc_column-inner .wpb_text_column,.service-box-sec .vc_column-inner .wpb_wrapper .service-inner-box .wpb_column:nth-child(2) .vc_column-inner .wpb_text_column{padding: 50px 0px;}
}
@media (max-width: 1040px) {
.service-box-sec .vc_column-inner .wpb_wrapper .wpb_column:nth-child(1) .vc_column-inner .wpb_text_column,.service-box-sec .vc_column-inner .wpb_wrapper .service-inner-box .wpb_column:nth-child(2) .vc_column-inner .wpb_text_column{padding: 30px 0px;    max-width: 393px;}
}
@media (max-width: 767px) {
.service-box-sec .vc_row:first-child{display: flex;flex-direction: column-reverse;}
.service-box-sec .vc_column-inner .wpb_wrapper .wpb_column:nth-child(1) .vc_column-inner .wpb_text_column,.service-box-sec .vc_column-inner .wpb_wrapper .service-inner-box .wpb_column:nth-child(2) .vc_column-inner .wpb_text_column{padding:30px 15px;max-width:inherit;text-align: center;}
.service-title-content{padding-bottom:70px;}
.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__label-for-checkbox {
cursor: pointer;
}
#ship-to-different-address-checkbox {
top: -3px;
}
.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: 0;
background: #ededed;
color: #222222;
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 #place_order {
float: none !important;
width: 180px;
}
.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.single-product #reviews #comments .commentlist {
margin: 0 0 46px;
padding: 0;
}
.woocommerce.single-product #reviews #comments .commentlist .comment {
margin: 0 0 50px;
border-bottom: 1px solid #ededed;
padding-bottom: 50px;
}
.woocommerce.single-product #reviews #comments .commentlist .comment:last-child {
margin: 0;
border-bottom: 0;
padding: 0;
}
.woocommerce.single-product #reviews #comments .commentlist .avatar {
padding: 0;
width: 80px;
border: 0;
border-radius: 0;
float: none;
position: static;
}
.woocommerce.single-product #reviews #comments .commentlist .meta {
margin-bottom: 25px;
}
.woocommerce.single-product #reviews #comments .commentlist .comment-author {
float: left;
}
.woocommerce.single-product #reviews #comments .commentlist .star-rating {
position: absolute;
top: 4px;
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 #comments .commentlist .children {
margin: 50px 0 0;
padding: 50px 0 0 110px;
border-top: 1px solid #eeeeee;
}
.woocommerce.single-product #reviews #comment {
height: 200px;
}
.woocommerce.single-product .comment-content {
margin-left: 110px;
}
.woocommerce.single-product .comment-actions {
margin-top: 31px;
}
.woocommerce.single-product .comment-actions a {
margin-right: 20px;
font-weight: 600;
line-height: 1.26;
}
.woocommerce.single-product .woocommerce-Reviews-title {
display: none;
}
.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: 200px;
}
.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 {
font-size: 18px;
display: inline-block;
margin-bottom: 8px;
}
.woocommerce-review__published-date {
display: block;
font-size: 13px;
font-weight: 500;
line-height: 1.23;
color: #c0c0c0;
}
.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 .tm-swiper {
margin: 0;
}
.woocommerce.single-product .swiper-container {
padding: 0;
}
.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 .row.woo-single-info {
margin: 0 -35px;
}
.woocommerce.single-product div.product .row.woo-single-info > .col-md-6 {
padding: 0 35px;
}
.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: 0;
box-shadow: none;
width: 100%;
}
.woocommerce.single-product div.product .images.tm-swiper .swiper-pagination {
bottom: 50px;
}
.woocommerce.single-product div.product .summary {
margin-bottom: 40px;
width: 100%;
}
.woocommerce.single-product div.product .product_title {
margin: -4px 0 17px;
font-size: 42px;
line-height: 1.23;
}
.woocommerce.single-product div.product p.price {
margin-bottom: 49px;
}
.woocommerce.single-product div.product p.price .amount {
font-size: 30px;
font-weight: 500;
}
.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;
font-weight: 700;
min-width: 100px;
}
.woocommerce.single-product div.product form.cart .variations {
margin-bottom: 8px;
}
.woocommerce.single-product div.product form.cart .variations select {
margin-right: 0;
padding: 3px 30px 3px 15px;
min-width: 0;
width: 100%;
height: 40px;
}
.woocommerce.single-product div.product form.cart .variations .label {
display: inline-block;
padding: 10px 15px 10px 0;
min-width: 115px;
margin-top: 5px;
}
.woocommerce.single-product div.product form.cart .variations .value {
width: 100%;
}
.woocommerce.single-product div.product form.cart .reset_variations {
display: inline-block;
letter-spacing: 3px;
font-size: 14px !important;
text-transform: uppercase;
font-weight: 700;
position: relative;
padding-left: 15px;
margin-top: 8px;
}
.woocommerce.single-product div.product form.cart .reset_variations:before {
font-family: 'Ionicons';
content: '\f2d7';
position: absolute;
top: 8px;
left: 0;
line-height: 1;
}
.woocommerce.single-product div.product .single_add_to_cart_button {
position: relative;
padding: 0 30px 0 60px !important;
}
.woocommerce.single-product div.product .single_add_to_cart_button:hover {
background: transparent;
color: #222 !important;
}
.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: 12px;
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 .summary .wishlist-btn,
.woocommerce.single-product div.product .summary .compare-btn {
float: left;
margin-left: 10px;
}
.woocommerce.single-product div.product .summary .wishlist-btn a,
.woocommerce.single-product div.product .summary .compare-btn a {
position: relative;
display: block;
width: 50px;
height: 50px;
line-height: 48px;
border-radius: 0;
color: #ababab;
font-size: 0 !important;
padding: 0 !important;
border: 1px solid #ededed;
text-align: center;
}
.woocommerce.single-product div.product .summary .wishlist-btn a:hover,
.woocommerce.single-product div.product .summary .compare-btn a:hover {
color: #ffffff !important;
}
.woocommerce.single-product div.product .summary .wishlist-btn a:before,
.woocommerce.single-product div.product .summary .compare-btn a:before {
display: block;
margin: 0;
font-size: 18px;
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;
}
.woocommerce.single-product div.product .summary .woosw-btn:before {
content: '\f388';
}
.woocommerce.single-product div.product .summary .wooscp-btn:before {
content: '\f4a8';
}
.woocommerce.single-product div.product .summary .wishlist-btn .woosw-adding:before,
.woocommerce.single-product div.product .summary .compare-btn .wooscp-btn-adding:before {
animation: load-spin 1.5s linear infinite;
content: '\f459';
}
.woocommerce.single-product div.product .woocommerce-tabs {
position: relative;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs {
overflow: visible;
margin: 0;
padding: 0;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs:before {
position: absolute;
top: auto;
right: auto;
bottom: 1px;
display: block;
width: 100%;
height: 1px;
border: 0 !important;
background: #ededed;
content: '';
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li {
z-index: 1;
margin: 0 55px 0 0;
padding: 0;
border: 0;
border-bottom: 3px 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: 13px 0;
font-size: 20px;
font-weight: 600;
line-height: 1.5;
}
.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: 60px 0 0;
}
.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: 15px;
}
.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 10px;
font-size: 18px;
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: 60px;
font-size: 30px;
}
.cross-sells.products .product,
.up-sells.products .product,
.related.products .product {
width: 100%;
margin: 0 !important;
}
@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-MyAccount-navigation ul {
margin: 0;
padding: 0;
list-style: none;
border-radius: 0;
border: 1px solid #eeeeee;
}
.woocommerce-MyAccount-navigation li {
margin: -1px -1px 0;
}
.woocommerce-MyAccount-navigation li:first-child a {
border-radius: 0;
}
.woocommerce-MyAccount-navigation li:last-child a {
border-radius: 0;
}
.woocommerce-MyAccount-navigation li a {
display: block;
padding: 17px 35px;
font-size: 16px;
font-weight: 600;
border-top: 1px solid #eeeeee;
color: inherit;
}
.woocommerce-MyAccount-navigation .is-active a,
.woocommerce-MyAccount-navigation a:hover {
background: #006efd;
color: #ffffff;
}
.woocommerce-account .addresses .title .edit,
.woocommerce-account ul.digital-downloads li .count {
margin-top: 3px;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
float: none;
}
.woocommerce-account .woocommerce .button {
margin-top: 30px;
}
.woocommerce-edit-address .woocommerce-MyAccount-content h3 {
margin-bottom: 10px;
}
.woocommerce-edit-address .woocommerce-MyAccount-content > form > h3 {
font-size: 24px;
margin-bottom: 40px;
}
.woocommerce-edit-address .woocommerce-MyAccount-content address {
font-style: normal;
}
.woosw-list table.woosw-content-items .woosw-content-item .woosw-content-item--remove span:before {
font-family: 'Ionicons' !important;
content: '\f2d7' !important;
}
.woosw-area .woosw-inner .woosw-content {
max-width: 570px;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--remove {
padding: 0 !important;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--remove > span {
width: 30px !important;
height: 30px !important;
}
.woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--remove > span:before {
font-family: 'Ionicons' !important;
content: '\f2d7' !important;
}
.woosw-area .woosw-content-item--add {
min-width: 140px;
}
.woosw-area .woosw-content .button {
height: 50px !important;
line-height: 46px !important;
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
letter-spacing: 1px;
}
.woosw-area .woosw-page a {
font-weight: 700;
font-size: 13px;
letter-spacing: 1px;
}
.woosw-area .woosw-continue {
font-weight: 700;
letter-spacing: 1px;
font-size: 13px;
}
#woosq-popup .slick-slider .slick-arrow {
border: none;
}
.wooscp-area .wooscp-inner .wooscp-table .wooscp-table-inner {
border-radius: 0 !important;
}
.wooscp-area .wooscp-inner .wooscp-bar .wooscp-bar-btn, .wooscp-area .wooscp-inner .wooscp-bar .wooscp-bar-item, .wooscp-area .wooscp-inner .wooscp-bar .wooscp-bar-item img {
border-radius: 0 !important;
} .wpb_column.column-full-height .wpb_wrapper {
height: 100%;
}
.tm-image.up-80px .image {
transform: translateY(-80px);
}
.box-bg-primary .vc_column-inner .wpb_wrapper {
background-color: #ffc246;
padding: 40px 40px 40px 10px;
position: relative;
}
.box-bg-primary .vc_column-inner .wpb_wrapper:before {
content: '';
display: block;
width: 30px;
height: 100%;
position: absolute;
left: -30px;
top: 0;
background-color: inherit;
}
@media (max-width: 991px) {
.box-bg-primary .vc_column-inner .wpb_wrapper {
padding: 40px;
}
.box-bg-primary .vc_column-inner .wpb_wrapper:before {
display: none;
}
}
.weare-there-btn a{
background-color: #ffffff !important;
color: #222 !important;
}
.weare-there-btn a:hover{
background-color: #222222 !important;
border-color: #ffffff !important;
color: #ffffff !important;
}
.services-boxes .service-item .post-title a:hover{
color: #262262 !important;
}
.product_listing_wrp .post-title a:hover{
color: #262262;
}