@charset "UTF-8";
.wpml-ls-legacy-dropdown-click{width:15.5em;max-width:100%}.wpml-ls-legacy-dropdown-click>ul{position:relative;padding:0;margin:0!important;list-style-type:none}.wpml-ls-legacy-dropdown-click .wpml-ls-item{padding:0;margin:0;list-style-type:none}.wpml-ls-legacy-dropdown-click a{display:block;text-decoration:none;color:#444;border:1px solid #cdcdcd;background-color:#fff;padding:5px 10px;line-height:1}.wpml-ls-legacy-dropdown-click a span{vertical-align:middle}.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle{position:relative;padding-right:calc(10px + 1.4em)}.rtl .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle{padding-right:10px;padding-left:calc(10px + 1.4em)}.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{content:"";vertical-align:middle;display:inline-block;border:.35em solid transparent;border-top:.5em solid;position:absolute;right:10px;top:calc(50% - .175em)}.rtl .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{right:auto;left:10px}.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a,.wpml-ls-legacy-dropdown-click a:focus,.wpml-ls-legacy-dropdown-click a:hover{color:#000;background:#eee}.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{visibility:hidden;position:absolute;top:100%;right:0;left:0;border-top:1px solid #cdcdcd;padding:0;margin:0;list-style-type:none;z-index:101}.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a{border-width:0 1px 1px}.wpml-ls-legacy-dropdown-click .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-dropdown-click .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-dropdown-click .wpml-ls-flag+span{margin-left:0;margin-right:.4em}
     *,
*:before,
*:after {
box-sizing: inherit; }
html {
box-sizing: border-box;
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
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: 1em 40px; }
hr {
box-sizing: content-box;
height: 0; }
pre {
overflow: auto; }
code,
kbd,
pre,
samp {
font-size: 1em;
font-family: monospace, monospace; }
button,
input,
optgroup,
select,
textarea {
margin: 0;
color: inherit;
font: inherit; }
button {
overflow: visible; }
button,
select {
text-transform: none; }
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
cursor: pointer;
-webkit-appearance: button; }
button[disabled],
html input[disabled] {
cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0; }
input {
line-height: normal; }
input[type='checkbox'],
input[type='radio'] {
box-sizing: border-box;
padding: 0; }
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
height: auto; }
input[type='search'] {
box-sizing: content-box;
-webkit-appearance: textfield; }
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
-webkit-appearance: none; }
fieldset {
margin: 0 2px;
padding: .35em .625em .75em;
border: 1px solid #c0c0c0; }
legend {
padding: 0;
border: 0; }
textarea {
overflow: auto; }
optgroup {
font-weight: 700; }
table {
border-spacing: 0;
border-collapse: collapse; }
td,
th {
padding: 0; }
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 18px; }
input[type='search'] {
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;
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 {
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); }  .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); }
.page-links::after, .top-bar-01 .top-bar-social-network::after, .branding__logo::after, .comment-list .comment::after, .comment-list .pingback::after, .page-loading .sk-three-bounce::after, .single-post .entry-content::after, .entry-author .author-social-networks::after, .page-template-blog-split-slider .slide-wrapper::after, .tm-blog.style-list::after, .tm-restaurant-menu .menu-header::after, .tm-box-icon::after, .tm-slider-gallery::after, .tm-slider-button.style-01 .button-wrap::after, .tm-slider-button.style-02 .button-wrap::after, .tm-social-networks ul::after, .tm-timeline .item-wrapper::after, .tm-custom-menu .menu-item-wrap::after, .tm-custom-menu.style-02 .menu::after, .tm-attribute-list.style-02 .item::after, .vc_progress_bar .vc_single_bar_title::after, .widget .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; }
@media (min-width: 992px) {
.page-sidebar .page::after,
.page-main-content .page::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: inherit !important; }
ol {
list-style: decimal; }
li > ul,
li > ol {
margin-bottom: 0; }
dt {
font-weight: 700; }
dd {
margin: 0 1.5em 1.5em; }
::-webkit-input-placeholder {
color: inherit;
opacity: 1;
-webkit-transition: opacity .3s !important;
transition: opacity .3s !important; }
:-moz-placeholder { color: inherit;
opacity: 1;
-moz-transition: opacity .3s !important;
transition: opacity .3s !important; }
::-moz-placeholder { color: inherit;
opacity: 1;
-moz-transition: opacity .3s !important;
transition: opacity .3s !important; }
:-ms-input-placeholder {
color: inherit;
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;
border-radius: 0;
padding: 3px 0;
height: 62px; }
select {
padding: 3px 0;
height: 62px;
max-width: 100%;
width: 100%;
outline: none;
border: 0;
border-bottom: 2px solid #ddd;
border-radius: 0;
background: #f7f7f7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAELY03+AAAABGdBTUEAALGPC/xhBQAAAFFJREFUCB1tTsERwCAIC9MyhnQMprUJPTw9mweGmACWmQFggGSSQCT02lLUCaayAuTubrcNeNr5TaRAZyhd6A1q2hnkQ8IPKl3G/tyPoHaMfwHyzSNHeemKDAAAAABJRU5ErkJggg==) no-repeat center right;
-moz-appearance: none;
-webkit-appearance: none; }
textarea {
width: 100%;
outline: none;
border: 0;
border-bottom: 2px solid #ddd;
border-radius: 0;
display: block;
padding: 12px 0 3px;
max-width: 100%; } input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'],
input[type='tel'],
textarea {
-webkit-appearance: none; }
@-webkit-keyframes autofill {
to {
color: #666;
background: transparent; } }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
select:-webkit-autofill {
-webkit-animation-name: autofill;
-webkit-animation-fill-mode: both; }
input[type='checkbox'] {
position: relative;
background: transparent;
border-width: 0;
box-shadow: none;
margin: 0 10px 0 3px;
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: '\f00c';
font-size: 16px;
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 3px;
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; }
table th.empty {
visibility: hidden;
border: 0;
background: none; }
table tr:nth-child(2n) td {
background: rgba(0, 0, 0, 0.01); }
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both; }
p {
margin-bottom: 1.5em;
margin-top: 0; }
p:last-child {
margin-bottom: 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; }
code {
background: #f3f4f5; }
abbr,
acronym {
border-bottom: 1px dotted #666666;
cursor: help; }
mark,
ins {
background: none;
text-decoration: none; }
big {
font-size: 125%; }
blockquote,
q {
quotes: "" ""; }
blockquote:before, blockquote:after,
q:before,
q:after {
content: ""; }
blockquote {
margin: 37px 0 44px 0 !important;
padding: 0 0 0 53px;
font-size: 20px;
font-family: "Playfair Display";
font-weight: 400;
line-height: 1.625;
position: relative; }
blockquote:before {
content: '\f10e';
font-size: 26px;
position: absolute;
top: 10px;
left: 0; }
blockquote p {
margin-bottom: 0; }  .screen-reader-text {
position: absolute !important;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px; }
.screen-reader-text:focus {
top: 5px;
left: 5px;
z-index: 100000;
display: block;
clip: auto !important;
padding: 15px 23px 14px;
width: auto;
height: auto;
border-radius: 3px;
background-color: #f1f1f1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
color: #21759b;
text-decoration: none;
font-weight: 700;
font-size: 14px;
line-height: normal; }
.alignleft {
display: inline;
float: left;
margin-right: 1.5em; }
.alignright {
display: inline;
float: right;
margin-left: 1.5em; }
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
clear: both; }
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
margin-top: 0;
margin-bottom: 0;
padding: 0;
border: 0; }
embed,
iframe,
object {
max-width: 100%; }
.wp-caption {
margin: 0 0 30px;
max-width: 100%; }
.alignnone {
margin: 0 0 30px; }
p .alignnone:last-child {
margin-bottom: 0; }
.alignleft {
display: inline;
float: left;
margin: 0 30px 30px 0; }
.alignright {
display: inline;
float: right;
margin: 0 0 30px 30px; }
.aligncenter {
display: block;
margin: 0 auto 30px;
clear: both; }
.wp-caption-text {
text-align: center;
background: #f5f5f5;
padding: 15px 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 35px;
height: 50px;
line-height: 46px;
outline: none;
border-width: 2px;
border-style: solid;
font-weight: 700;
font-size: 12px;
letter-spacing: 1.7px;
cursor: pointer; }
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
outline: none; }
button[disabled]:hover,
input[type="button"][disabled]:hover,
input[type="reset"][disabled]:hover,
input[type="submit"][disabled]:hover {
transform: none; }
.comment-nav-links,
.page-pagination {
padding: 0;
margin: -5px;
font-size: 16px;
font-weight: 500; }
.comment-nav-links li,
.page-pagination li {
display: inline-block;
list-style-type: none;
padding: 5px; }
.comment-nav-links li span,
.comment-nav-links li a,
.page-pagination li span,
.page-pagination li a {
padding: 0 5px;
display: block;
text-align: center;
line-height: 40px;
min-width: 40px;
height: 40px;
border-radius: 50%;
background: #fff; }
.comment-nav-links li a:hover,
.comment-nav-links li a:focus,
.comment-nav-links li .current,
.page-pagination li a:hover,
.page-pagination li a:focus,
.page-pagination li .current {
background-color: #FBF5F1;
font-weight: 700; }
.comment-nav-links li .dots,
.page-pagination li .dots {
background: none;
border: 0;
min-width: 20px; }
.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 -6px; }
.page-links > span,
.page-links > a {
display: block;
float: left;
padding: 0 6px;
text-align: center;
font-weight: 700;
font-size: 14px;
line-height: 38px; }
.page-links > span {
padding: 0 12px; }
.page-links a span {
padding: 0 6px; }
.page-links > a:hover,
.page-links > a:focus,
.page-links > span {
color: #fff; }
.post-navigation {
position: relative; }
.nav-links {
margin-top: 30px;
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between; }
.nav-links .nav-item {
max-width: 48%; }
.nav-links a {
display: block;
position: relative;
font-size: 18px;
word-wrap: break-word; }
.nav-links .previous {
text-align: left; }
.nav-links .previous a {
padding-left: 25px; }
.nav-links .previous a:before {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
content: '\f060';
font-size: 16px; }
.nav-links .next {
text-align: right; }
.nav-links .next a {
padding-right: 25px; }
.nav-links .next a:after {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
content: '\f061';
font-size: 16px; }
.page-top-bar {
z-index: 99999;
border: 0 solid transparent; }
.page-top-bar ul {
z-index: 9999;
list-style-type: none;
padding: 0;
margin: 0; }
.page-top-bar a {
display: block; }
.page-top-bar .menu li {
position: relative; }
.page-top-bar .menu > li {
display: inline-block;
margin-bottom: 0; }
.page-top-bar .menu > li > a {
padding: 5px; }
.page-top-bar .menu .menu-item-has-children:hover > .sub-menu {
display: block; }
.page-top-bar .menu .sub-menu {
position: absolute;
top: 100%;
left: 0;
display: none;
min-width: 250px;
width: 100%;
background-color: #fff;
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 #eee; }
.page-top-bar .menu .sub-menu .sub-menu {
top: 0;
left: 100%; }
.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-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 > .container-fluid {
padding: 0; }
@keyframes headerSlideDown {
0% {
margin-top: -100px; }
100% {
margin-top: 0; } }
.page-header {
position: relative;
z-index: 4; }
.page-header-inner {
border-bottom: 1px solid transparent; }
.page-header-inner.held {
position: absolute;
top: 0;
left: 0;
width: 100%; }
.header-layout-fixed .page-header-inner {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
pointer-events: none; }
.header-layout-fixed .branding *,
.header-layout-fixed .page-navigation,
.header-layout-fixed .header-center *,
.header-layout-fixed .header-right * {
pointer-events: auto; }
.tm-button.header-sticky-button {
display: none; }
.headroom--not-top .header-on-top-button {
display: none; }
.headroom--not-top .header-sticky-button {
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;
will-change: transform; }
.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; }
.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;
justify-content: flex-end;
flex-shrink: 0; }
.header-right > div, .header-right ul {
padding: 0 12px; }
.header-right-inner {
display: flex;
margin: 0 -12px;
align-items: center;
justify-content: flex-end;
flex-shrink: 0; }
.header-right-inner > div {
padding: 0 12px; }
.popup-search-wrap {
text-align: center; }
.popup-search-wrap .search-form {
position: relative; }
.popup-search-wrap .search-field {
padding-right: 50px;
border-color: #f8f8f8; }
.popup-search-wrap .search-submit {
position: absolute;
top: 0;
right: 0;
font-size: 24px;
background: none;
width: 48px;
height: 48px;
padding: 0;
border: 0; }
.popup-search-wrap .search-btn-text {
display: none; }
.btn-open-popup-search {
display: block;
line-height: 0;
font-size: 18px; }
.header-login {
font-size: 18px; }
.header-login a {
color: inherit; }
.header-login a:hover {
color: inherit; }
.header-social-networks .inner {
margin-left: -10px;
margin-right: -10px; }
.header-social-networks a {
padding: 0 10px;
font-size: 20px; }
.header-right-more {
display: none;
font-size: 20px;
cursor: pointer; }
.header-right-more:hover {
transform: scale(1.15, 1.15); }
.page-open-main-menu {
display: none;
height: 30px;
align-items: center;
cursor: pointer; }
.desktop-menu .page-open-main-menu {
display: flex; }
.page-open-main-menu:hover i:before, .page-open-main-menu:hover i:after {
width: 100%; }
.page-open-main-menu div {
position: relative;
width: 24px;
height: 18px; }
.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: 0;
width: 100%;
height: 100%;
background: inherit;
content: '';
transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.page-open-main-menu i:before {
top: -8px;
width: 50%; }
.page-open-main-menu i:after {
top: 8px;
width: 70%; }
.page-open-main-menu.style-02:hover i {
width: 16px; }
.page-open-main-menu.style-02:hover i:before {
width: 24px; }
.page-open-main-menu.style-02:hover i:after {
width: 22px; }
.page-open-main-menu.style-02 div {
height: 17px; }
.page-open-main-menu.style-02 i {
height: 3px; }
.page-open-main-menu.style-02 i:before, .page-open-main-menu.style-02 i:after {
left: 0;
transform: none; }
.page-open-main-menu.style-02 i:before {
width: 16px;
top: -7px; }
.page-open-main-menu.style-02 i:after {
width: 18px;
top: 7px; }
.page-open-main-menu-title {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.3px;
color: inherit;
margin: 0 10px 0 0; }
.header-button {
line-height: 0; }
.header-button .the-arrow {
display: inline-block;
width: 24px; }
.header-button .the-arrow.-left {
position: absolute;
top: 50%;
margin-top: -1px;
left: 0; }
.header-button .the-arrow.-left > .shaft {
width: 0; }
.header-button .the-arrow.-left > .shaft:before, .header-button .the-arrow.-left > .shaft:after {
width: 0; }
.header-button .the-arrow.-left > .shaft:before {
transform: rotate(0); }
.header-button .the-arrow.-left > .shaft:after {
transform: rotate(0); }
.header-button .the-arrow.-right {
vertical-align: middle;
display: inline-block;
margin-left: 14px;
margin-top: -2px; }
.header-button .the-arrow.-right > .shaft {
width: 24px;
transition-delay: .2s;
opacity: .15; }
.header-button .the-arrow.-right > .shaft:before, .header-button .the-arrow.-right > .shaft:after {
width: 5px;
transition-delay: .3s;
transition: all .5s; }
.header-button .the-arrow.-right > .shaft:before {
transform: rotate(40deg); }
.header-button .the-arrow.-right > .shaft:after {
transform: rotate(-40deg); }
.header-button .the-arrow > .shaft {
background-color: currentColor;
display: block;
height: 2px;
position: relative;
transition-delay: 0s;
will-change: transform; }
.header-button .the-arrow > .shaft:before, .header-button .the-arrow > .shaft:after {
background-color: currentColor;
content: '';
display: block;
height: 2px;
position: absolute;
top: 0;
right: 0;
transition: all .2s;
transition-delay: 0s; }
.header-button .the-arrow > .shaft:before {
transform-origin: top right; }
.header-button .the-arrow > .shaft:after {
transform-origin: bottom right; }
.header-button .tm-button.style-text-arrow {
position: relative;
vertical-align: middle;
background: none;
border: 0;
color: #222;
box-shadow: none;
padding: 10px 0 !important;
height: auto !important;
line-height: 1.2 !important;
transform: none !important; }
.header-button .tm-button.style-text-arrow .button-text {
display: inline-block; }
.header-button .tm-button.style-text-arrow:hover > .the-arrow.-left > .shaft {
width: 24px;
transition-delay: 0.1s;
background-color: currentColor; }
.header-button .tm-button.style-text-arrow:hover > .the-arrow.-left > .shaft:before, .header-button .tm-button.style-text-arrow:hover > .the-arrow.-left > .shaft:after {
width: 5px;
transition-delay: 0.1s;
background-color: currentColor; }
.header-button .tm-button.style-text-arrow:hover > .the-arrow.-left > .shaft:before {
transform: rotate(40deg); }
.header-button .tm-button.style-text-arrow:hover > .the-arrow.-left > .shaft:after {
transform: rotate(-40deg); }
.header-button .tm-button.style-text-arrow:hover > .button-text {
transform: translateX(38px); }
.header-button .tm-button.style-text-arrow:hover > .the-arrow.-right {
transform: translateX(100%);
opacity: 0; }
.header-button .tm-button.style-text-arrow > .button-text > .text {
line-height: 1; }
.header-button .tm-button.style-text-arrow > .button-text > .the-arrow {
position: relative; }
.header-info-list {
list-style: none;
margin: 0 -15px;
padding: 0; }
.header-info-list li {
display: inline-block;
padding: 15px; }
.header-info-list .info-icon {
margin-right: 5px; }
.switcher-language-wrapper {
height: 100%; }
.switcher-language-wrapper .wpml-ls,
.switcher-language-wrapper .wpml-ls > ul,
.switcher-language-wrapper .wpml-ls > ul > li {
height: 100%; }
.switcher-language-wrapper .wpml-ls > ul > li {
display: flex;
align-items: center;
cursor: pointer; }
.switcher-language-wrapper .wpml-ls {
width: auto;
display: inline-block; }
.switcher-language-wrapper .wpml-ls > ul {
position: relative;
padding: 0;
margin: 0 !important;
list-style-type: none; }
.switcher-language-wrapper .wpml-ls .wpml-ls-slot-shortcode_actions:hover .wpml-ls-sub-menu {
visibility: visible !important;
opacity: 1;
transform: translateY(0); }
.switcher-language-wrapper .wpml-ls .wpml-ls-item-toggle {
background: none !important;
border: 0;
font-size: 15px;
font-weight: 400;
line-height: 1;
padding: 10px 15px 10px 10px; }
.switcher-language-wrapper .wpml-ls .wpml-ls-item-toggle:after {
content: '\f107';
font-size: 14px;
border: 0;
top: 50%;
right: 0;
transform: translate(0, -50%);
height: 13px; }
.switcher-language-wrapper .wpml-ls .wpml-ls-native {
vertical-align: middle;
margin-right: 5px; }
.switcher-language-wrapper .wpml-ls .wpml-ls-flag + span {
margin-left: 10px; }
.switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu {
font-size: 15px;
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 .wpml-ls-sub-menu.hover-back {
right: 0;
left: auto; }
.switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu li {
list-style-type: none;
padding: 0;
margin: 0; }
.switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu a {
display: block;
text-decoration: none;
padding: 10px;
border: 0;
background: #fff;
color: #222;
line-height: 1; }
.switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu a:hover {
background: #eee;
color: #222; }
.switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu a img {
width: 18px; }
.switcher-language-wrapper select {
height: 55px; }
@media (max-width: 767px) {
.header-right-more {
display: block; }
.header-right-inner {
position: absolute;
top: 100%;
left: -3px;
right: -3px;
padding: 10px !important;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
visibility: hidden;
opacity: 0;
transform: translateY(30px);
flex-wrap: wrap; }
.header-right-inner > div {
padding: 10px; }
.header-more-tools-opened .header-right-inner {
visibility: visible;
opacity: 1;
transform: none; } }
.header-01 .branding {
display: flex;
align-items: center; }
.header-01 .container-fluid,
.header-01 .row,
.header-01 .col-md-12 {
height: 100%; }
.header-01 .page-header-inner > .container-fluid > .row > .col-xs-12 {
position: static; }
.header-01 .header-wrap {
display: flex;
align-items: center;
height: 100%; }
.desktop-menu .header-01 .branding,
.desktop-menu .header-01 .header-right {
flex-shrink: 0;
flex-basis: 20%; }
.desktop-menu .header-01 .page-navigation {
flex-grow: 1; }
.desktop-menu .header-01 .menu--primary {
position: static;
text-align: center; }
.mobile-menu .header-01 .header-wrap {
display: flex;
align-content: center; }
.mobile-menu .header-01 .branding {
flex-grow: 1; }
.mobile-menu .header-01 .header-right {
flex-shrink: 0; }
@media (min-width: 1200px) {
.desktop-menu .header-01 .container-fluid {
padding-left: 50px;
padding-right: 50px; } }
@media (min-width: 1420px) {
.desktop-menu .header-01 .container-fluid {
max-width: 1920px;
padding-left: 110px;
padding-right: 110px; } }
.header-02 .branding {
display: flex;
align-items: center; }
.header-02 .container-fluid,
.header-02 .row,
.header-02 .col-md-12 {
height: 100%; }
.header-02 .page-header-inner > .container-fluid > .row > .col-xs-12 {
position: static; }
.header-02 .header-wrap {
display: flex;
align-items: center;
height: 100%; }
.desktop-menu .header-02.headroom--top .header-wrap {
padding-top: 15px; }
.desktop-menu .header-02 .branding,
.desktop-menu .header-02 .header-right {
flex-shrink: 0;
flex-basis: 20%; }
.desktop-menu .header-02 .page-navigation {
flex-grow: 1; }
.desktop-menu .header-02 .menu--primary {
position: static;
text-align: center; }
.mobile-menu .header-02 .header-wrap {
display: flex;
align-content: center; }
.mobile-menu .header-02 .branding {
flex-grow: 1; }
.mobile-menu .header-02 .header-right {
flex-shrink: 0; }
.header-02 .menu__container .menu-item:hover > a .menu-item-title:after {
width: 100%;
left: 0;
right: auto; }
.header-02 .menu__container .menu-item-title {
position: relative;
overflow: hidden;
z-index: 1; }
.header-02 .menu__container .menu-item-title: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; }
@media (min-width: 1200px) {
.desktop-menu .header-02 .container-fluid {
padding-left: 50px;
padding-right: 50px; } }
@media (min-width: 1420px) {
.desktop-menu .header-02 .container-fluid {
padding-left: 100px;
padding-right: 100px; } }
.header-03 .branding {
display: flex;
align-items: center; }
.header-03 .container,
.header-03 .row,
.header-03 .col-md-12 {
height: 100%; }
.header-03 .page-header-inner > .container > .row > .col-xs-12 {
position: static; }
.header-03 .header-wrap {
display: flex;
align-items: center;
height: 100%; }
.desktop-menu .header-03.headroom--top .header-wrap {
padding-top: 15px; }
.desktop-menu .header-03 .branding {
flex-shrink: 0;
flex-basis: 20%; }
.desktop-menu .header-03 .header-right {
flex-grow: 1; }
.desktop-menu .header-03 .menu--primary {
position: static;
text-align: center; }
.mobile-menu .header-03 .header-wrap {
display: flex;
align-content: center; }
.mobile-menu .header-03 .branding {
flex-grow: 1; }
.mobile-menu .header-03 .header-right {
flex-shrink: 0; }
.header-03 .menu__container .menu-item:hover > a .menu-item-title:after {
width: 100%;
left: 0;
right: auto; }
.header-03 .menu__container .menu-item-title {
position: relative;
overflow: hidden;
z-index: 1; }
.header-03 .menu__container .menu-item-title: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; }
@media (min-width: 1200px) {
.desktop-menu .header-03 .page-header-inner > .container {
max-width: 1920px;
padding-left: 50px;
padding-right: 50px; } }
@media (min-width: 1600px) {
.desktop-menu .header-03 .page-header-inner > .container {
padding-left: 100px;
padding-right: 100px; } }
.desktop-menu.admin-bar .header-04 {
top: 32px;
height: calc(100% - 32px); }
.header-04 .header-wrap {
position: relative;
display: flex; }
.header-04 .header-top,
.header-04 .header-bottom {
flex-shrink: 0; }
.header-04 .header-top {
display: flex;
align-items: center; }
.header-04 .header-center {
flex-grow: 1;
position: relative;
display: flex;
justify-content: center;
align-items: center; }
@media (min-width: 1200px) {
.header-04 .header-bottom,
.header-04 .header-right-inner {
display: flex;
flex-direction: column;
align-items: center; } }
.header-04 .header-social-networks .inner {
margin: -5px -15px; }
.header-04 .header-social-networks a {
display: inline-block;
margin: 5px 15px;
padding: 5px 0;
font-size: 14px; }
.desktop-menu .header-04 {
position: fixed;
top: 0;
left: 0;
z-index: 99999;
width: 100px;
height: 100%; }
.desktop-menu .header-04 .page-header-inner {
height: 100%;
border: 0; }
.desktop-menu .header-04 .header-wrap {
height: 100%;
flex-flow: column;
padding: 15px 10px 50px; }
.desktop-menu .header-04 .header-top {
flex-direction: column; }
.desktop-menu .header-04 .header-social-networks {
writing-mode: vertical-rl;
margin-bottom: 20px; }
.mobile-menu .header-04 .header-wrap {
padding: 0 15px; }
.mobile-menu .header-04 .header-bottom {
display: flex;
align-items: center;
margin: 0 -12px; }
.mobile-menu .header-04 .header-bottom > div {
padding: 0 12px; }
@media (max-width: 767px) {
.header-04 .header-center {
display: none; }
.header-04 .header-top {
flex-grow: 1; } }
.header-05 .branding {
display: flex;
align-items: center; }
.header-05 .container-fluid,
.header-05 .row,
.header-05 .col-md-12 {
height: 100%; }
.header-05 .page-header-inner > .container-fluid > .row > .col-xs-12 {
position: static; }
.header-05 .header-wrap {
display: flex;
align-items: center;
height: 100%; }
.desktop-menu .header-05.headroom--top .header-wrap {
padding-top: 15px; }
.desktop-menu .header-05 .branding,
.desktop-menu .header-05 .header-right {
flex-shrink: 0;
flex-basis: 20%; }
.desktop-menu .header-05 .page-navigation {
flex-grow: 1; }
.desktop-menu .header-05 .menu--primary {
position: static;
text-align: center; }
.mobile-menu .header-05 .header-wrap {
display: flex;
align-content: center; }
.mobile-menu .header-05 .branding {
flex-grow: 1; }
.mobile-menu .header-05 .header-right {
flex-shrink: 0; }
.header-05 .menu__container .menu-item:hover > a .menu-item-title:after {
width: 100%;
left: 0;
right: auto; }
.header-05 .menu__container .menu-item-title {
position: relative;
overflow: hidden;
z-index: 1; }
.header-05 .menu__container .menu-item-title: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; }
@media (min-width: 1200px) {
.desktop-menu .header-05 .container-fluid {
padding-left: 50px;
padding-right: 50px; } }
@media (min-width: 1420px) {
.desktop-menu .header-05 .container-fluid {
padding-left: 100px;
padding-right: 100px; } }
.header-06 .branding {
display: flex;
align-items: center; }
.header-06 .container,
.header-06 .row,
.header-06 .col-md-12 {
height: 100%; }
.header-06 .page-header-inner > .container > .row > .col-xs-12 {
position: static; }
.header-06 .header-wrap {
display: flex;
align-items: center;
height: 100%; }
.desktop-menu .header-06 .branding {
flex-shrink: 0;
flex-basis: 20%; }
.desktop-menu .header-06 .header-right {
flex-grow: 1; }
.desktop-menu .header-06 .menu--primary {
position: static;
text-align: center; }
.mobile-menu .header-06 .header-wrap {
display: flex;
align-content: center; }
.mobile-menu .header-06 .branding {
flex-grow: 1; }
.mobile-menu .header-06 .header-right {
flex-shrink: 0; }
.header-06 .menu__container .menu-item:hover > a .menu-item-title:after {
width: 100%;
left: 0;
right: auto; }
.header-06 .menu__container .menu-item-title {
position: relative;
overflow: hidden;
z-index: 1; }
.header-06 .menu__container .menu-item-title: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; }
@media (min-width: 1200px) {
.desktop-menu .header-06 .page-header-inner > .container {
max-width: 1920px;
padding-left: 50px;
padding-right: 50px; } }
@media (min-width: 1921px) {
.desktop-menu .header-06 .page-header-inner > .container {
padding-left: 150px;
padding-right: 150px; } }
.header-07 .branding {
display: flex;
align-items: center; }
.header-07 .container,
.header-07 .row,
.header-07 .col-md-12 {
height: 100%; }
.header-07 .page-header-inner > .container > .row > .col-xs-12 {
position: static; }
.header-07 .header-wrap {
display: flex;
align-items: center;
height: 100%; }
.desktop-menu .header-07 .branding {
flex-shrink: 0;
flex-basis: 20%; }
.desktop-menu .header-07 .header-right {
flex-grow: 1; }
.desktop-menu .header-07 .menu--primary {
position: static;
text-align: center; }
.desktop-menu .header-07 .menu--primary .toggle-sub-menu {
display: none; }
.mobile-menu .header-07 .header-wrap {
display: flex;
align-content: center; }
.mobile-menu .header-07 .branding {
flex-grow: 1; }
.mobile-menu .header-07 .header-right {
flex-shrink: 0; }
@media (min-width: 1200px) {
.desktop-menu .header-07 .page-header-inner > .container {
max-width: 1650px; } }
.header-08 .branding {
display: flex;
align-items: center; }
.header-08 .container,
.header-08 .row,
.header-08 .col-md-12 {
height: 100%; }
.header-08 .page-header-inner > .container > .row > .col-xs-12 {
position: static; }
.header-08 .header-wrap {
display: flex;
align-items: center;
height: 100%; }
.desktop-menu .header-08 .branding {
flex-shrink: 0;
flex-basis: 20%; }
.desktop-menu .header-08 .header-right {
flex-grow: 1; }
.desktop-menu .header-08 .menu--primary {
position: static;
text-align: center; }
.desktop-menu .header-08 .menu--primary .toggle-sub-menu {
display: none; }
.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 .page-header-inner > .container {
max-width: 1650px; } }
.header-09 .branding {
display: flex;
align-items: center; }
.header-09 .container,
.header-09 .row,
.header-09 .col-md-12 {
height: 100%; }
.header-09 .page-header-inner > .container > .row > .col-xs-12 {
position: static; }
.header-09 .header-wrap {
display: flex;
align-items: center;
height: 100%; }
.desktop-menu .header-09 .branding {
flex-shrink: 0;
flex-basis: 20%; }
.desktop-menu .header-09 .header-right {
flex-grow: 1; }
.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; }
.header-09 .menu__container .menu-item:hover > a .menu-item-title:after {
width: 100%;
left: 0;
right: auto; }
.header-09 .menu__container .menu-item-title {
position: relative;
overflow: hidden;
z-index: 1; }
.header-09 .menu__container .menu-item-title: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; }
@media (min-width: 1200px) {
.desktop-menu .header-09 .page-header-inner > .container {
max-width: 1920px;
padding-left: 50px;
padding-right: 50px; } }
@media (min-width: 1600px) {
.desktop-menu .header-09 .page-header-inner > .container {
padding-left: 100px;
padding-right: 100px; } }
.header-10 .header-wrap {
position: relative;
display: flex; }
.header-10 .header-top,
.header-10 .header-bottom {
flex-shrink: 0; }
.header-10 .header-center {
flex-grow: 1; }
.desktop-menu.admin-bar .header-10 {
top: 32px; }
.header-10 .header-social-networks .inner {
margin-left: -12px;
margin-right: -12px; }
.header-10 .header-social-networks a {
font-size: 18px;
padding: 0 12px; }
.desktop-menu .header-10 {
position: fixed;
top: 0;
left: 0;
z-index: 99999;
width: 300px;
height: 100%; }
.desktop-menu .header-10 .page-header-inner {
height: 100%;
border: 0; }
.desktop-menu .header-10 .header-wrap {
height: 100%;
flex-flow: column; }
.desktop-menu .header-10 .header-bottom > div + div {
margin-top: 32px; }
.desktop-menu .header-10 .header-text {
margin-top: 10px; }
.mobile-menu .header-10 .header-wrap {
padding: 0 15px; }
.mobile-menu .header-10 .header-bottom {
display: flex;
align-items: center;
margin: 0 -12px; }
.mobile-menu .header-10 .header-bottom > div {
padding: 0 12px; }
.mobile-menu .header-10 .header-text {
display: none; }
.header-10 .header-right-inner {
display: block; }
@media (max-width: 767px) {
.header-10 .header-center {
display: none; }
.header-10 .header-top {
flex-grow: 1; } }
.header-11 .branding {
display: flex;
align-items: center; }
.header-11 .container,
.header-11 .row,
.header-11 .col-md-12 {
height: 100%; }
.header-11 .page-header-inner > .container > .row > .col-xs-12 {
position: static; }
.header-11 .header-wrap {
display: flex;
align-items: center;
height: 100%; }
.desktop-menu .header-11 .branding {
flex-shrink: 0;
flex-basis: 20%; }
.desktop-menu .header-11 .header-right {
flex-grow: 1; }
.desktop-menu .header-11 .menu--primary {
position: static;
text-align: center; }
.mobile-menu .header-11 .header-wrap {
display: flex;
align-content: center; }
.mobile-menu .header-11 .branding {
flex-grow: 1; }
.mobile-menu .header-11 .header-right {
flex-shrink: 0; }
.header-11 .menu__container .menu-item:hover > a .menu-item-title:after {
width: 100%;
left: 0;
right: auto; }
.header-11 .menu__container .menu-item-title {
position: relative;
overflow: hidden;
z-index: 1; }
.header-11 .menu__container .menu-item-title: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; }
@media (min-width: 1200px) {
.desktop-menu .header-11 .page-header-inner > .container {
max-width: 1820px;
padding-left: 50px;
padding-right: 50px; } }
@media (min-width: 1600px) {
.desktop-menu .header-11 .page-header-inner > .container {
padding-left: 100px;
padding-right: 100px; } }
.header-12 .header-wrap {
display: flex;
align-items: center; }
.header-12 .branding {
display: flex;
align-items: center;
flex-grow: 1; }
@media (min-width: 1200px) {
.desktop-menu .header-12 .page-header-inner > .container {
max-width: 100%;
padding-left: 50px;
padding-right: 50px; } }
@media (min-width: 1600px) {
.desktop-menu .header-12 .page-header-inner > .container {
padding-left: 100px;
padding-right: 100px; } }
.header-13 .branding {
display: flex;
align-items: center;
flex-grow: 1; }
.header-13 .branding__logo img {
padding-top: 14px;
padding-bottom: 14px; }
.header-13 .header-wrap {
display: flex;
align-items: stretch;
height: 100%; }
.header-13 .header-left-wrap,
.header-13 .header-right-wrap {
width: 50%;
padding-left: 15px;
padding-right: 15px; }
.header-13 .header-left-wrap {
display: flex;
align-items: center; }
.header-13 .header-left-inner {
display: flex;
align-items: center;
margin: 0 -12px; }
.header-13 .header-left-inner > div {
padding: 0 12px; }
.header-13 .header-right {
height: 100%; }
.header-13 .header-text {
color: #fff; }
.header-13 .header-text h6 {
color: inherit;
margin: 0;
font-size: 20px; }
.header-13 .header-text span {
margin-right: 5px;
font-size: 16px; }
.desktop-menu .header-13 .header-left-wrap {
padding-left: 76px;
padding-right: 43px; }
.desktop-menu .header-13 .header-right-wrap {
padding-left: 30px;
padding-right: 49px; }
.mobile-menu .header-13 .header-left-wrap {
width: 100%; }
.mobile-menu .header-13 .header-right-wrap {
display: none; }
.header-14 .branding {
display: flex;
align-items: center; }
.header-14 .container,
.header-14 .row,
.header-14 .col-md-12 {
height: 100%; }
.header-14 .page-header-inner > .container > .row > .col-xs-12 {
position: static; }
.header-14 .header-wrap {
display: flex;
align-items: center;
height: 100%; }
.header-14 .header-left {
display: flex;
flex-grow: 1; }
.desktop-menu .header-14 .branding {
margin-right: 40px; }
.desktop-menu .header-14 .menu--primary {
position: static;
text-align: center; }
.mobile-menu .header-14 .header-wrap {
display: flex;
align-content: center; }
.mobile-menu .header-14 .branding {
flex-grow: 1; }
.mobile-menu .header-14 .header-right {
flex-shrink: 0; }
.header-14 .menu__container .menu-item:hover > a .menu-item-title:after {
width: 100%;
left: 0;
right: auto; }
.header-14 .menu__container .menu-item-title {
position: relative;
overflow: hidden;
z-index: 1; }
.header-14 .menu__container .menu-item-title: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; }
@media (min-width: 1200px) {
.desktop-menu .header-14 .page-header-inner > .container {
max-width: 100%;
padding-left: 150px;
padding-right: 150px; } }
.header-15 .branding {
display: flex;
align-items: center; }
.header-15 .header-wrap {
display: flex;
align-items: center;
height: 100%; }
.header-15 .branding {
flex-shrink: 0; }
.header-15 .header-right {
flex-grow: 1; }
@media (min-width: 1200px) {
.desktop-menu .header-15 .page-header-inner > .container {
max-width: 100%;
padding-left: 100px;
padding-right: 100px; } }
.header-16 .branding {
display: flex;
align-items: center; }
.header-16 .container-fluid,
.header-16 .row,
.header-16 .col-md-12 {
height: 100%; }
.header-16 .page-header-inner > .container-fluid > .row > .col-xs-12 {
position: static; }
.header-16 .header-wrap {
display: flex;
align-items: center;
height: 100%; }
.desktop-menu .header-16.headroom--top .header-wrap {
padding-top: 15px; }
.desktop-menu .header-16 .branding,
.desktop-menu .header-16 .header-right {
flex-shrink: 0;
flex-basis: 20%; }
.desktop-menu .header-16 .page-navigation {
flex-grow: 1; }
.desktop-menu .header-16 .menu--primary {
position: static;
text-align: center; }
.mobile-menu .header-16 .header-wrap {
display: flex;
align-content: center; }
.mobile-menu .header-16 .branding {
flex-grow: 1; }
.mobile-menu .header-16 .header-right {
flex-shrink: 0; }
.header-16 .menu__container .menu-item:hover > a .menu-item-title:after {
width: 100%;
left: 0;
right: auto; }
.header-16 .menu__container .menu-item-title {
position: relative;
overflow: hidden;
z-index: 1; }
.header-16 .menu__container .menu-item-title: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; }
@media (min-width: 1200px) {
.desktop-menu .header-16 .container-fluid {
padding-left: 30px;
padding-right: 30px; } }
@media (min-width: 1420px) {
.desktop-menu .header-16 .container-fluid {
padding-left: 66px;
padding-right: 66px; } }
.header-17 .branding {
display: flex;
align-items: center; }
.header-17 .header-wrap {
display: flex;
align-items: center;
height: 100%; }
.desktop-menu .header-17 .branding,
.desktop-menu .header-17 .header-right {
flex-shrink: 0;
flex-basis: 20%; }
.desktop-menu .header-17 .header-center {
flex-grow: 1;
display: flex;
justify-content: center; }
.mobile-menu .header-17 .header-wrap {
align-content: center; }
.mobile-menu .header-17 .branding {
flex-grow: 1; }
.mobile-menu .header-17 .header-right {
flex-shrink: 0; }
.mobile-menu .header-17 .header-center {
display: none; }
.header-17 .header-social-networks .inner {
font-size: 0;
margin: -5px; }
.header-17 .header-social-networks a {
display: inline-block;
width: 55px;
height: 55px;
line-height: 55px;
text-align: center;
border: 1px solid #eee;
border-radius: 50%;
font-size: 20px;
margin: 5px; }
.header-17 .header-social-networks a:hover {
color: #fff; }
@media (min-width: 1200px) {
.desktop-menu .header-17 .container-fluid {
padding-left: 30px;
padding-right: 30px; } }
@media (min-width: 1420px) {
.desktop-menu .header-17 .container-fluid {
padding-left: 130px;
padding-right: 130px; } }
.header-18 .branding {
display: flex;
align-items: center; }
.header-18 .header-wrap {
display: flex;
align-items: center;
height: 100%; }
.desktop-menu .header-18 .header-left,
.desktop-menu .header-18 .header-right {
flex-shrink: 0;
flex-basis: 40%; }
.desktop-menu .header-18 .header-center {
flex-grow: 1;
display: flex;
justify-content: center; }
.desktop-menu .header-18 .menu--primary {
text-align: left;
position: static; }
.desktop-menu .header-18 .page-header-inner > .container-fluid > .row > .col-xs-12 {
position: static; }
.mobile-menu .header-18 .header-left {
display: none; }
.mobile-menu .header-18 .header-center {
flex-grow: 1; }
.mobile-menu .header-18 .header-info-list {
padding-right: 20px; }
.header-18 .menu__container .menu-item:hover > a .menu-item-title:after {
width: 100%;
left: 0;
right: auto; }
.header-18 .menu__container .menu-item-title {
position: relative;
overflow: hidden;
z-index: 1; }
.header-18 .menu__container .menu-item-title: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; }
.header-18 .header-info-list {
text-align: right; }
.header-18 .header-info-list .info-item {
position: relative;
padding-left: 70px; }
.header-18 .header-info-list .info-item:before {
position: absolute;
top: 50%;
left: 15px;
content: '';
width: 40px;
height: 1px;
background-color: #d8d8d8;
display: inline-block; }
@media (min-width: 1200px) {
.desktop-menu .header-18 .container-fluid {
padding-left: 30px;
padding-right: 30px; } }
@media (min-width: 1420px) {
.desktop-menu .header-18 .container-fluid {
padding-left: 70px;
padding-right: 70px; } }
.header-19 .branding {
display: flex;
align-items: center; }
.header-19 .container-fluid,
.header-19 .row,
.header-19 .col-md-12 {
height: 100%; }
.header-19 .page-header-inner > .container-fluid > .row > .col-xs-12 {
position: static; }
.header-19 .header-wrap {
display: flex;
align-items: center;
height: 100%; }
.desktop-menu .header-19 { }
.desktop-menu .header-19 .branding,
.desktop-menu .header-19 .header-right {
flex-shrink: 0;
flex-basis: 20%; }
.desktop-menu .header-19 .page-navigation {
flex-grow: 1; }
.desktop-menu .header-19 .menu--primary {
position: static;
text-align: center; }
.mobile-menu .header-19 .header-wrap {
display: flex;
align-content: center; }
.mobile-menu .header-19 .branding {
flex-grow: 1; }
.mobile-menu .header-19 .header-right {
flex-shrink: 0; }
.header-19 .menu__container .menu-item:hover > a .menu-item-title:after {
left: 0;
right: 0; }
.header-19 .menu__container .menu-item-title {
position: relative;
overflow: hidden;
z-index: 1; }
.header-19 .menu__container .menu-item-title:after {
position: absolute;
z-index: 1;
content: "";
left: 50%;
right: 50%;
height: 2px;
bottom: -5px;
background: currentColor; }
@media (min-width: 1200px) {
.desktop-menu .header-19 .container-fluid {
padding-left: 30px;
padding-right: 30px; } }
@media (min-width: 1420px) {
.desktop-menu .header-19 .container-fluid {
padding-left: 66px;
padding-right: 66px; } }
.header-20 .header-above {
display: table;
width: 100%; }
.header-20 .branding {
text-align: center; }
.header-20 .col-left,
.header-20 .col-right {
display: table-cell;
width: 40%;
vertical-align: middle; }
.header-20 .header-below {
border-top: 2px dotted #c0c0c0; }
.desktop-menu .header-20.headroom--not-top .header-above {
display: none; }
.desktop-menu .header-20.headroom--not-top .header-below {
border-top: 0; }
@media (max-width: 1199px) {
.header-20 .header-below {
display: none; } }
.header-21 .branding {
display: flex;
align-items: center; }
.header-21 .header-wrap {
display: flex;
align-items: center;
height: 100%; }
.desktop-menu .header-21 .header-left,
.desktop-menu .header-21 .header-right {
flex-shrink: 0;
flex-basis: 40%; }
.desktop-menu .header-21 .header-center {
flex-grow: 1;
display: flex;
justify-content: center; }
.desktop-menu .header-21 .menu--primary {
text-align: left;
position: static; }
.desktop-menu .header-21 .page-header-inner > .container-fluid > .row > .col-xs-12 {
position: static; }
.mobile-menu .header-21 .header-left {
display: none; }
.mobile-menu .header-21 .header-center {
flex-grow: 1; }
.mobile-menu .header-21 .header-info-list {
padding-right: 20px; }
.header-21 .menu__container .menu-item:hover > a .menu-item-title:after {
width: 100%;
left: 0;
right: auto; }
.header-21 .menu__container .menu-item-title {
position: relative;
overflow: hidden;
z-index: 1; }
.header-21 .menu__container .menu-item-title: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; }
.header-21 .header-info-list {
text-align: right; }
.header-21 .header-info-list .info-item {
padding: 0;
margin: 0 15px;
border: 2px solid #fff;
display: inline-block; }
.header-21 .header-info-list .info-icon {
width: 51px;
height: 51px;
line-height: 51px;
text-align: center;
border-right: 2px solid #fff;
margin-right: -4px;
font-size: 18px; }
.header-21 .header-info-list .info-text {
display: inline-block;
padding: 0 20px; }
@media (min-width: 1200px) {
.desktop-menu .header-21 .container-fluid {
padding-left: 30px;
padding-right: 30px; } }
@media (min-width: 1420px) {
.desktop-menu .header-21 .container-fluid {
padding-left: 70px;
padding-right: 70px; } }
.header-22 .branding {
display: flex;
align-items: center; }
.header-22 .container-fluid,
.header-22 .row,
.header-22 .col-md-12 {
height: 100%; }
.header-22 .page-header-inner > .container-fluid > .row > .col-xs-12 {
position: static; }
.header-22 .header-wrap {
display: flex;
align-items: center;
height: 100%; }
.desktop-menu .header-22 .branding,
.desktop-menu .header-22 .header-right {
flex-shrink: 0;
flex-basis: 20%; }
.desktop-menu .header-22 .page-navigation {
flex-grow: 1; }
.desktop-menu .header-22 .menu--primary {
position: static;
text-align: center; }
.desktop-menu .header-22 .page-header-inner > .container > .row > .col-xs-12 {
position: static; }
.mobile-menu .header-22 .header-wrap {
display: flex;
align-content: center; }
.mobile-menu .header-22 .branding {
flex-grow: 1; }
.mobile-menu .header-22 .header-right {
flex-shrink: 0; }
@media (min-width: 1200px) {
.desktop-menu .header-22 .container-fluid {
padding-left: 50px;
padding-right: 50px; } }
@media (min-width: 1420px) {
.desktop-menu .header-22 .container-fluid {
max-width: 1920px;
padding-left: 110px;
padding-right: 110px; } }
.header-23 .header-above {
display: table;
width: 100%; }
.header-23 .branding {
text-align: center; }
.header-23 .col-left,
.header-23 .col-right {
display: table-cell;
width: 40%;
vertical-align: middle; }
.header-23 .header-left-inner {
display: flex;
margin: 0 -12px;
align-items: center;
flex-shrink: 0; }
.header-23 .header-left-inner > div {
padding: 0 12px; }
.header-23 .header-below {
border-top: 2px dotted #c0c0c0; }
.header-23 .header-social-networks a {
display: inline-block;
width: 55px;
height: 55px;
line-height: 55px;
text-align: center;
border: 1px solid #eee;
border-radius: 50%;
font-size: 20px;
margin: 5px; }
.header-23 .header-right-inner .header-social-networks,
.header-23 .header-right-inner .switcher-language-wrapper {
display: none; }
.desktop-menu .header-23.headroom--not-top .header-above {
display: none; }
.desktop-menu .header-23.headroom--not-top .header-below {
border-top: 0; }
@media (max-width: 1199px) {
.header-23 .header-below {
display: none; } }
@media (max-width: 767px) {
.header-23 .col-left {
display: none; }
.header-23 .branding {
text-align: left; } }
.header-more-tools-opened .header-23 .header-right-inner .header-social-networks {
display: inline-block; }
.header-24 .header-wrap {
display: flex;
align-items: center; }
.header-24 .branding {
display: flex;
align-items: center;
flex-grow: 1; }
.simple-footer {
background: #222;
color: rgba(255, 255, 255, 0.5);
padding: 34px 0; }
.simple-footer .footer-text {
text-align: center; }
@-webkit-keyframes show-animation {
0% {
-webkit-transform: translateY(30px);
opacity: 0; }
100% {
-webkit-transform: translateY(0);
opacity: 1; } }
@keyframes show-animation {
0% {
transform: translateY(30px);
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(30px);
opacity: 0; } }
@keyframes hide-animation {
0% {
transform: translateY(0);
opacity: 1; }
100% {
transform: translateY(30px);
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: transparent; }
.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 58px 13px 20px; }
.desktop-menu .sm-simple a.current {
background: #555;
color: #fff; }
.desktop-menu .sm-simple a.disabled {
color: #ccc; }
.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: 40px; }
.desktop-menu .toggle-sub-menu {
position: relative;
margin-left: 15px; }
.desktop-menu .toggle-sub-menu:before {
content: '\f107';
font-size: 12px;
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%); }
.desktop-menu .sub-arrow {
display: none; }
.desktop-menu .sm-simple ul {
position: absolute;
width: 12em; }
.desktop-menu .sm-simple.sm-rtl li {
float: right; }
.desktop-menu .sm-simple ul li,
.desktop-menu .sm-simple.sm-rtl ul li,
.desktop-menu .sm-simple.sm-vertical li {
float: none; }
.desktop-menu .sm-simple a {
white-space: nowrap; }
.desktop-menu .sm-simple ul a,
.desktop-menu .sm-simple.sm-vertical a {
white-space: normal; }
.desktop-menu .sm-simple .sm-nowrap:not(.mega-menu) > li > a,
.desktop-menu .sm-simple .sm-nowrap:not(.mega-menu) > 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: #fff; }
.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 #555 transparent; }
.desktop-menu .sm-simple .scroll-down-arrow {
top: 6px;
border-style: solid dashed dashed dashed;
border-color: #555 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 #eee; }
.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 {
display: block; }
.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 > li {
display: block !important;
width: 100%; }
.desktop-menu .sm-simple.sm-vertical > li > a .menu-item-wrap {
position: relative; }
.desktop-menu .sm-simple.sm-vertical > li > a .toggle-sub-menu {
position: static; }
.desktop-menu .sm-simple.sm-vertical > li > a .toggle-sub-menu:before {
right: 0;
content: '\f107'; }
.desktop-menu .menu--primary {
position: relative;
text-align: center; }
.desktop-menu .sm-simple {
position: static;
display: inline-block; }
.desktop-menu .sm-simple > li {
display: inline-block; }
.desktop-menu .sm-simple .widgettitle {
display: block;
margin: 0 30px 12px 0;
padding-bottom: 12px;
font-size: 18px;
border: 0 solid transparent;
border-bottom: 2px dotted #c0c0c0; }
.desktop-menu .sm-simple .sub-menu,
.desktop-menu .sm-simple .children {
padding: 35px 0 50px;
min-width: 300px !important;
border: 0 solid transparent; }
.desktop-menu .sm-simple .sub-menu a,
.desktop-menu .sm-simple .children a {
padding: 9px 40px; }
.desktop-menu .sm-simple .sub-menu .toggle-sub-menu:before,
.desktop-menu .sm-simple .children .toggle-sub-menu:before {
font-size: 12px;
content: '\f105'; }
.desktop-menu .sm-simple .sub-menu.mega-menu,
.desktop-menu .sm-simple .children.mega-menu {
box-shadow: 0 10px 37px rgba(0, 0, 0, 0.07); }
.desktop-menu .sm-simple .sub-menu .menu-item-wrap,
.desktop-menu .sm-simple .children .menu-item-wrap {
line-height: 0; }
.desktop-menu .sm-simple .sub-menu .menu-item:hover > a .menu-item-title:after,
.desktop-menu .sm-simple .children .menu-item:hover > a .menu-item-title:after {
width: 100%;
left: 0;
right: auto; }
.desktop-menu .sm-simple .sub-menu .menu-item-title,
.desktop-menu .sm-simple .children .menu-item-title {
position: relative;
padding: 2px 0;
overflow: hidden;
z-index: 1; }
.desktop-menu .sm-simple .sub-menu .menu-item-title:after,
.desktop-menu .sm-simple .children .menu-item-title: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; }
.desktop-menu .sm-simple .has-mega-menu .mega-menu {
padding: 70px 0; }
.desktop-menu .sm-simple .has-mega-menu .mega-menu ul {
position: static;
display: block;
width: auto;
border: 0;
background: transparent;
box-shadow: none; }
.desktop-menu .sm-simple .has-mega-menu .mega-menu .menu > li > a {
padding: 9px 0; }
.desktop-menu .sm-simple .has-mega-menu .scroll-up,
.desktop-menu .sm-simple .has-mega-menu .scroll-down {
margin-left: 0 !important; }
.desktop-menu .sm-simple .has-mega-menu .wpb_button,
.desktop-menu .sm-simple .has-mega-menu .wpb_content_element,
.desktop-menu .sm-simple .has-mega-menu ul.wpb_thumbnails-fluid > li {
margin-bottom: 0; }
.desktop-menu .sm-simple .has-mega-menu .widget_nav_menu ul,
.desktop-menu .sm-simple .has-mega-menu .insight-core-bmw ul {
margin: 0;
padding: 0; }
.desktop-menu .sm-simple .has-mega-menu .widget_nav_menu li,
.desktop-menu .sm-simple .has-mega-menu .insight-core-bmw li {
margin-bottom: 0;
padding: 0;
border: 0; }
.desktop-menu .sm-simple .has-mega-menu .tm-list {
padding-right: 30px;
padding-left: 30px; }
.desktop-menu .sm-simple .has-mega-menu .tm-list .item-wrapper {
display: block;
padding-top: 11px;
padding-bottom: 11px;
line-height: 20px; }
.desktop-menu .sm-simple .sub-menu.show-animation {
animation: show-animation .5s; }
.desktop-menu .sm-simple .sub-menu.hide-animation {
animation: hide-animation .5s; }
.desktop-menu .sm-simple .sub-menu .sub-menu.show-animation {
animation: slide-in-to-left .5s; }
.desktop-menu .sm-simple .sub-menu .sub-menu.hide-animation {
animation: slide-out-to-right .5s; }
.mobile-menu .page-navigation-wrap,
.mobile-menu .page-navigation {
display: none; }
.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);
padding: 100px 120px;
display: flex;
flex-flow: column; }
.admin-bar .page-off-canvas-main-menu {
top: 32px; }
.page-off-canvas-main-menu .page-navigation {
position: relative;
flex-grow: 1; }
.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 {
display: inline-block; }
.page-off-canvas-main-menu .menu__container .toggle-sub-menu {
vertical-align: middle;
margin-left: 35px; }
.page-off-canvas-main-menu .menu__container .toggle-sub-menu:before {
position: relative;
font-size: .5em; }
.off-canvas-content-bottom {
justify-content: flex-end;
margin-top: 100px; }
.off-canvas-content-bottom a {
display: inline-block; }
.off-canvas-search-form {
max-width: 420px;
margin-bottom: 148px; }
.off-canvas-search-form .search-form {
position: relative; }
.off-canvas-search-form .search-field {
background-color: transparent !important;
border: 0;
border-bottom: 2px solid #eee;
padding: 28px 50px 28px 0; }
.off-canvas-search-form .search-submit {
position: absolute;
top: 0;
right: 0;
background: transparent !important;
border: 0 !important;
font-size: 0;
padding: 0;
transform: none !important;
box-shadow: none !important;
height: 62px; }
.off-canvas-search-form .search-submit .search-btn-icon {
font-size: 15px;
vertical-align: middle; }
.off-canvas-social-networks {
margin-top: 25px; }
.off-canvas-social-networks .inner {
margin: -5px -8px; }
.off-canvas-social-networks a {
display: inline-block;
font-size: 20px;
padding: 5px 8px; }
.off-canvas-copyright {
text-align: right; }
.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-close-main-menu {
visibility: visible;
opacity: 1; }
.page-close-main-menu {
position: fixed;
top: 80px;
right: 90px;
z-index: 100000;
visibility: hidden;
font-size: 100px;
line-height: 0;
opacity: 0;
cursor: pointer;
height: 40px;
width: 40px; }
.page-close-main-menu:before, .page-close-main-menu:after {
position: absolute;
top: 19px;
left: 4px;
content: '';
width: 32px;
height: 3px;
background: #222;
transform-origin: 50% 50%; }
.page-close-main-menu:before {
transform: rotate(-45deg); }
.page-close-main-menu:after {
transform: rotate(45deg); }
.page-close-main-menu:hover:before, .page-close-main-menu:hover:after {
transform: none; }
.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 {
position: relative;
cursor: pointer;
height: 40px;
width: 40px;
flex-shrink: 0;
color: #222; }
.page-close-mobile-menu:before, .page-close-mobile-menu:after {
position: absolute;
top: 19px;
left: 8px;
content: '';
width: 24px;
height: 3px;
background: currentColor;
transform-origin: 50% 50%; }
.page-close-mobile-menu:before {
transform: rotate(-45deg); }
.page-close-mobile-menu:after {
transform: rotate(45deg); }
.page-close-mobile-menu:hover:before, .page-close-mobile-menu:hover:after {
transform: none; }
.page-mobile-menu-header {
position: absolute;
top: 0;
left: 0;
right: 0;
display: flex;
padding: 0 15px 0 30px;
height: 85px;
align-items: center; }
.page-mobile-menu-logo {
flex-grow: 1; }
.page-mobile-menu-opened {
overflow: hidden; }
.page-mobile-main-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999999;
background: rgba(0, 0, 0, 0.6);
visibility: hidden;
opacity: 0;
cursor: url(//lafilanda-marradi.it/wp-content/themes/retrolie/assets/images/cursor/light-close.png) 16 16, pointer; }
.admin-bar .page-mobile-main-menu {
top: 32px;
height: calc(100% - 32px); }
.page-mobile-main-menu > .inner {
position: relative;
width: 400px;
max-width: 80%;
height: 100%;
background: #fff;
text-align: left;
transition: all .3s;
padding-top: 85px;
transform: translateX(-100%);
cursor: default; }
.page-mobile-menu-opened .page-mobile-main-menu {
visibility: visible;
opacity: 1; }
.page-mobile-menu-opened .page-mobile-main-menu > .inner {
transform: none; }
.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: '\f106'; }
.page-mobile-main-menu .sub-menu {
display: none;
margin: 14px 0; }
.page-mobile-main-menu .sub-menu .sub-menu {
margin-left: 10px; }
.page-mobile-main-menu .sub-menu a {
padding: 8px 0; }
.page-mobile-main-menu .wpb_column.vc_column_container {
width: 100% !important; }
.page-mobile-main-menu .wpb_column + .wpb_column {
margin-top: 30px; }
.page-mobile-main-menu .menu__container {
padding: 0;
margin: 20px 40px 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: 30px;
margin-bottom: 30px; }
.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: #fff;
text-align: center;
line-height: 40px;
transform: translate(0, -50%); }
.page-mobile-main-menu .toggle-sub-menu:after {
content: '\f107';
font-size: 14px;
display: block; }
.page-mobile-main-menu .toggle-sub-menu:hover {
background: rgba(255, 255, 255, 0.2); }
.page-mobile-main-menu .mega-menu-content .container {
max-width: 100%; }
.page-mobile-main-menu .mega-menu-content .container > .row > .col-md-12 {
padding-left: 0;
padding-right: 0; }
.page-mobile-menu-content {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
height: calc(100vh - 85px); }
@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 .heading {
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: 20px; }
.insight_core_breadcrumb li + li:before {
content: '';
width: 5px;
height: 5px;
border-radius: 50%;
position: absolute;
left: 5.5px;
top: 50%;
transform: translateY(-50%); }
.insight_core_breadcrumb a {
position: relative;
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 .page-breadcrumb {
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
width: 100%; }
.page-title-bar-01 .insight_core_breadcrumb {
text-align: center; }
.page-title-bar-02 .heading {
text-align: center; }
.page-title-bar-03 .heading {
text-align: center; }
.page-title-bar-03 .insight_core_breadcrumb {
margin-top: 29px;
text-align: center; }
.page-title-bar-04 .heading {
text-align: center; }
.page-title-bar-05 .heading {
text-align: center; }
.page-title-bar-05 .page-breadcrumb {
position: absolute;
bottom: 49px;
left: 50%;
transform: translateX(-50%); }
.page-title-bar-05 .insight_core_breadcrumb {
text-align: center; }
.page-scroll-up {
position: fixed;
right: 30px;
bottom: -60px;
z-index: 999;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
display: block;
padding: 0;
width: 60px;
height: 60px;
border-radius: 50%;
text-align: center;
font-size: 25px;
line-height: 60px;
cursor: pointer;
opacity: 0;
visibility: hidden; }
.page-scroll-up i {
color: #ffffff; }
.page-scroll-up.show {
bottom: 30px;
opacity: 1;
visibility: visible; }
.page-scroll-up:hover {
opacity: .8; }
.search-popup-close {
position: relative;
cursor: pointer;
height: 40px;
width: 40px;
flex-shrink: 0; }
.search-popup-close:before, .search-popup-close:after {
position: absolute;
top: 19px;
left: 8px;
content: '';
width: 24px;
height: 3px;
background: #222;
transform-origin: 50% 50%; }
.search-popup-close:before {
transform: rotate(-45deg); }
.search-popup-close:after {
transform: rotate(45deg); }
.search-popup-close:hover:before, .search-popup-close:hover:after {
transform: none; }
.page-search-popup-header {
position: absolute;
top: 0;
left: 0;
right: 0;
display: flex;
padding: 0 15px 0 30px;
height: 85px;
align-items: center; }
.page-search-popup-logo {
flex-grow: 1; }
.page-search-popup-opened {
overflow: hidden; }
.page-search-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999999;
background: rgba(0, 0, 0, 0.9);
visibility: hidden;
opacity: 0;
cursor: url(//lafilanda-marradi.it/wp-content/themes/retrolie/assets/images/cursor/light-close.png) 16 16, pointer; }
.admin-bar .page-search-popup {
top: 32px;
height: calc(100% - 32px); }
.page-search-popup > .inner {
position: relative;
width: 400px;
max-width: 80%;
height: 100%;
background: #fff;
text-align: left;
transition: all .3s;
overflow-y: auto;
padding-top: 85px;
transform: translateX(-100%);
cursor: default; }
.page-search-popup-opened .page-search-popup {
visibility: visible;
opacity: 1; }
.page-search-popup-opened .page-search-popup > .inner {
transform: none; }
.page-search-popup .page-search-popup-content {
padding: 30px 40px; }
.page-search-popup .search-form {
position: relative; }
.page-search-popup .search-field {
background-color: transparent !important;
border: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
padding: 15px 50px 15px 0;
color: inherit; }
.page-search-popup .search-submit {
position: absolute;
top: 0;
right: 0;
background: transparent !important;
border: 0 !important;
font-size: 0;
padding: 0;
height: 62px;
line-height: 62px;
color: inherit;
transform: none !important;
box-shadow: none !important; }
.page-search-popup .search-submit .search-btn-icon {
font-size: 15px;
vertical-align: middle; }
@media screen and (max-width: 782px) {
.admin-bar .page-search-popup {
top: 46px;
height: calc(100% - 46px); } }
@media screen and (max-width: 600px) {
.admin-bar .page-search-popup {
top: 0;
height: 100%; } }
.page-open-off-sidebar {
display: flex;
height: 30px;
align-items: center;
cursor: pointer; }
.page-open-off-sidebar:hover i {
width: 16px; }
.page-open-off-sidebar:hover i:before {
width: 24px; }
.page-open-off-sidebar:hover i:after {
width: 22px; }
.page-open-off-sidebar div {
position: relative;
width: 24px;
height: 18px; }
.page-open-off-sidebar i {
position: absolute;
top: 50%;
left: 0;
margin-top: -1px;
width: 100%;
height: 2px;
background: currentColor; }
.page-open-off-sidebar i:before, .page-open-off-sidebar 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-off-sidebar i:before {
width: 16px;
top: -8px; }
.page-open-off-sidebar i:after {
width: 18px;
top: 8px; }
.page-close-off-sidebar {
position: relative;
cursor: pointer;
height: 40px;
width: 40px;
flex-shrink: 0; }
.page-close-off-sidebar:before, .page-close-off-sidebar:after {
position: absolute;
top: 19px;
left: 8px;
content: '';
width: 24px;
height: 3px;
background: currentColor;
transform-origin: 50% 50%; }
.page-close-off-sidebar:before {
transform: rotate(-45deg); }
.page-close-off-sidebar:after {
transform: rotate(45deg); }
.page-close-off-sidebar:hover:before, .page-close-off-sidebar:hover:after {
transform: none; }
.page-off-sidebar-header {
position: absolute;
top: 0;
left: 0;
right: 0;
display: flex;
padding: 0 50px;
height: 85px;
align-items: center; }
.page-off-sidebar-logo {
flex-grow: 1; }
.page-off-sidebar-opened {
overflow: hidden; }
.page-off-sidebar {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999999;
visibility: hidden;
opacity: 0;
background: rgba(0, 0, 0, 0.7);
cursor: url(//lafilanda-marradi.it/wp-content/themes/retrolie/assets/images/cursor/light-close.png) 16 16, pointer; }
.admin-bar .page-off-sidebar {
top: 32px;
height: calc(100% - 32px); }
.page-off-sidebar > .inner {
position: relative;
height: 100%;
max-width: 80%;
text-align: left;
transition: all .3s;
overflow-y: auto;
padding-top: 85px;
transform: translateX(100%);
cursor: default;
background: #fff;
box-shadow: 0 2px 30px rgba(0, 0, 0, 0.3);
float: right;
width: 420px; }
.page-off-sidebar-opened .page-off-sidebar {
visibility: visible;
opacity: 1; }
.page-off-sidebar-opened .page-off-sidebar > .inner {
transform: none; }
.page-off-sidebar .page-off-sidebar-content {
padding: 50px 50px; }
.page-off-sidebar .widget-title {
font-size: 24px;
line-height: 1.23;
margin-bottom: 27px; }
.page-off-sidebar .widget + .widget {
margin-top: 53px; }
.page-off-sidebar .insight-core-bmw a {
line-height: 1; }
.handheld .page-off-sidebar > .inner {
overflow-y: scroll;
-webkit-overflow-scrolling: touch; }
.handheld .page-off-sidebar-content {
padding: 30px; }
@media screen and (max-width: 782px) {
.admin-bar .page-off-sidebar {
top: 46px;
height: calc(100% - 46px); } }
@media screen and (max-width: 600px) {
.admin-bar .page-off-sidebar {
top: 0;
height: 100%; } }
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"], .header-right-inner, .header-right-more, .header-button .the-arrow, .header-button .the-arrow > .shaft, .header-button .tm-button.style-text-arrow > .button-text, .page-close-main-menu:before, .page-close-main-menu:after, .page-close-mobile-menu:before, .page-close-mobile-menu:after, .page-mobile-main-menu, .search-popup-close:before, .search-popup-close:after, .page-search-popup, .page-open-off-sidebar i, .page-close-off-sidebar:before, .page-close-off-sidebar:after, .page-off-sidebar, .site, .tm-swiper:hover .swiper-nav-button, .tm-swiper.pagination-style-09 .swiper-pagination-bullet:after, .related-posts .post-wrapper, .related-posts .post-wrapper:after, .single-portfolio .tm-sticky-column, .portfolio-details-gallery .portfolio-overlay, .portfolio-details-gallery .portfolio-overlay-content, .page-template-portfolio-fullscreen-type-hover .post-title, .page-template-portfolio-fullscreen-type-hover-02 .post-title, .page-template-portfolio-fullscreen-type-hover-03 .post-title, .tm-blog.style-grid-sticky .post-wrapper, .tm-blog.style-classic-01 .post-wrapper, .tm-blog.style-classic-01 .post-info:before, .tm-blog.style-classic-01 .post-info:after, .tm-blog.style-classic-03 .post-feature img, .tm-blog.style-grid-metro .post-wrapper, .tm-blog.style-simple .post-feature img, .tm-portfolio.style-metro-with-caption .post-view-detail, .tm-portfolio.style-metro-with-caption .post-title, .tm-portfolio.style-caption-01 .post-wrapper, .tm-portfolio.style-caption-02 .post-wrapper, .tm-portfolio.style-caption-02 .post-thumbnail:before, .tm-portfolio.style-caption-02 .post-thumbnail:after, .tm-portfolio.style-caption-03 .post-wrapper, .tm-portfolio.style-caption-03 .post-thumbnail:before, .tm-portfolio.style-caption-03 .post-thumbnail:after, .tm-portfolio.style-grid-caption-video-popup .post-wrapper, .tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more > .button-text, .tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more .the-arrow, .tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more .the-arrow > .shaft, .tm-portfolio.style-masonry-with-caption .post-wrapper, .tm-portfolio.style-masonry-with-caption .post-thumbnail img, .portfolio-overlay-caption .post-overlay-info, .tm-portfolio-featured.style-01 .post-read-more .btn-icon, .tm-portfolio-featured.style-02 .post-read-more .btn-icon, .tm-button, .tm-list.style-circle-02 .marker:before, .tm-list.style-circle-02 .icon-title, .tm-gradation .content-wrap, .tm-gradation .content-wrap:before, .tm-gradation .title, .tm-box-icon .icon, .tm-box-icon.style-01 .content-wrap, .tm-box-icon.style-01 .content-wrap:before, .tm-box-icon.style-02 .image img,
.tm-box-icon.style-02 .image, .tm-box-icon.style-03 .content-wrap, .tm-box-icon.style-05 .content-wrap, .tm-box-icon.style-05 .image, .tm-box-icon.style-07 .content-wrap, .tm-box-icon.style-07 .image, .tm-testimonial .testimonial-item, .tm-slider.style-01.fw-image .image img, .tm-team-member.style-01 .social-networks, .tm-team-member.style-01 .social-networks a, .tm-team-member.style-01 .overlay, .tm-team-member.style-02 .photo, .tm-team-member.style-02 .social-networks, .tm-team-member.style-02 .social-networks a, .tm-team-member.style-02 .info, .tm-team-member.style-02 .overlay, .tm-team-member.style-03 .social-networks, .tm-team-member.style-03 .social-networks a, .tm-team-member.style-04 .social-networks, .tm-team-member.style-05 .social-networks, .tm-team-member.style-05 .social-networks .inner, .tm-team-member.style-05 .social-networks a, .tm-social-networks .link-icon, .tm-social-networks.style-title .link-text, .tm-js-chart .chart-legends li, .mailchimp-form-popup, .mailchimp-form-popup .inner, .mailchimp-form-popup-close, .tm-view-demo .item-wrap, .tm-instagram .overlay, .tm-services-list.style-02 .service-image .blend-bg,
.tm-services-list.style-02 .service-image .blend-image, .tm-product.style-grid .thumbnail img, .tm-product-categories.style-carousel .cat-content, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-01 .vc_tta-tab:after, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-01 .vc_tta-tab > a, .tm-posts-widget .post-widget-overlay, .mini-cart .widget_shopping_cart_content, .woocommerce div.quantity .increase:before,
.woocommerce div.quantity .decrease:before, .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); }
.popup-search-wrap i, .page-open-main-menu i, .switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu, .page-off-canvas-main-menu, .page-close-main-menu, .page-open-mobile-menu i, .page-mobile-main-menu .toggle-sub-menu, .page-scroll-up, .fall-down-effect:before, .tm-grid-wrapper.filter-counter-style-01 .filter-counter, .tm-grid-wrapper.filter-counter-style-02 .filter-counter, .tm-portfolio .post-thumbnail img, .portfolio-overlay-faded .post-overlay,
.portfolio-overlay-faded-02 .post-overlay, .portfolio-overlay-faded-03 .post-overlay,
.portfolio-overlay-faded-05 .post-overlay, .portfolio-overlay-faded-04 .post-overlay, .tm-button.style-border-icon .button-icon, .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-04 .tm-box-icon__btn:before, .tm-box-icon.style-07 .icon, .tm-accordion .accordion-title, .tm-slider-button.style-01 .slider-btn, .tm-slider-button.style-02 .slider-btn, .tm-pricing.style-01 .inner, .tm-pricing.style-02 .inner, .tm-team-member.style-01, .tm-team-member.style-02, .tm-team-member.style-03, .tm-team-member.style-04 .social-networks a, .tm-gallery .overlay, .tm-product.style-grid .product-wrapper, .mini-cart .mini-cart-icon:before, .woosw-area.woosw-area .woosw-inner .woosw-content .woosw-content-top .woosw-close, .woosw-area.woosw-area .woosw-continue {
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); }
.header-19 .menu__container .menu-item-title:after, .portfolio-overlay-icon .post-overlay, .portfolio-overlay-icon .post-overlay-icon {
-webkit-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-moz-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-ms-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-o-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
blockquote:before, .nav-links .previous a:before, .nav-links .next a:after, .page-mobile-main-menu .toggle-sub-menu:after, .tm-blog.style-list .post-quote:before, .tm-blog.style-grid-sticky .format-quote .post-content:before, .tm-blog.style-grid-metro .format-quote .post-content:before, .tm-list.style-check-02 .marker:before, .tm-slider-gallery.tm-light-gallery .zoom-icon, .tm-mailchimp-form .button-icon, .tm-mailchimp-form-box .button-icon, .tm-instagram .likes:before,
.tm-instagram .comments:before, .tm-product.style-grid .woocommerce_loop_add_to_cart_wrap a:before,
.tm-product.style-grid .woosw-btn:before,
.tm-product.style-grid .wooscp-btn:before, .tm-product.style-grid .woosw-btn.woosw-added:before, .widget_recent_comments .comment-author-link:before, .widget_rss .rss-date:before, .woocommerce-error:before,
.woocommerce-info:before,
.woocommerce-message:before, .stock:before, .select2-search--dropdown:after, .woo-nav-links .nav-item a:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-family: 'Font Awesome 5 Pro';
font-weight: 900; }
input[type='checkbox']:after, .switcher-language-wrapper .wpml-ls .wpml-ls-item-toggle:after, .tm-swiper.nav-style-09 .nav-button-icon, .tm-swiper.nav-style-10 .nav-button-icon, .tm-accordion.style-01 .accordion-icon:before, .tm-accordion.style-03 .accordion-icon:before, .widget_recent_entries .post-date:before, .tm-posts-widget .post-date:before, .mini-cart .mini-cart-icon:before, .woocommerce.single-product div.product .reset_variations:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-family: 'Font Awesome 5 Pro';
font-weight: 300; }
.desktop-menu .toggle-sub-menu:before, .tm-swiper .swiper-nav-button i, .tm-portfolio.style-metro-with-caption .post-view-detail, .tm-portfolio.style-caption-02 .post-thumbnail:before, .tm-portfolio.style-caption-03 .post-thumbnail:before, .tm-list.style-check .marker:before, .tm-accordion.style-02 .accordion-icon:before, .tm-product.style-grid .woosw-btn:before, .cart_list.product_list_widget li .remove:after, .woocommerce.single-product div.product .single_add_to_cart_button:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-family: 'Font Awesome 5 Pro';
font-weight: 400; }
.tm-twitter.style-slider-quote .tweet-info:before, .tm-twitter.style-list .tweet:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-family: 'Font Awesome 5 Brands';
font-weight: 400; }
.woosw-list table.woosw-content-items .woosw-content-item .woosw-content-item--remove span:before, .woosw-area.woosw-area .woosw-inner .woosw-content .woosw-content-top .woosw-close:before, .woosw-area.woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--remove > span:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-family: 'Font Awesome 5 Pro' !important;
font-weight: 300; }
.single-product .woo-single-summary .wishlist-btn a:before,
.single-product .woo-single-summary .compare-btn a:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-family: 'Font Awesome 5 Pro' !important;
font-weight: 400; } @-webkit-keyframes bounce {
50% {
-webkit-transform: translateY(-10px); }
0%, 100% {
-webkit-transform: translateY(0px); } }
@keyframes bounce {
50% {
transform: translateY(-10px); }
0%, 100% {
transform: translateY(0px); } }
@-webkit-keyframes bounce2 {
50% {
-webkit-transform: translateY(-20px); }
0%, 100% {
-webkit-transform: translateY(20px); } }
@keyframes bounce2 {
50% {
transform: translateY(-20px); }
0%, 100% {
transform: translateY(20px); } }
@keyframes zoom-bounce {
50% {
transform: scale(0.75); }
0%, 100% {
transform: scale(1); } }
@-webkit-keyframes zoom-bounce {
50% {
-webkit-transform: scale(0.75); }
0%, 100% {
-webkit-transform: scale(1); } }
@-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; } }
@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; } }
@-webkit-keyframes zoomBig {
0% {
-webkit-transform: scale(0);
opacity: 1; }
100% {
transform: scale(1);
opacity: 0; } }
@keyframes zoomBig {
0% {
transform: scale(0);
opacity: 0; }
100% {
transform: scale(1);
opacity: 1; } }
@-webkit-keyframes lineUp {
0% {
-webki-transform: translateY(100%);
bottom: 0; }
100% {
bottom: 100%;
transform: translateY(0); } }
@keyframes lineUp {
0% {
transform: translateY(100%);
bottom: 0; }
100% {
bottom: 100%;
transform: translateY(0); } }
@-webkit-keyframes lineDown {
0% {
-webkit-transform: translateY(-100%);
top: 0; }
100% {
top: 100%;
transform: translateY(0); } }
@keyframes lineDown {
0% {
transform: translateY(-100%);
top: 0; }
100% {
top: 100%;
transform: translateY(0); } }
@-webkit-keyframes circle-2 {
100% {
width: 150%;
height: 150%;
opacity: 0; } }
@keyframes circle-2 {
100% {
width: 150%;
height: 150%;
opacity: 0; } }
@-webkit-keyframes circle-3 {
100% {
-webkit-transform: translate(-50%, -50%) scale(1.2);
opacity: 0; } }
@keyframes circle-3 {
100% {
transform: translate(-50%, -50%) scale(1.2);
opacity: 0; } }
@-webkit-keyframes sonarEffect {
0% {
opacity: .3; }
40% {
opacity: .5; }
100% {
-webkit-transform: scale(1.5);
opacity: 0; } }
@keyframes sonarEffect {
0% {
opacity: .3; }
40% {
opacity: .5; }
100% {
transform: scale(1.5);
opacity: 0; } }
@-webkit-keyframes box-image-pop {
50% {
-webkit-transform: scale(1.1); } }
@keyframes box-image-pop {
50% {
transform: scale(1.1); } } @-webkit-keyframes fadeIn {
0% { }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% { }
100% {
opacity: 1; } }
@-webkit-keyframes moveVertical {
0% { }
100% {
opacity: 1;
-webkit-transform: translateY(0); } }
@keyframes moveVertical {
0% { }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@-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:not(.compose-mode) .page-content .tm-animation {
opacity: 0; }
.page-has-animation:not(.compose-mode) .page-content .tm-animation.fade-in.animate {
animation: fadeIn 0.95s ease forwards; }
.page-has-animation:not(.compose-mode) .page-content .tm-animation.move-up.animate {
transform: translateY(50px);
animation: moveVertical 0.65s ease forwards; }
.page-has-animation:not(.compose-mode) .page-content .tm-animation.move-down.animate {
transform: translateY(-50px);
animation: moveVertical 0.65s ease forwards; }
.page-has-animation:not(.compose-mode) .page-content .tm-animation.move-left.animate {
transform: translateX(100px);
animation: moveHorizontal 0.65s ease forwards; }
.page-has-animation:not(.compose-mode) .page-content .tm-animation.move-right.animate {
transform: translateX(-100px);
animation: moveHorizontal 0.65s ease forwards; }
.page-has-animation:not(.compose-mode) .page-content .tm-animation.scale-up.animate {
transform: scale(0.6);
animation: scaleUp 0.65s ease-in-out forwards; }
.page-has-animation:not(.compose-mode) .page-content .tm-animation.fly {
perspective: 1300px; }
.page-has-animation:not(.compose-mode) .page-content .tm-animation.fly.animate {
transform: rotateX(-180deg);
transform-origin: 50% 50% -300px;
animation: fly .8s ease-in-out forwards;
transform-style: preserve-3d; }
.page-has-animation:not(.compose-mode) .page-content .tm-animation.flip.animate {
transform: rotateX(-80deg);
transform-origin: 0% 0%;
animation: flip .8s ease-in-out forwards;
transform-style: preserve-3d; }
.page-has-animation:not(.compose-mode) .page-content .tm-animation.helix {
perspective: 1300px; }
.page-has-animation:not(.compose-mode) .page-content .tm-animation.helix.animate {
transform: rotateY(-180deg);
animation: helix .8s ease-in-out forwards;
transform-style: preserve-3d; }
.page-has-animation:not(.compose-mode) .page-content .tm-animation.pop-up {
perspective: 1300px; }
.page-has-animation:not(.compose-mode) .page-content .tm-animation.pop-up.animate {
transform: scale(0.4);
animation: popUp .8s ease-in forwards;
transform-style: preserve-3d; }
.page-has-animation:not(.compose-mode) .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; }
.no-padding {
padding: 0 !important; }
.hide {
display: none; }
.show {
display: block; }
.full-height {
min-height: 100vh; }
.admin-bar .full-height {
min-height: calc(100vh - 32px); }
.bounce-infinite img {
-webkit-animation-name: bounce2;
animation-name: bounce2;
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite; }
@media (max-width: 991px) {
.col-sm-order-first {
order: 1; }
.col-sm-order-second {
order: 2; } }
@media (max-width: 767px) {
.col-xs-order-first {
order: 1; }
.col-xs-order-second {
order: 2; } }
.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;
right: 0;
z-index: 1; }
.page-footer-parallax .site {
background-color: inherit; } }
.page-footer-wrapper.overlay, .page-footer-wrapper.fixed {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 2; }
.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;
-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%; }
.comments-area {
margin-top: 30px; }
.comment-content a {
word-wrap: break-word; }
.comment-notes,
.logged-in-as {
margin-bottom: 30px; }
.bypostauthor {
display: block; }
.comment-respond {
background-color: #fff;
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.04);
padding: 55px 40px; }
.comments-title,
.comment-reply-title {
display: block;
margin-bottom: 20px;
font-size: 30px; }
.comments-title {
margin-bottom: 27px; }
.comments-wrap {
border: 1px solid #eee;
background: #fff;
padding: 40px;
margin-bottom: 70px; }
.comment-list {
margin: 0;
padding: 0; }
.comment-list .comment {
list-style-type: none;
margin-top: 42px;
padding-top: 37px;
border-top: 1px solid #eee; }
.comment-list .comment:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
.comment-list > .comment:first-child {
margin-top: 0; }
.comment-list .pingback {
margin-bottom: 35px;
list-style-type: none; }
.comment-list .pingback:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
.comment-list .pingback .comment-content {
margin-left: 0; }
.comment-list .children {
padding: 0; }
.comment-list .children > li {
padding-left: 61px; }
.comment-list .comment-header {
margin-bottom: 16px; }
.comment-list .comment-author {
float: left; }
.comment-list .comment-author img {
border-radius: 50%; }
.comment-list .comment-content {
position: relative;
overflow: hidden;
margin-left: 143px; }
.comment-list .fn {
font-size: 18px;
font-weight: 700;
display: inline-block; }
.comment-list .fn a {
font-style: inherit;
font-size: inherit; }
.comment-list .comment-footer {
display: flex;
font-size: 14px;
margin-top: 20px; }
.comment-list .comment-actions a {
margin-left: 10px;
border-left: 1px solid #eee;
padding-left: 14px; }
.comment-list .comment-awaiting-messages {
display: block; }
.comment-list .comment-respond {
margin-top: 30px; }
.comment-form textarea {
height: 140px;
padding: 19px 0 3px;
font-weight: 400; }
.comment-form input[type='text'],
.comment-form input[type='email'] {
width: 100%;
height: 51px; }
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
margin: 0 0 20px; }
.comment-form p.form-submit {
margin: 40px 0 0; }
@media (max-width: 1199px) {
.comment-list .vcard img {
width: 50px; }
.comment-list .children,
.comment-list .children .children {
padding-left: 20px; }
.comment-list .comment-content {
margin-left: 80px; }
.comment-list .comment-datetime {
position: static; } }
@media (max-width: 767px) {
.comments-wrap {
padding: 40px 30px; }
.comment-list .comment-author {
float: none; }
.comment-list .comment-content {
margin-left: 0;
margin-top: 20px; }
.comment-form textarea {
height: 120px; }
.comment-list .children {
padding-top: 0;
margin-top: 0; }
.comment-list .children > li {
padding-left: 0; }
.comment-list .children,
.comment-list .children .children {
padding-left: 30px; } }
.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; }
.rev_slider iframe {
border: 0 !important; }
.long-minus {
display: inline-block;
vertical-align: middle;
content: ' ';
width: 70px;
height: 6px;
background: currentColor;
margin: 0 27px; }
.custom-gradient-text-01 {
background: linear-gradient(to right, #2532FF 5%, #C91D6E 80%);
color: transparent !important;
-webkit-background-clip: text;
background-clip: text; }
@media (max-width: 767px) {
.long-minus {
width: 50px;
height: 3px;
margin: 0 27px; } }
html .row:before, html .row:after {
display: block; }
.page-loading {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999999; }
.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;
text-align: center; }
body.loaded .page-loading {
transform: translate3d(0, -100%, 0); }
.page-loading {
transition: all 1s; }
.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 0 2px; }
.page-loading .sk-bg-self {
background-color: #fff; }
.page-loading .sk-bg-child > div {
background-color: #fff !important; }
.page-loading .sk-bg-child-before > div:before {
background-color: #fff; }
.admin-bar .headroom.headroom--not-top .page-header-inner {
top: 32px; }
@media screen and (max-width: 782px) {
.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; } }
.lg-backdrop {
z-index: 999998 !important; }
.lg-outer {
z-index: 999999 !important; }
.lg-sub-html * {
color: inherit; }
.lg-actions .lg-prev,
.lg-actions .lg-next {
border: 0; }
.tm-swiper {
position: relative;
z-index: 1; }
.tm-swiper:hover .swiper-nav-button {
opacity: 1;
visibility: visible; }
.tm-swiper .swiper-container {
width: 100%; }
.tm-swiper .swiper-slide {
box-sizing: border-box; }
.tm-swiper.auto-slide-wide .swiper-slide {
width: auto; }
.tm-swiper.auto-slide-wide .swiper-slide img {
width: auto; }
.tm-swiper.has-pagination {
margin-bottom: 65px; }
.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 > .swiper-slide {
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[data-autoplay="1"] .swiper-wrapper {
-webkit-transition-timing-function: linear !important;
-o-transition-timing-function: linear !important;
transition-timing-function: linear !important; }
.tm-swiper .swiper-container-horizontal > .swiper-scrollbar {
width: 100%;
left: 0;
bottom: 0;
height: 7px;
background-color: #eee;
border-radius: 0; }
.tm-swiper .swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {
border-radius: 0; }
.tm-swiper .swiper-pagination {
position: absolute;
bottom: -65px;
left: 0;
width: 100%;
text-align: center;
line-height: 0;
user-select: none;
outline: none; }
.tm-swiper .swiper-pagination.swiper-pagination-progressbar {
width: 100%;
height: 3px;
left: 0;
top: 0;
background: #d8d8d8; }
.tm-swiper .swiper-pagination-bullet {
box-sizing: border-box;
margin: 0 5px;
width: 20px;
height: 20px;
border: 0;
border-radius: 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: #222; }
.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: 10px;
height: 10px;
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);
background-image: none;
text-align: center;
user-select: none;
outline: none;
width: 50px;
height: 50px;
font-size: 30px;
color: #222;
border: 0;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.01);
opacity: 0;
visibility: hidden;
transform: translate(0, -50%);
margin: 0; }
.tm-swiper .swiper-nav-button.swiper-button-disabled {
display: none; }
.tm-swiper .swiper-nav-button i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.tm-swiper .swiper-button-prev {
left: 7px; }
.tm-swiper .swiper-button-prev i:before {
content: '\f104'; }
.tm-swiper .swiper-button-next {
right: 7px; }
.tm-swiper .swiper-button-next i:before {
content: '\f105'; }
.tm-swiper.nav-style-02 .swiper-nav-button {
color: #fff; }
.tm-swiper.nav-style-03 .swiper-nav-button {
color: #fff;
width: 55px;
height: 108px;
background: rgba(255, 255, 255, 0.5);
border-radius: 0; }
.tm-swiper.nav-style-03 .swiper-nav-button:hover {
color: #222;
background: #fff; }
.tm-swiper.nav-style-03 .swiper-nav-button > i {
transform: translate(0, -50%); }
.tm-swiper.nav-style-03 .swiper-button-prev {
border-bottom-right-radius: 108px;
border-top-right-radius: 108px;
left: 0; }
.tm-swiper.nav-style-03 .swiper-button-prev > i {
left: 17px;
right: auto; }
.tm-swiper.nav-style-03 .swiper-button-next {
border-bottom-left-radius: 108px;
border-top-left-radius: 108px;
right: 0; }
.tm-swiper.nav-style-03 .swiper-button-next > i {
right: 17px;
left: auto; }
.tm-swiper.nav-style-04 .swiper-nav-button {
color: #fff; }
.tm-swiper.nav-style-04 .swiper-button-prev {
left: 31px; }
.tm-swiper.nav-style-04 .swiper-button-next {
right: 31px; }
.tm-swiper.nav-style-05 .swiper-nav-button {
background-color: #fff;
width: 68px;
height: 68px;
font-size: 20px;
transform: translate(0, -50%);
color: rgba(34, 34, 34, 0.3); }
.tm-swiper.nav-style-05 .swiper-nav-button:hover {
color: #fff; }
.tm-swiper.nav-style-05 .swiper-button-prev {
left: -100px; }
.tm-swiper.nav-style-05 .swiper-button-next {
right: -100px; }
.tm-swiper.nav-style-06 .swiper-nav-buttons {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 1170px;
max-width: 100%;
z-index: 1; }
.tm-swiper.nav-style-06 .swiper-nav-button {
color: #fff; }
.tm-swiper.nav-style-06 .swiper-nav-button .nav-button-icon:before {
border: 3px solid;
transform: rotate(45deg);
content: '';
display: block;
height: 28px;
width: 28px; }
.tm-swiper.nav-style-06 .swiper-button-prev {
left: 35px; }
.tm-swiper.nav-style-06 .swiper-button-prev .nav-button-icon:before {
border-top: 0;
border-right: 0;
margin-left: 15px; }
.tm-swiper.nav-style-06 .swiper-button-next {
right: 35px; }
.tm-swiper.nav-style-06 .swiper-button-next .nav-button-icon:before {
border-left: 0;
border-bottom: 0;
margin-right: 15px; }
.tm-swiper.nav-style-07 .swiper-nav-button {
color: rgba(255, 255, 255, 0.5);
width: 73px; }
.tm-swiper.nav-style-07 .swiper-nav-button:hover {
color: #fff; }
.tm-swiper.nav-style-07 .swiper-nav-button:before {
position: absolute;
top: 50%;
left: 0;
margin-top: -1px;
content: '';
width: 100%;
height: 2px;
background: currentColor; }
.tm-swiper.nav-style-07 .swiper-nav-button .nav-button-icon {
transform: translate(0, -50%); }
.tm-swiper.nav-style-07 .swiper-nav-button .nav-button-icon:before {
border: 2px solid;
transform: rotate(45deg);
content: '';
display: block;
height: 15px;
width: 15px; }
.tm-swiper.nav-style-07 .swiper-button-prev {
left: 10px; }
.tm-swiper.nav-style-07 .swiper-button-prev .nav-button-icon {
left: 0; }
.tm-swiper.nav-style-07 .swiper-button-prev .nav-button-icon:before {
border-top: 0;
border-right: 0; }
.tm-swiper.nav-style-07 .swiper-button-next {
right: 10px; }
.tm-swiper.nav-style-07 .swiper-button-next:before {
left: auto;
right: 0; }
.tm-swiper.nav-style-07 .swiper-button-next .nav-button-icon {
right: 0;
left: auto; }
.tm-swiper.nav-style-07 .swiper-button-next .nav-button-icon:before {
border-left: 0;
border-bottom: 0; }
.tm-swiper.nav-style-08 .swiper-nav-button {
color: rgba(34, 34, 34, 0.3); }
.tm-swiper.nav-style-08 .swiper-nav-button:hover {
color: #222; }
.tm-swiper.nav-style-09 .swiper-nav-button, .tm-swiper.nav-style-10 .swiper-nav-button {
font-size: 24px;
width: 50px;
height: 50px;
border: 1px solid #ddd;
transform: translate(0, -50%);
color: #222; }
.tm-swiper.nav-style-09 .swiper-nav-button:hover, .tm-swiper.nav-style-10 .swiper-nav-button:hover {
border-color: #222;
background: #222;
color: #fff; }
.tm-swiper.nav-style-10 .swiper-nav-button {
border: 1px solid #fff;
color: #fff; }
.tm-swiper.nav-style-10 .swiper-nav-button:hover {
color: #fff; }
.tm-swiper.nav-style-11 .swiper-nav-button {
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
width: 80px;
height: 80px; }
.tm-swiper.nav-style-11 .swiper-nav-button:hover {
background-color: #fff; }
.tm-swiper.nav-style-11 .swiper-button-prev {
left: 31px; }
.tm-swiper.nav-style-11 .swiper-button-next {
right: 31px; }
.tm-swiper.pagination-style-02 .swiper-pagination-bullet:before {
background: #eee; }
.tm-swiper.pagination-style-03 {
margin-bottom: 0; }
.tm-swiper.pagination-style-03 .swiper-pagination-bullet:before {
background: rgba(255, 255, 255, 0.2); }
.tm-swiper.pagination-style-03 .swiper-pagination-bullet:hover:before, .tm-swiper.pagination-style-03 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
background: #fff; }
.tm-swiper.pagination-style-03 .swiper-pagination {
bottom: 45px; }
.tm-swiper.pagination-style-04 .swiper-pagination-bullet:before {
border-radius: 0;
height: 12px;
width: 12px;
background: #ddd; }
.tm-swiper.pagination-style-05 {
margin-bottom: 0; }
.tm-swiper.pagination-style-05 .swiper-pagination {
width: auto;
top: 50%;
right: 50px;
bottom: auto;
left: auto;
transform: translate(0, -50%); }
.tm-swiper.pagination-style-05 .swiper-pagination-bullet {
display: block;
margin: 0; }
.tm-swiper.pagination-style-05 .swiper-pagination-bullet + .swiper-pagination-bullet {
margin-top: 10px; }
.tm-swiper.pagination-style-05 .swiper-pagination-bullet:before {
background: rgba(255, 255, 255, 0.2); }
.tm-swiper.pagination-style-05 .swiper-pagination-bullet:hover:before, .tm-swiper.pagination-style-05 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
background: #fff; }
.tm-swiper.pagination-style-06 {
margin-bottom: 0; }
.tm-swiper.pagination-style-06 .swiper-pagination {
width: auto;
top: 50%;
right: 50px;
bottom: auto;
left: auto;
transform: translate(0, -50%); }
.tm-swiper.pagination-style-06 .swiper-pagination-bullet {
display: block;
margin: 0; }
.tm-swiper.pagination-style-06 .swiper-pagination-bullet + .swiper-pagination-bullet {
margin-top: 10px; }
.tm-swiper.pagination-style-06 .swiper-pagination-bullet:before {
background: #eee; }
.tm-swiper.pagination-style-06 .swiper-pagination-bullet:hover:before, .tm-swiper.pagination-style-06 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
background: #222; }
.tm-swiper.pagination-style-07 {
margin-bottom: 103px; }
.tm-swiper.pagination-style-07 .swiper-pagination {
bottom: -97px; }
.tm-swiper.pagination-style-07 .progressbar {
position: absolute;
top: auto;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
height: 3px;
width: 400px;
max-width: 100%;
background: #d8d8d8; }
.tm-swiper.pagination-style-07 .progressbar .filled {
height: 100%;
position: relative; }
.tm-swiper.pagination-style-07 .progressbar .filled:before {
content: '';
position: absolute;
top: -6px;
right: -7px;
width: 15px;
height: 15px;
border-radius: 50%;
background: inherit; }
.tm-swiper.pagination-style-08 {
margin-bottom: 103px; }
.tm-swiper.pagination-style-08 .swiper-pagination {
bottom: -97px; }
.tm-swiper.pagination-style-08 .fraction {
display: inline-block;
vertical-align: middle;
margin-right: 25px;
font-weight: 700;
font-size: 14px;
line-height: 15px;
letter-spacing: 1px;
color: #535353; }
.tm-swiper.pagination-style-08 .fraction .current,
.tm-swiper.pagination-style-08 .fraction .separator {
color: #fff; }
.tm-swiper.pagination-style-08 .progressbar {
display: inline-block;
vertical-align: middle;
height: 3px;
width: 500px;
max-width: 90%;
background: #3e3e3e; }
.tm-swiper.pagination-style-08 .progressbar .filled {
height: 100%;
position: relative;
background: #fff; }
.tm-swiper.pagination-style-08 .progressbar .filled:before {
content: '';
position: absolute;
top: -6px;
right: -7px;
width: 15px;
height: 15px;
border-radius: 50%;
background: inherit; }
.tm-swiper.pagination-style-09 {
margin-bottom: 115px; }
.tm-swiper.pagination-style-09 .swiper-pagination {
bottom: -115px; }
.tm-swiper.pagination-style-09 .swiper-pagination-bullet {
transition: all .3s ease, width 0s, border-color 0s;
text-align: center;
height: 45px;
line-height: 41px;
border: 2px solid transparent;
border-radius: 50%;
font-weight: 700;
font-size: 18px;
color: #acacac;
padding: 0 7px;
width: auto; }
.tm-swiper.pagination-style-09 .swiper-pagination-bullet:after {
position: absolute;
top: 50%;
right: -58px;
margin-top: -1px;
content: '';
width: 0;
height: 2px;
background: #eee;
opacity: 0; }
.tm-swiper.pagination-style-09 .swiper-pagination-bullet.swiper-pagination-bullet-active {
min-width: 45px;
position: relative;
margin-right: 60px;
border-color: #eee; }
.tm-swiper.pagination-style-09 .swiper-pagination-bullet.swiper-pagination-bullet-active:last-child {
margin-right: 0;
margin-left: 60px; }
.tm-swiper.pagination-style-09 .swiper-pagination-bullet.swiper-pagination-bullet-active:last-child:after {
left: -58px;
right: auto; }
.tm-swiper.pagination-style-09 .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
opacity: 1;
width: 40px; }
.tm-swiper.pagination-style-09 .swiper-pagination-bullet i {
position: relative;
z-index: 1;
font-style: normal; }
.tm-swiper.pagination-style-09 .swiper-pagination-bullet:before {
display: none; }
.tm-swiper.pagination-style-10 .swiper-pagination-bullet:before {
background: rgba(79, 50, 48, 0.22); }
.tm-swiper.pagination-style-10 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
background: rgba(79, 50, 48, 0.47);
width: 15px;
height: 15px; }
@media (min-width: 1300px) {
.tm-swiper.nav-style-01 .swiper-button-prev, .tm-swiper.nav-style-02 .swiper-button-prev, .tm-swiper.nav-style-08 .swiper-button-prev {
left: -70px; }
.tm-swiper.nav-style-01 .swiper-button-next, .tm-swiper.nav-style-02 .swiper-button-next, .tm-swiper.nav-style-08 .swiper-button-next {
right: -70px; }
.tm-swiper.nav-style-07 .swiper-button-prev {
left: -73px; }
.tm-swiper.nav-style-07 .swiper-button-next {
right: -73px; }
.tm-swiper.nav-style-09 .swiper-button-prev, .tm-swiper.nav-style-10 .swiper-button-prev {
left: -94px; }
.tm-swiper.nav-style-09 .swiper-button-next, .tm-swiper.nav-style-10 .swiper-button-next {
right: -94px; }
.tm-swiper.pagination-style-05 .swiper-pagination {
right: 95px; } }
@media (max-width: 767px) {
.tm-swiper.pagination-style-08 .fraction {
display: block;
margin: 0 0 20px; } }
.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; }
.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; }
.hint--white[aria-label]:before {
border-top-color: #ffffff; }
.hint--white[aria-label]:after {
background: #ffffff;
color: #111111;
text-shadow: none; }
.hint--white.hint--bottom:before {
border-top-color: transparent;
border-bottom-color: #ffffff; }
.fa, .fab, .fal, .far, .fas {
font-weight: normal; }
.addtoany_list > a {
line-height: 0; }
.single-post.single-blog-style-modern .addtoany_list > a {
position: relative;
background: #f5f5f5 !important; }
.single-post.single-blog-style-modern .addtoany_list > a .a2a_svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.page-content {
padding-top: 100px;
padding-bottom: 100px; }
.sticky .post-sticky {
margin-left: 14px; }
.sticky .post-sticky span {
font-size: 14px;
margin-right: 4px;
color: #F6732E; }
.post-password-form input[type='submit'] {
display: block;
margin: 30px auto 0; }
.single-post .page-main-content {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
width: 100%; }
.single-post .page-main-content .post {
background-color: #fff;
border: 1px solid #eee;
padding: 45px 30px 41px; }
.single-post .blog-modern-header {
background: #000;
padding: 170px 0 120px;
color: #fff; }
.single-post .blog-modern-header .entry-header {
border: 0; }
.single-post .blog-modern-header .entry-title {
color: #fff; }
.single-post .blog-modern-header a {
color: #fff; }
.single-post .entry-header {
margin-bottom: 39px;
text-align: center; }
.single-post .entry-title {
font-size: 36px;
line-height: 1.4;
margin: -5px 0 19px;
word-wrap: break-word; }
.single-post .post-feature {
line-height: 0;
margin-bottom: 60px; }
.single-post .post-thumbnail {
text-align: center; }
.single-post .post-meta {
font-size: 14px;
margin: 0 -8px; }
.single-post .post-meta a {
color: inherit; }
.single-post .post-meta > div {
display: inline-block;
padding: 0 8px;
position: relative; }
.single-post .post-meta > div + div:before {
position: absolute;
top: 0;
left: -3px;
content: '|'; }
.single-post .meta-icon {
font-size: 13px;
margin-right: 7px; }
.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: 200px;
border: 0; }
.single-post .post-link {
padding: 82px 100px;
background: #f7fbfe;
font-size: 24px;
line-height: 1.5; }
.single-post .post-link a {
word-wrap: break-word; }
.single-post .post-quote {
position: relative;
text-align: center; }
.single-post .post-quote-content {
position: relative;
padding: 48px 40px; }
.single-post .post-quote-content .quote-icon {
font-size: 28px;
margin-bottom: 35px; }
.single-post .post-quote-text {
margin-bottom: 35px;
font-size: 26px;
font-style: italic;
line-height: 1.375; }
.single-post .post-quote-name {
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase; }
.single-post .post-quote-name a {
color: inherit; }
.single-post .format-gallery .post-feature {
margin-bottom: 77px; }
.single-post .entry-footer {
margin-top: 50px;
padding-top: 25px;
border-top: 1px solid #eee; }
.single-post .entry-footer .post-share-heading,
.single-post .entry-footer .tagcloud-heading {
display: inline-block;
font-size: 16px;
border-bottom: 1px solid #eee;
letter-spacing: 1px;
text-transform: uppercase;
margin-right: 15px;
margin-bottom: 0; }
.single-post .entry-footer .post-tags .tagcloud {
display: inline-block; }
.single-post .entry-footer .single-post-share {
text-align: right; }
.single-post .entry-footer .single-post-share .post-share-list {
display: inline-block; }
.single-post .entry-footer .single-post-share a {
display: inline-block;
font-size: 16px;
padding: 0 5px; }
.single-post.single-blog-style-standard.page-has-no-sidebar .page-content > .container {
max-width: 800px; }
.single-post.single-blog-style-standard .page-content {
padding-top: 50px; }
.single-post.single-blog-style-standard .page-main-content > .post-no-thumbnail.format-standard .entry-header, .single-post.single-blog-style-standard .page-main-content > .post-no-thumbnail.format-image .entry-header {
border-bottom: 1px solid #eee;
padding-bottom: 39px;
margin-bottom: 38px; }
.single-post.single-blog-style-modern .page-sidebar {
margin-bottom: 100px; }
.single-post.single-blog-style-modern .page-content {
padding-bottom: 0; }
.single-post.single-blog-style-modern .post-feature {
margin-top: -15px;
margin-bottom: 83px !important; }
.single-post.single-blog-style-modern .entry-header .post-meta a {
position: relative;
overflow: hidden;
z-index: 1; }
.single-post.single-blog-style-modern .entry-header .post-meta 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; }
.single-post.single-blog-style-modern .entry-header .post-meta a:hover:after {
width: 100%;
left: 0;
right: auto; }
.single-post.single-blog-style-modern .blog-modern-header .post-categories a {
color: #fff; }
.single-post.single-blog-style-modern .entry-title {
margin-bottom: 29px; }
@media (min-width: 768px) {
.single-post.single-blog-style-modern .singe-post-share {
position: absolute;
top: 0;
right: 15px; }
.single-post.single-blog-style-modern .singe-post-share .post-share-list a {
display: block; } }
.single-post.single-blog-style-modern .post-share-list a {
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
background: #f5f5f5;
font-size: 16px; }
.single-post.single-blog-style-modern .post-share-list a:hover {
color: #fff; }
.single-post.single-blog-style-modern .entry-content {
margin-bottom: 43px; }
.single-post.single-blog-style-modern .entry-footer {
margin-bottom: 47px; }
.single-post.single-blog-style-modern .entry-footer .post-tags {
text-align: center; }
.single-post.single-blog-style-modern .post-quote-text {
margin-bottom: 20px; }
.single-post.single-blog-style-modern .post-pagination-next {
background: #4F3230;
padding: 75px 0 70px;
text-align: center; }
.single-post.single-blog-style-modern .post-pagination-next a {
display: inline-block;
max-width: 770px;
color: #fff; }
.single-post.single-blog-style-modern .post-pagination-next .nav-desc {
margin-bottom: 27px; }
.single-post.single-blog-style-modern .post-pagination-next .nav-post-title {
font-size: 24px;
line-height: 1.375;
color: #fff;
margin-bottom: 30px; }
.single-post.single-blog-style-modern .post-pagination-next .nav-icon {
font-size: 20px;
color: #fff; }
.single-post.single-blog-style-modern .post-return-archive span {
font-size: 12px;
color: #222;
margin-right: 6px; }
.single-post.single-blog-style-modern .comment-form .submit {
width: 100%; }
.related-posts .related-title {
margin-top: 66px;
margin-bottom: 32px;
font-size: 30px; }
.related-posts > .tm-swiper {
margin: -20px; }
.related-posts > .tm-swiper > .swiper-container {
padding: 20px; }
.related-posts > .tm-swiper > .swiper-pagination {
bottom: auto;
top: -39px;
left: auto;
right: 10px;
width: auto; }
.related-posts .related-post-item {
width: 100%; }
.related-posts .post-wrapper {
position: relative;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.04);
height: 100%;
border-bottom: 3px solid #F6732E;
background-color: #fff; }
.related-posts .post-wrapper:after {
content: '';
position: absolute;
bottom: -3px;
left: 50%;
right: 50%;
height: 3px;
z-index: 2;
background-color: #fff; }
.related-posts .post-wrapper:hover {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14); }
.related-posts .post-wrapper:hover:after {
left: 0;
right: 0; }
.related-posts .post-info {
background-color: #fff;
padding: 30px 30px 40px; }
.related-posts .post-thumbnail {
margin-bottom: 0; }
.related-posts .post-thumbnail img {
width: 100%; }
.related-posts .post-categories-related {
margin-bottom: 12px; }
.related-posts .post-categories-related a {
display: inline-block;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #fff;
padding: 2px 12px 2px 10px;
-webkit-clip-path: polygon(100% 0%, calc(100% - 5px) 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
clip-path: polygon(100% 0%, calc(100% - 5px) 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
margin: 0 11px 10px 0; }
.related-posts .post-categories-related a:hover {
color: #fff; }
.related-posts .post-title {
font-size: 24px;
margin-bottom: 10px; }
.related-posts .post-date {
font-size: 16px;
font-style: italic; }
.related-posts .post-excerpt {
margin-top: 18px;
font-size: 14px; }
.related-posts .post-read-more {
margin-top: 25px; }
.single-post-extra-info {
background: #f5f5f5;
padding-top: 53px;
padding-bottom: 200px; }
.entry-author {
padding: 50px 41px;
margin-top: 30px;
border: 1px solid #eee;
background: #fff; }
.entry-author .author-info {
display: flex; }
.entry-author .author-avatar {
min-width: 108px;
width: 108px; }
.entry-author .author-avatar img {
width: 100%;
border-radius: 100%; }
.entry-author .author-description {
margin-left: 30px; }
.entry-author .author-name {
margin-bottom: 10px;
font-size: 20px;
text-transform: capitalize; }
.entry-author .author-biographical-info {
margin-top: 17px; }
.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 7px;
font-size: 16px;
line-height: 1; }
@media (max-width: 767px) {
.entry-author {
padding: 30px; }
.single-post-share {
margin-top: 15px;
text-align: left; } }
@media (max-width: 543px) {
.singe-post-share {
position: static; } }
.single-portfolio .page-content {
padding-bottom: 0; }
.single-portfolio .portfolio-feature-wrap,
.single-portfolio .portfolio-content-wrap {
margin-bottom: 110px; }
.single-portfolio .comments-area {
margin: 0 0 110px; }
.single-portfolio .comment-respond {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16); }
.single-portfolio .portfolio-share {
margin-top: 30px;
padding-top: 30px;
border-top: 2px dotted #c0c0c0; }
.single-portfolio .portfolio-share h6 {
font-size: 12px;
font-family: inherit;
font-weight: 700;
letter-spacing: 0.86px;
text-transform: uppercase;
margin-bottom: 15px; }
.single-portfolio .portfolio-share .portfolio-sharing-list {
display: inline-block;
margin: 0 -8px; }
.single-portfolio .portfolio-share a {
padding: 0 8px;
font-size: 16px; }
.single-portfolio .portfolio-title {
font-size: 36px;
line-height: 1.42;
margin-bottom: 50px; }
.single-portfolio .portfolio-about-project-label {
font-size: 12px;
text-transform: uppercase;
font-family: inherit;
font-weight: 700;
letter-spacing: 0.86px;
margin-bottom: 21px; }
.single-portfolio .portfolio-link {
margin-top: 37px; }
.portfolio-main-info {
margin-bottom: 50px; }
.portfolio-details-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 43px 30px;
margin-top: 30px;
padding-top: 30px;
border-top: 2px dotted #c0c0c0; }
.portfolio-details-list ul {
margin: 0;
padding: 0; }
.portfolio-details-list li {
list-style-type: none; }
.portfolio-details-list label,
.portfolio-details-list span {
display: block; }
.portfolio-details-list label {
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
letter-spacing: 0.86px;
margin-bottom: 10px; }
.portfolio-details-list a {
color: inherit; }
.portfolio-details-gallery figure {
margin: 0; }
.portfolio-details-gallery .portfolio-image + .portfolio-image {
margin-top: 50px; }
.portfolio-details-gallery .portfolio-image {
position: relative; }
.portfolio-details-gallery .portfolio-image:hover .portfolio-overlay {
opacity: .9;
visibility: visible; }
.portfolio-details-gallery .portfolio-image:hover .portfolio-overlay-content {
opacity: 1;
visibility: visible; }
.portfolio-details-gallery .portfolio-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
visibility: hidden; }
.portfolio-details-gallery .portfolio-overlay-content {
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
visibility: hidden;
transform: translate(-50%, -50%); }
.portfolio-details-gallery .portfolio-overlay-content span {
color: #fff;
font-size: 30px; }
.portfolio-details-video + .portfolio-details-gallery,
.portfolio-details-gallery + .portfolio-details-video {
margin-top: 50px; }
.portfolio-nav-links {
position: relative;
padding: 80px 0px;
background-color: #FBF5F1; }
.portfolio-nav-links:before, .portfolio-nav-links:after {
content: '';
position: absolute;
top: 0;
width: 1000px;
height: 100%;
background-color: #FBF5F1; }
.portfolio-nav-links:before {
left: 100%; }
.portfolio-nav-links:after {
right: 100%; }
.portfolio-nav-links .container {
padding: 0; }
.portfolio-nav-links .title {
font-size: 30px;
margin-bottom: 13px; }
@media (max-width: 767px) {
.portfolio-nav-links .title {
font-size: 22px; } }
.portfolio-nav-links .all {
text-align: center;
display: block; }
.portfolio-nav-links .next-portfolio {
text-align: right; }
.portfolio-nav-links .cats a {
color: inherit; }
.portfolio-nav-links .cats a:hover {
color: #F6732E; }
.related-portfolios {
padding-top: 100px;
margin-bottom: 110px;
border-top: 1px solid #eee;
position: relative; }
.related-portfolios:before, .related-portfolios:after {
content: '';
position: absolute;
top: -1px;
width: 1000px;
height: 1px;
background-color: #eee; }
.related-portfolios:before {
left: 100%; }
.related-portfolios:after {
right: 100%; }
.related-portfolios .container {
padding: 0; }
.related-portfolios .post-permalink {
display: block; }
.related-portfolios .post-thumbnail img {
width: 100%; }
.related-portfolio-title {
margin: 0 0 45px;
text-align: center;
font-size: 32px; }
.single-portfolio-style-left_details .page-content,
.single-portfolio-style-right_details .page-content {
padding-top: 76px; }
.single-portfolio-style-left_details_wide .page-content,
.single-portfolio-style-right_details_wide .page-content {
padding-top: 76px; }
.single-portfolio-style-left_details_wide .related-portfolios .container,
.single-portfolio-style-left_details_wide .portfolio-nav-links .container,
.single-portfolio-style-right_details_wide .related-portfolios .container,
.single-portfolio-style-right_details_wide .portfolio-nav-links .container {
padding-left: 15px;
padding-right: 15px; }
@media (min-width: 1200px) {
.single-portfolio-style-left_details_wide .page-content > .container,
.single-portfolio-style-right_details_wide .page-content > .container {
max-width: 1920px; }
.single-portfolio-style-left_details_wide .portfolio-details-content,
.single-portfolio-style-right_details_wide .portfolio-details-content {
max-width: 370px; }
.single-portfolio-style-left_details_wide .portfolio-feature-wrap,
.single-portfolio-style-right_details_wide .portfolio-feature-wrap {
padding-left: 0;
padding-right: 0; }
.single-portfolio-style-left_details_wide .portfolio-details-content {
margin-left: 135px; }
.single-portfolio-style-right_details_wide .portfolio-details-content {
margin-left: 130px; } }
@media (max-width: 767px) {
.portfolio-details-list {
grid-template-columns: auto;
grid-gap: 30px; }
.portfolio-details-gallery img + img {
margin-top: 30px; }
.portfolio-nav-links .nav-list {
grid-template-columns: auto; }
.portfolio-nav-links h6 {
font-size: 30px; }
.portfolio-feature-wrap {
margin-bottom: 50px; } }
body.search .search-page-search-form {
margin-bottom: 30px; }
body.search .page-main-content .search-form {
position: relative; }
body.search .page-main-content .search-form .search-submit {
position: absolute;
top: 0;
right: 0;
padding: 0;
border: 0;
border-radius: 0;
width: 62px;
height: 62px;
line-height: 62px;
text-align: center;
background: none;
box-shadow: none;
transform: none; }
body.search .page-main-content .search-form .search-submit:hover {
color: #fff; }
body.search .page-main-content .search-form .search-btn-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
line-height: 1;
font-size: 18px; }
body.search .page-main-content .search-form .search-btn-text {
display: none; }
.search-no-results .no-results {
background: #fff;
padding: 45px 30px 60px;
border: 1px solid #eee; }
.search-no-results .no-results .page-title {
margin-bottom: 21px; }
.search-no-results .no-results .search-no-results-text {
margin-bottom: 30px; }
.error404 {
background: #000; }
.error404 .page-404-content {
text-align: center; }
.error404 .page-404-content > .container > .row {
padding-top: 100px;
padding-bottom: 100px; }
.error404 .error-image {
margin-bottom: 50px; }
.error404 .error-404-title {
font-size: 30px;
font-weight: 700;
letter-spacing: 4px;
text-transform: uppercase;
color: #F6732E; }
.error404 .error-404-text {
font-size: 30px;
margin-bottom: 60px; }
.error404 .error-buttons {
margin-top: 80px; }
@media (max-width: 991px) {
.error404 .error-image {
margin-bottom: 30px; }
.error404 .error-image img {
max-width: 60%; }
.error404 .error-404-title {
letter-spacing: 1px; }
.error404 .error-404-text {
margin-bottom: 30px; }
.error404 .error-buttons {
margin-top: 60px; } }
.page-template-maintenance {
color: #fff; }
.page-template-maintenance .maintenance-page {
display: flex;
align-items: center; }
.page-template-maintenance .maintenance-page > .container {
height: 100%; }
.page-template-maintenance .maintenance-body {
width: 100%;
max-width: 1200px;
display: flex;
align-items: center;
z-index: 2; }
.page-template-maintenance .maintenance-title {
font-size: 90px;
line-height: 1;
color: #7bb7fc;
margin-bottom: 27px; }
.page-template-maintenance .maintenance-text {
font-size: 18px;
line-height: 1.95;
margin-bottom: 35px;
max-width: 670px; }
.page-template-maintenance .maintenance-mailchimp-form-desc {
margin-top: 22px; }
.page-template-maintenance .maintenance-form {
max-width: 700px; }
.page-template-maintenance .maintenance-social-networks a {
color: #fff; }
.page-template-maintenance .form-submit,
.page-template-maintenance .form-submit:hover {
background-color: transparent !important;
color: #fff !important;
text-align: right;
font-size: 20px; }
.maintenance-social-networks {
position: fixed;
top: 0;
bottom: 0;
right: 55px;
height: 1.5em;
margin: auto; }
.maintenance-social-networks .inner {
margin: -5px -15px; }
.maintenance-social-networks a {
display: block;
margin: 5px 15px;
padding: 5px 0; }
.maintenance-social-networks a:hover .social-text:after {
width: 100%;
left: 0;
right: auto; }
.maintenance-social-networks .social-text {
position: relative;
overflow: hidden;
z-index: 1; }
.maintenance-social-networks .social-text: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; }
@media (max-width: 1199px) {
.page-template-maintenance .maintenance-title {
font-size: 74px; } }
@media (max-width: 991px) {
.page-template-maintenance .maintenance-title {
font-size: 58px; }
.page-template-maintenance .maintenance-text {
font-size: 16px; } }
@media (max-width: 767px) {
.page-template-maintenance .maintenance-title {
font-size: 42px; }
.page-template-maintenance .maintenance-social-networks {
position: static;
transform: none;
margin: 30px 0 0;
top: auto;
right: auto;
left: auto;
bottom: auto;
height: auto; }
.page-template-maintenance .maintenance-social-networks a {
display: inline-block; } }
.page-template-coming-soon-01 {
width: 100%;
height: 100%; }
.page-template-coming-soon-01 .site .container-fluid > .row > .col-md-6 {
padding-left: 0;
padding-right: 0; }
.page-template-coming-soon-01 .maintenance-page {
padding: 50px 0;
display: flex;
align-items: center; }
.page-template-coming-soon-01 .cs-content-wrapper {
max-width: 630px;
padding: 0 15px;
margin: 0 auto;
text-align: center; }
.page-template-coming-soon-01 .cs-logo {
position: absolute;
top: 50px;
left: 0;
width: 100%; }
.page-template-coming-soon-01 .cs-title {
font-size: 60px;
margin-bottom: 26px; }
.page-template-coming-soon-01 .cs-subtitle {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.71px;
margin-bottom: 20px; }
.page-template-coming-soon-01 .cs-form {
margin-top: 26px; }
.page-template-coming-soon-01 .form-submit,
.page-template-coming-soon-01 .form-submit:hover {
background-color: transparent !important;
text-align: right;
font-size: 20px; }
.page-template-coming-soon-01 .cs-mailchimp-title {
margin-bottom: 70px; }
@media (max-width: 1199px) {
.page-template-coming-soon-01 .cs-content-wrapper {
padding-left: 15px;
padding-right: 15px;
width: 510px;
max-width: 100%; }
.page-template-coming-soon-01 .maintenance-social-networks {
margin-top: 30px;
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
transform: none;
height: auto; }
.page-template-coming-soon-01 .maintenance-social-networks a {
display: inline-block; } }
@media (max-width: 991px) {
.page-template-coming-soon-01 .cs-content-wrapper {
padding-left: 0;
padding-right: 0;
width: 510px;
max-width: 100%; }
.page-template-coming-soon-01 .cs-title {
font-size: 40px; }
.page-template-coming-soon-01 .cs-title:before {
display: none; }
.page-template-coming-soon-01 .cs-mailchimp-title {
margin-bottom: 40px; }
.page-template-coming-soon-01 .cs-logo {
margin-bottom: 90px;
position: static; } }
@media (max-width: 767px) {
.page-template-coming-soon-01 #maintenance-wrap .mc4wp-form .mc4wp-form-fields {
display: block; }
.page-template-coming-soon-01 #maintenance-wrap .mc4wp-form .form-submit {
margin: 0 auto; } }
.page-template-blog-split-slider .site {
position: relative;
height: 100%; }
.page-template-blog-split-slider .stamp-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2; }
.page-template-blog-split-slider .page-header-inner {
padding-right: 45px;
padding-left: 45px; }
@media (min-width: 992px) {
.page-template-blog-split-slider .page-header-inner {
padding-right: 75px;
padding-left: 75px; } }
.page-template-blog-split-slider .tm-swiper {
height: 100vh; }
.page-template-blog-split-slider .tm-swiper .swiper-container {
height: 100%; }
.page-template-blog-split-slider .tm-swiper .swiper-slide {
min-width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat; }
.page-template-blog-split-slider .tm-swiper.pagination-style-blog-fullscreen-split {
margin-bottom: 0 !important; }
.page-template-blog-split-slider .tm-swiper.pagination-style-blog-fullscreen-split .swiper-pagination {
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
top: 0;
left: calc(50% - 75px);
width: 25px;
text-align: center; }
@media (max-width: 767px) {
.page-template-blog-split-slider .tm-swiper.pagination-style-blog-fullscreen-split .swiper-pagination {
left: calc(100% - 50px); } }
.page-template-blog-split-slider .tm-swiper.pagination-style-blog-fullscreen-split .swiper-pagination-bullet {
display: block;
width: 15px;
height: 15px;
color: #222;
margin: 5px; }
.page-template-blog-split-slider .tm-swiper.pagination-style-blog-fullscreen-split .swiper-pagination-bullet:before {
display: none; }
.page-template-blog-split-slider .tm-swiper.pagination-style-blog-fullscreen-split .swiper-pagination-bullet-active {
color: inherit !important; }
.page-template-blog-split-slider.admin-bar .tm-swiper {
height: calc(100vh - 32px); }
.page-template-blog-split-slider .slide-wrapper {
width: 100%;
height: 100%; }
.page-template-blog-split-slider .left-section,
.page-template-blog-split-slider .right-section {
float: left;
height: 100%; }
.page-template-blog-split-slider .left-section {
display: table;
width: 50%; }
.page-template-blog-split-slider .left-section-inner {
display: table-cell;
vertical-align: middle; }
.page-template-blog-split-slider .right-section {
position: relative;
width: 50%;
background-position: center;
background-size: cover; }
.page-template-blog-split-slider .post-thumbnail-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover; }
@media (max-width: 767px) {
.page-template-blog-split-slider .left-section,
.page-template-blog-split-slider .right-section {
width: 100%; } }
.page-template-blog-split-slider .blog-info {
padding-right: 60px;
padding-left: 60px; }
@media (min-width: 992px) {
.page-template-blog-split-slider .blog-info {
padding-right: 90px;
padding-left: 90px; } }
.page-template-blog-split-slider .blog-title {
margin-bottom: 12px;
max-width: 550px;
font-size: 46px; }
.page-template-blog-split-slider .post-date {
color: #c0c0c0;
font-size: 16px;
font-style: italic;
margin-bottom: 26px; }
.page-template-blog-split-slider .post-categories {
margin-bottom: 20px; }
.page-template-blog-split-slider .post-categories a {
display: inline-block;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
background-color: #ffece2;
padding: 3px 12px 3px 10px;
-webkit-clip-path: polygon(100% 0%, calc(100% - 5px) 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
clip-path: polygon(100% 0%, calc(100% - 5px) 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
margin: 0 11px 10px 0; }
.page-template-blog-split-slider .post-categories a:hover {
color: #fff; }
.page-template-blog-split-slider .blog-description {
max-width: 528px; }
.page-template-blog-split-slider .post-read-more {
margin-top: 40px; }
.page-template-blog-split-slider .blog-fullscreen-split-wrap {
position: relative; }
.page-template-blog-split-slider .extra-info {
position: absolute;
bottom: 30px;
left: 0;
padding: 0 30px;
width: 50%;
z-index: 2; }
@media (min-width: 992px) {
.page-template-blog-split-slider .extra-info {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 90px;
bottom: 50px; } }
.page-template-blog-split-slider .tm-social-network {
margin: 0 -10px; }
.page-template-blog-split-slider .tm-social-network a {
font-size: 20px;
margin: 10px; }
@media (max-width: 767px) {
.page-template-blog-split-slider .extra-info {
width: 100%;
padding: 0 30px; }
.page-template-blog-split-slider .left-section-inner {
background-color: rgba(255, 255, 255, 0.9); }
.page-template-blog-split-slider .stamp-image {
display: none; } }
@media (min-width: 768px) {
.page-template-blog-split-slider .page-header-inner {
width: 50% !important; } }
.page-template-portfolio-fullscreen-type-hover .page-content {
padding-top: 0 !important;
padding-bottom: 0 !important;
height: 100vh; }
.page-template-portfolio-fullscreen-type-hover .row-xs-center {
height: 100%; }
.page-template-portfolio-fullscreen-type-hover .thumbnail-wrapper {
position: relative;
padding: 75px 75px 75px 35px; }
.page-template-portfolio-fullscreen-type-hover .thumbnail-wrapper .inner {
position: relative;
width: 850px;
max-width: 100%; }
.page-template-portfolio-fullscreen-type-hover .thumbnail-wrapper .inner:before {
content: '';
display: block;
width: 100%;
padding-top: 100%; }
.page-template-portfolio-fullscreen-type-hover .thumbnail-wrapper .bg-inner {
border-radius: 50%;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transition: all 1.5s; }
.page-template-portfolio-fullscreen-type-hover .post-thumbnail-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all .5s;
opacity: 0;
z-index: -1;
overflow: hidden; }
.page-template-portfolio-fullscreen-type-hover .post-thumbnail-bg .bg-inner {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transition: all 1s;
transform: scale(0.9, 0.9); }
.page-template-portfolio-fullscreen-type-hover .post-thumbnail-bg.active {
z-index: 1;
opacity: 1; }
.page-template-portfolio-fullscreen-type-hover .post-thumbnail-bg.active .bg-inner {
transform: scale(1, 1); }
.page-template-portfolio-fullscreen-type-hover .post-title {
font-size: 36px;
line-height: 1.23;
vertical-align: top;
color: #ddd;
margin-bottom: 0; }
.page-template-portfolio-fullscreen-type-hover .post-order {
font-size: 18px;
vertical-align: middle;
margin-right: 20px; }
.page-template-portfolio-fullscreen-type-hover .portfolio-list {
padding: 30px 100px; }
.page-template-portfolio-fullscreen-type-hover .portfolio.active .post-title {
color: #222; }
.page-template-portfolio-fullscreen-type-hover .portfolio + .portfolio {
margin-top: 55px; }
.page-template-portfolio-fullscreen-type-hover .post-permalink {
display: inline-block; }
@media (max-width: 1199px) {
.page-template-portfolio-fullscreen-type-hover .post-title {
font-size: 30px; }
.page-template-portfolio-fullscreen-type-hover .portfolio-list {
padding: 30px 50px; }
.page-template-portfolio-fullscreen-type-hover .thumbnail-wrapper {
padding: 50px; }
.page-template-portfolio-fullscreen-type-hover .portfolio + .portfolio {
margin-top: 30px; } }
@media (max-width: 991px) {
.page-template-portfolio-fullscreen-type-hover .post-title {
font-size: 24px; } }
@media (max-width: 767px) {
.page-template-portfolio-fullscreen-type-hover .page-content {
padding-top: 120px !important;
padding-bottom: 120px !important; }
.page-template-portfolio-fullscreen-type-hover .portfolio-list {
padding: 30px; }
.page-template-portfolio-fullscreen-type-hover .thumbnail-wrapper {
padding: 30px; } }
.page-template-portfolio-fullscreen-type-hover-02 {
background: #000; }
.page-template-portfolio-fullscreen-type-hover-02 .page-content {
padding-top: 0 !important;
padding-bottom: 0 !important;
height: 100vh; }
.page-template-portfolio-fullscreen-type-hover-02.admin-bar .page-content {
height: calc(100vh - 32px); }
.page-template-portfolio-fullscreen-type-hover-02 .portfolio-hover-type-wrap {
position: relative;
height: 100%;
display: flex;
align-items: center; }
.page-template-portfolio-fullscreen-type-hover-02 .post-thumbnail-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 30px;
transition: all .5s;
opacity: 0;
z-index: -1;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center; }
.page-template-portfolio-fullscreen-type-hover-02 .post-thumbnail-bg img { transition: all 1s;
transform: scale(0.9, 0.9); }
.page-template-portfolio-fullscreen-type-hover-02 .post-thumbnail-bg.active {
z-index: 1;
opacity: 1; }
.page-template-portfolio-fullscreen-type-hover-02 .post-thumbnail-bg.active img {
transform: scale(1, 1); }
.page-template-portfolio-fullscreen-type-hover-02 .portfolio-list {
position: relative;
z-index: 1; }
.page-template-portfolio-fullscreen-type-hover-02 .post-title {
font-size: 80px;
line-height: 1.4;
color: rgba(255, 255, 255, 0.3);
margin-bottom: 0; }
.page-template-portfolio-fullscreen-type-hover-02 .post-order {
font-size: 18px;
vertical-align: middle;
margin-right: 20px; }
.page-template-portfolio-fullscreen-type-hover-02 .portfolio-list {
padding: 80px 30px;
text-align: center; }
.page-template-portfolio-fullscreen-type-hover-02 .portfolio {
display: inline-block;
padding: 20px; }
.page-template-portfolio-fullscreen-type-hover-02 .portfolio.active .post-title {
color: #fff; }
@media (max-width: 1199px) {
.page-template-portfolio-fullscreen-type-hover-02 .post-title {
font-size: 60px; } }
@media (max-width: 991px) {
.page-template-portfolio-fullscreen-type-hover-02 .post-title {
font-size: 40px; } }
@media (max-width: 767px) {
.page-template-portfolio-fullscreen-type-hover-02 .portfolio-list {
padding-left: 0;
padding-right: 0; }
.page-template-portfolio-fullscreen-type-hover-02 .post-title {
font-size: 32px;
line-height: 1.2; } }
.page-template-portfolio-fullscreen-type-hover-03 .page-content {
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-left: 100px;
padding-right: 100px; }
.page-template-portfolio-fullscreen-type-hover-03 #portfolio-feature-bg {
position: relative;
width: 100%;
min-height: 400px; }
.page-template-portfolio-fullscreen-type-hover-03 .post-thumbnail-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all .5s;
opacity: 0;
z-index: -1;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
.page-template-portfolio-fullscreen-type-hover-03 .post-thumbnail-bg.active {
z-index: 1;
opacity: 1; }
.page-template-portfolio-fullscreen-type-hover-03 .portfolio-list {
position: relative;
z-index: 1; }
.page-template-portfolio-fullscreen-type-hover-03 .portfolio {
padding: 56px 0;
width: 100%; }
.page-template-portfolio-fullscreen-type-hover-03 .portfolio.active .post-title {
color: #222; }
.page-template-portfolio-fullscreen-type-hover-03 .post-title {
position: relative;
font-size: 40px;
line-height: 1.1;
margin-bottom: 0;
padding-left: 40px;
color: rgba(0, 0, 0, 0.3); }
.page-template-portfolio-fullscreen-type-hover-03 .swiper-slide .post-title:before {
content: '';
width: 80px;
height: 1px;
background: #ddd;
position: absolute;
top: 22px;
left: calc(100% + 20px); }
.page-template-portfolio-fullscreen-type-hover-03 .post-order {
position: absolute;
top: 13px;
left: 0;
font-size: 18px;
vertical-align: middle;
margin-right: 20px; }
.page-template-portfolio-fullscreen-type-hover-03 .page-left-text {
position: fixed;
top: 0;
bottom: 0;
margin: auto;
height: 1.5em;
left: 40px;
transform-origin: 0 50%;
transform: rotate(-90deg) translate(-50%, 50%); }
.page-template-portfolio-fullscreen-type-hover-03 .page-social-networks {
position: fixed;
right: 0;
width: 100px;
text-align: center;
top: 50%;
transform: translateY(-50%); }
.page-template-portfolio-fullscreen-type-hover-03 .page-social-networks a {
display: block;
font-size: 20px;
padding: 5px;
color: #222;
width: 40px;
margin: 0 auto; }
.page-template-portfolio-fullscreen-type-hover-03 .page-social-networks a + a {
margin-top: 12px; }
@media (max-width: 1199px) {
.page-template-portfolio-fullscreen-type-hover-03 .post-title {
font-size: 34px; } }
@media (max-width: 991px) {
.page-template-portfolio-fullscreen-type-hover-03 .post-title {
font-size: 28px; } }
@media (max-width: 767px) {
.page-template-portfolio-fullscreen-type-hover-03 .page-content {
padding: 0 15px; }
.page-template-portfolio-fullscreen-type-hover-03 .page-extra-info {
display: flex;
align-items: center;
padding-bottom: 30px; }
.page-template-portfolio-fullscreen-type-hover-03 .portfolio {
padding: 30px 0; }
.page-template-portfolio-fullscreen-type-hover-03 .post-order {
top: 5px; }
.page-template-portfolio-fullscreen-type-hover-03 .page-left-text,
.page-template-portfolio-fullscreen-type-hover-03 .page-social-networks {
position: static;
display: block;
width: 50%;
transform: none;
padding: 0 15px;
height: auto; }
.page-template-portfolio-fullscreen-type-hover-03 .page-social-networks {
text-align: right; }
.page-template-portfolio-fullscreen-type-hover-03 .page-social-networks a {
display: inline-block;
margin-top: 0 !important; } }
@media (max-width: 543px) {
.page-template-portfolio-fullscreen-type-hover-03 .page-social-networks {
text-align: left;
margin-top: 10px; }
.page-template-portfolio-fullscreen-type-hover-03 .page-extra-info {
display: block; }
.page-template-portfolio-fullscreen-type-hover-03 .page-left-text,
.page-template-portfolio-fullscreen-type-hover-03 .page-social-networks {
width: 100%; } } html.fp-enabled,
.fp-enabled body {
overflow: hidden; -webkit-tap-highlight-color: transparent; }
#superContainer {
height: 100%;
position: relative; -ms-touch-action: none; touch-action: none; }
.fp-section {
position: relative;
box-sizing: border-box; }
.fp-slide {
float: left; }
.fp-slide, .fp-slidesContainer {
height: 100%;
display: block; }
.fp-slides {
z-index: 1;
height: 100%;
overflow: hidden;
position: relative;
transition: all 0.3s ease-out; }
.fp-section.fp-table, .fp-slide.fp-table {
display: table;
table-layout: fixed;
width: 100%; }
.fp-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
position: relative; }
.fp-slidesContainer {
float: left;
position: relative; }
.fp-controlArrow {
user-select: none;
position: absolute;
z-index: 4;
top: 50%;
cursor: pointer;
width: 0;
height: 0;
border-style: solid;
margin-top: -38px;
transform: translate3d(0, 0, 0); }
.fp-controlArrow.fp-prev {
left: 15px;
width: 0;
border-width: 38.5px 34px 38.5px 0;
border-color: transparent #fff transparent transparent; }
.fp-controlArrow.fp-next {
right: 15px;
border-width: 38.5px 0 38.5px 34px;
border-color: transparent transparent transparent #fff; }
.fp-scrollable {
overflow: scroll; }
.fp-notransition {
-webkit-transition: none !important;
transition: none !important; }
.fp-slidesNav {
position: absolute;
z-index: 4;
left: 50%;
opacity: 1; }
.fp-slidesNav.bottom {
bottom: 17px; }
.fp-slidesNav.top {
top: 17px; }
#fp-nav ul,
.fp-slidesNav ul {
margin: 0;
padding: 0; }
#fp-nav ul li,
.fp-slidesNav ul li {
display: block;
width: 16px;
height: 16px;
margin: 13px 7px;
position: relative; }
#fp-nav ul li a,
.fp-slidesNav ul li a {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none; }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
border-radius: 100%;
position: absolute;
z-index: 1;
height: 10px;
width: 10px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: all .1s ease-in-out;
background: #eee; }
#fp-nav ul li a.active span, #fp-nav ul li a:hover span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li a:hover span {
background: #222; }
#fp-nav {
position: fixed;
z-index: 100;
margin-top: -32px;
top: 50%;
opacity: 1;
transform: translate3d(0, 0, 0); }
#fp-nav.right {
right: 90px; }
#fp-nav.left {
left: 90px; }
.page-template-one-page-scroll[data-row-skin='light'] #fp-nav ul li a {
color: #fff; }
.page-template-one-page-scroll[data-row-skin='light'] #fp-nav ul li a.active span, .page-template-one-page-scroll[data-row-skin='light'] #fp-nav ul li a:hover span {
background-color: #fff; }
.page-template-one-page-scroll[data-row-skin='light'] #fp-nav ul li span {
background-color: rgba(255, 255, 255, 0.2); }
.page-template-one-page-scroll[data-row-skin='dark'] #fp-nav ul li span {
border-color: #e6e8ee; }
#fp-nav ul li .fp-tooltip {
position: absolute;
top: 50%;
color: #fff;
font-size: 13px;
white-space: nowrap;
max-width: 220px;
overflow: hidden;
display: block;
opacity: 0;
width: 0;
cursor: pointer;
transform: translateY(-50%); }
#fp-nav ul li .fp-tooltip.right {
right: 20px; }
#fp-nav ul li .fp-tooltip.left {
left: 30px; }
#fp-nav ul li:hover .fp-tooltip {
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
width: auto;
opacity: 1; }
#fp-nav.fp-show-active a.active + .fp-tooltip {
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
width: auto;
opacity: 1; }
.fp-slidesNav ul li {
display: inline-block; }
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
height: auto !important; }
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
height: auto !important; }
.fp-scrollable {
overflow: hidden; }
.fp-scrollable .fp-scroller {
overflow: hidden; }
.one-page-scroll.tm-enable-onepage-animation > .vc-row-wrapper {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
background-color: #fff;
backface-visibility: hidden;
transform-style: preserve-3d;
z-index: 1; }
.one-page-scroll.tm-enable-onepage-animation > .vc-row-wrapper.active {
z-index: 10; }
.one-page-scroll.tm-enable-onepage-animation > .vc-row-wrapper:not(.active):not(.fp-completely) {
top: 100%;
pointer-events: none;
visibility: hidden; }
.fp-enabled .fp-table {
display: table !important; }
.fp-enabled .site {
position: relative;
left: 0;
overflow: hidden;
transition: transform .3s ease-in-out; }
.fp-enabled .page-template-one-page-scroll #page-content {
position: relative;
z-index: 2;
transition: transform .6s ease; }
.fp-enabled .page-template-one-page-scroll #page-footer-wrapper:not(.overlay) {
position: relative;
z-index: 2;
transition: transform .6s ease; }
.fp-enabled .page-template-one-page-scroll.tm-one-page-footer-expanded #page-content {
transform: translateY(-100px); }
.fp-enabled .page-template-one-page-scroll.tm-one-page-footer-expanded #page-footer-wrapper {
transform: translateY(-100%); }
.fp-enabled .page-template-one-page-scroll .main-logo {
display: none; }
.fp-enabled .page-template-one-page-scroll[data-row-skin='light'] .onepage-pagination a {
color: #fff; }
.fp-enabled .page-template-one-page-scroll[data-row-skin='light'] .page-open-mobile-menu i,
.fp-enabled .page-template-one-page-scroll[data-row-skin='light'] .page-open-main-menu,
.fp-enabled .page-template-one-page-scroll[data-row-skin='light'] .popup-search-wrap i,
.fp-enabled .page-template-one-page-scroll[data-row-skin='light'] .mini-cart .mini-cart-icon {
color: #fff !important; }
.fp-enabled .page-template-one-page-scroll[data-row-skin='light'] .mini-cart .mini-cart-icon:after {
color: #222 !important;
background: #fff !important; }
.fp-enabled .page-template-one-page-scroll[data-row-skin='light'] .light-logo {
display: inline-block; }
.fp-enabled .page-template-one-page-scroll[data-row-skin='light'] .dark-logo {
display: none; }
.fp-enabled .page-template-one-page-scroll[data-row-skin='dark'] .onepage-pagination a {
color: inherit; }
.fp-enabled .page-template-one-page-scroll[data-row-skin='dark'] .page-open-mobile-menu i,
.fp-enabled .page-template-one-page-scroll[data-row-skin='dark'] .page-open-main-menu,
.fp-enabled .page-template-one-page-scroll[data-row-skin='dark'] .popup-search-wrap i,
.fp-enabled .page-template-one-page-scroll[data-row-skin='dark'] .mini-cart .mini-cart-icon {
color: #222 !important; }
.fp-enabled .page-template-one-page-scroll[data-row-skin='dark'] .light-logo {
display: none; }
.fp-enabled .page-template-one-page-scroll[data-row-skin='dark'] .dark-logo {
display: inline-block; }
.fp-enabled .page-template-one-page-scroll[data-logo-skin='light'] .light-logo {
display: inline-block; }
.fp-enabled .page-template-one-page-scroll[data-logo-skin='light'] .dark-logo {
display: none; }
.fp-enabled .page-template-one-page-scroll[data-logo-skin='dark'] .light-logo {
display: none; }
.fp-enabled .page-template-one-page-scroll[data-logo-skin='dark'] .dark-logo {
display: inline-block; }
.page-template-one-page-scroll .page-content {
padding-top: 0;
padding-bottom: 0; }
@media (max-width: 767px) {
#fp-nav.right {
right: 40px; }
#fp-nav.left {
left: 40px; } }
@media (max-width: 543px) {
#fp-nav.right {
right: 20px; }
#fp-nav.left {
left: 20px; } }
.page-template-blank .page-content {
padding-top: 0;
padding-bottom: 0; } .tm-grid-wrapper .tm-filter-button-group {
padding-bottom: 60px; }
.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: 25px; }
.tm-grid-wrapper .tm-filter-button-group-inner {
margin-left: -20px;
margin-right: -20px; }
.tm-grid-wrapper.filter-counter-style-01 .btn-filter {
position: relative;
display: inline-block;
padding: 5px 20px;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.86px; }
.tm-grid-wrapper.filter-counter-style-01 .btn-filter:hover .filter-counter {
visibility: visible;
opacity: 1;
transform: translate(-50%, -100%); }
.tm-grid-wrapper.filter-counter-style-01 .filter-counter {
position: absolute;
top: 0;
left: 50%;
visibility: hidden;
margin: 0 auto;
min-width: 34px;
height: 24px;
line-height: 24px;
border-radius: 3px;
font-size: 12px;
background-color: #4d4c4d;
color: #fff;
text-align: center;
opacity: 0;
transform: translate(-50%, -50%); }
.tm-grid-wrapper.filter-counter-style-01 .filter-counter:before {
position: absolute;
right: 0;
bottom: -4px;
left: 0;
display: block;
margin: 0 auto;
width: 0;
height: 0;
border-top: 4px solid #4d4c4d;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: ""; }
.tm-grid-wrapper.filter-counter-style-02 .tm-filter-button-group-inner {
margin-left: -10px;
margin-right: -10px; }
.tm-grid-wrapper.filter-counter-style-02 .tm-filter-button-group {
padding-bottom: 62px; }
.tm-grid-wrapper.filter-counter-style-02 .tm-filter-button-group.show-filter-counter {
padding-top: 4px; }
.tm-grid-wrapper.filter-counter-style-02 .btn-filter {
position: relative;
display: inline-block;
padding: 5px 40px 5px 10px;
color: #888;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.86px; }
.tm-grid-wrapper.filter-counter-style-02 .filter-counter {
position: absolute;
top: -7px;
right: 20px;
font-size: 12px;
color: #bbb;
text-align: right; }
.modern-grid {
display: grid; }
.grid-width-2 {
grid-column: span 2; }
.grid-height-2 {
grid-row: span 2; }
.tm-grid-loader {
display: none;
margin: 0; }
.tm-grid-loader .sk-wrap {
margin: 0 auto; }
.tm-grid-pagination {
padding-top: 80px; }
.tm-grid-loadmore-btn {
font-size: 14px;
font-weight: 500; }
.tm-grid-loadmore-btn .button-icon {
margin-left: 15px; }
.tm-grid-messages {
margin: 50px 0;
text-align: center; }
.page-has-animation:not(.compose-mode) .tm-grid.has-animation .grid-item {
opacity: 0; }
.page-has-animation:not(.compose-mode) .tm-grid.fade-in .animate {
animation: fadeIn .95s ease forwards; }
.page-has-animation:not(.compose-mode) .tm-grid.move-up .animate {
transform: translateY(20px);
animation: moveVertical .65s ease forwards; }
.page-has-animation:not(.compose-mode) .tm-grid.move-down .animate {
transform: translateY(-20px);
animation: moveVertical .65s ease forwards; }
.page-has-animation:not(.compose-mode) .tm-grid.move-left .animate {
transform: translateX(100px);
animation: moveHorizontal .65s ease forwards; }
.page-has-animation:not(.compose-mode) .tm-grid.move-right .animate {
transform: translateX(-100px);
animation: moveHorizontal .65s ease forwards; }
.page-has-animation:not(.compose-mode) .tm-grid.scale-up .animate {
transform: scale(0.6);
animation: scaleUp .65s ease-in-out forwards; }
.page-has-animation:not(.compose-mode) .tm-grid.fly {
perspective: 1300px; }
.page-has-animation:not(.compose-mode) .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:not(.compose-mode) .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:not(.compose-mode) .tm-grid.helix {
perspective: 1300px; }
.page-has-animation:not(.compose-mode) .tm-grid.helix .animate {
transform: rotateY(-180deg);
animation: helix .8s ease-in-out forwards;
transform-style: preserve-3d; }
.page-has-animation:not(.compose-mode) .tm-grid.pop-up {
perspective: 1300px; }
.page-has-animation:not(.compose-mode) .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; }
.grid-width-2 {
grid-column: span 1; }
.grid-height-2 {
grid-row: span 1; } }
.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 .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.style-list .post-item + .post-item {
margin-top: 80px; }
.tm-blog.style-list .tm-grid-pagination {
padding-top: 60px; }
.tm-blog.style-list .post-wrapper {
background: #fff; }
.tm-blog.style-list .post-thumbnail {
text-align: center; }
.tm-blog.style-list .tm-swiper .swiper-nav-button {
border: 0;
background: transparent;
font-size: 40px;
color: rgba(255, 255, 255, 0.5); }
.tm-blog.style-list .tm-swiper .swiper-nav-button:hover {
color: #fff; }
.tm-blog.style-list .post-quote {
padding: 57px 40px 50px;
text-align: center; }
.tm-blog.style-list .post-quote:before {
content: '\f10e';
font-size: 26px;
line-height: 1;
position: absolute;
bottom: 30px;
right: 30px; }
.tm-blog.style-list .post-quote .post-quote-text {
font-size: 26px;
font-style: italic;
line-height: 1.4;
margin-bottom: 35px; }
.tm-blog.style-list .post-quote .post-quote-name {
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase; }
.tm-blog.style-list .post-feature {
margin-bottom: 35px; }
.tm-blog.style-list .post-excerpt {
margin-bottom: 30px; }
.tm-blog.style-list .post-categories {
margin-bottom: 5px; }
.tm-blog.style-list .post-categories a {
display: inline-block;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
letter-spacing: 1.71px;
color: #fff;
padding: 3px 8px;
margin: 0 5px 10px 0; }
.tm-blog.style-list .post-categories a:hover {
color: #fff; }
.tm-blog.style-list .post-title {
margin-bottom: 10px;
font-size: 36px;
line-height: 1.392; }
.tm-blog.style-list .post-meta {
margin-bottom: 35px;
font-style: italic;
font-size: 16px; }
.tm-blog.style-list .post-meta > div {
position: relative;
display: inline-block; }
.tm-blog.style-list .post-meta > div + div {
padding-left: 20px;
margin-left: 7px; }
.tm-blog.style-list .post-meta > div + div:before {
content: '/';
position: absolute;
top: 0;
left: 2px; }
.tm-blog.style-list .post-author a {
text-transform: capitalize; }
.tm-blog.style-list .post-read-more a {
color: #4F3230; }
.tm-blog.style-grid-sticky .grid-item {
overflow: hidden; }
.tm-blog.style-grid-sticky .grid-item:hover .post-overlay {
transform: scale(1.05, 1.05); }
.tm-blog.style-grid-sticky .post-wrapper {
position: relative;
display: flex;
align-items: stretch; }
.tm-blog.style-grid-sticky .post-wrapper:before {
content: '';
padding-top: 100%; }
.tm-blog.style-grid-sticky .post-overlay {
transition: all 0.5s cubic-bezier(0.57, 0.21, 0.69, 1);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.tm-blog.style-grid-sticky .post-overlay:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2); }
.tm-blog.style-grid-sticky .post-content {
width: 100%;
display: flex;
align-items: flex-end;
text-align: center;
position: relative;
z-index: 1; }
.tm-blog.style-grid-sticky .post-info {
padding: 30px 30px 50px;
color: #fff;
width: 100%; }
.tm-blog.style-grid-sticky .post-title {
font-size: 24px;
line-height: 1.375;
color: #fff;
margin-bottom: 0; }
.tm-blog.style-grid-sticky .post-meta {
margin-bottom: 21px; }
.tm-blog.style-grid-sticky .post-meta .meta-icon {
position: relative;
top: 2px;
margin-right: 5px;
font-size: 18px; }
.tm-blog.style-grid-sticky .post-meta > div {
position: relative;
display: inline-block; }
.tm-blog.style-grid-sticky .post-meta > div + div {
padding-left: 15px;
margin-left: 7px; }
.tm-blog.style-grid-sticky .post-meta > div + div:before {
content: '|';
position: absolute;
top: 0;
left: 2px; }
.tm-blog.style-grid-sticky .post-quote-text {
font-size: 24px;
color: #fff;
line-height: 1.125; }
.tm-blog.style-grid-sticky .post-quote-name {
color: #fff;
font-size: 18px;
line-height: 1.12;
margin-bottom: 0; }
.tm-blog.style-grid-sticky .format-quote .post-content:before {
content: '\f10e';
position: absolute;
top: 50px;
right: 50px;
font-size: 26px;
line-height: 22px; }
.tm-blog.style-grid-sticky .format-video .post-info {
position: relative;
min-height: calc(50% + 36px);
padding-top: 0;
display: flex;
flex-direction: column; }
.tm-blog.style-grid-sticky .format-video .content-inner {
flex-shrink: 0; }
.tm-blog.style-grid-sticky .post-video {
position: relative;
flex-grow: 1;
margin-bottom: 30px; }
.tm-blog.style-grid-sticky .post-video .icon {
display: block;
position: relative;
margin: 0 auto;
width: 72px;
height: 72px;
border-radius: 50%; }
.tm-blog.style-grid-sticky .post-video .icon:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
transform: translate(-6px, -9px);
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
border-left: 15px solid #fff; }
.tm-blog.style-classic-01 .grid-item {
min-width: 0;
min-height: 0; }
.tm-blog.style-classic-01 .post-wrapper {
position: relative;
display: flex;
flex-direction: column;
height: 100%; }
.tm-blog.style-classic-01 .post-wrapper > a {
display: block;
height: 100%; }
.tm-blog.style-classic-01 .post-wrapper:hover {
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.07); }
.tm-blog.style-classic-01 .post-wrapper:hover .post-info:after {
left: 0;
right: 0; }
.tm-blog.style-classic-01 .post-feature img {
width: 100%; }
.tm-blog.style-classic-01 .post-feature.post-gallery .swiper-pagination {
bottom: 20px; }
.tm-blog.style-classic-01 .post-title {
font-size: 24px;
margin-bottom: 10px; }
.tm-blog.style-classic-01 .post-date {
font-size: 16px;
font-style: italic; }
.tm-blog.style-classic-01 .has-post-thumbnail .post-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: -1; }
.tm-blog.style-classic-01 .has-post-thumbnail .post-overlay:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .8; }
.tm-blog.style-classic-01 .post-quote {
padding: 41px 30px;
height: 100%;
color: #fff; }
.tm-blog.style-classic-01 .post-quote-text {
font-size: 26px;
font-style: italic;
color: #fff;
line-height: 1.55;
margin-bottom: 55px; }
.tm-blog.style-classic-01 .post-quote-name {
font-size: 12px;
font-weight: 700;
font-family: inherit;
text-transform: uppercase;
letter-spacing: 2px; }
.tm-blog.style-classic-01 .post-quote-icon {
position: absolute;
bottom: 30px;
right: 30px;
font-size: 26px; }
.tm-blog.style-classic-01 .post-meta .meta-icon {
position: relative;
top: 2px;
margin-right: 5px;
font-size: 18px; }
.tm-blog.style-classic-01 .post-meta > div {
position: relative;
display: inline; }
.tm-blog.style-classic-01 .post-meta > div + div {
padding-left: 15px;
margin-left: 7px; }
.tm-blog.style-classic-01 .post-meta > div + div:before {
content: '|';
position: absolute;
top: 0;
left: 2px; }
.tm-blog.style-classic-01 .post-categories {
margin-bottom: 12px; }
.tm-blog.style-classic-01 .post-categories a {
display: inline-block;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
background-color: red;
color: #fff;
padding: 2px 12px 2px 10px;
-webkit-clip-path: polygon(100% 0%, calc(100% - 5px) 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
clip-path: polygon(100% 0%, calc(100% - 5px) 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
margin: 0 11px 10px 0; }
.tm-blog.style-classic-01 .post-categories a:hover {
color: #fff; }
.tm-blog.style-classic-01 .post-info {
position: relative;
height: 100%;
min-height: 172px;
padding: 31px 30px 44px;
background: #fff;
flex-grow: 1; }
.tm-blog.style-classic-01 .post-info:before, .tm-blog.style-classic-01 .post-info:after {
content: '';
position: absolute;
bottom: 0;
height: 3px; }
.tm-blog.style-classic-01 .post-info:before {
z-index: 1;
width: 100%;
left: 0; }
.tm-blog.style-classic-01 .post-info:after {
z-index: 2;
background-color: #fff;
left: 50%;
right: 50%; }
.tm-blog.style-classic-01 .post-excerpt {
margin-top: 24px; }
.tm-blog.style-classic-01 .post-read-more {
font-size: 12px;
color: #4F3230;
margin-top: 26px; }
.tm-blog.style-classic-01 .post-feature .tm-swiper.has-pagination {
margin-bottom: 0; }
.tm-blog.style-classic-02.style-carousel-classic-02 .tm-swiper {
margin: -10px; }
.tm-blog.style-classic-02.style-carousel-classic-02 .swiper-container {
padding: 10px; }
.tm-blog.style-classic-02 .post-wrapper:hover .post-thumbnail a:before {
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
opacity: 1; }
.tm-blog.style-classic-02 .post-thumbnail {
position: relative;
overflow: hidden; }
.tm-blog.style-classic-02 .post-thumbnail img {
width: 100%; }
.tm-blog.style-classic-02 .post-thumbnail a:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.25);
content: '';
transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
opacity: 0; }
.tm-blog.style-classic-02 .thumbnail-wrap.has-thumb {
position: relative;
margin-bottom: 29px; }
.tm-blog.style-classic-02 .thumbnail-wrap.has-thumb .post-categories {
position: absolute;
top: 28px;
left: -10px; }
.tm-blog.style-classic-02 .post-categories {
margin-bottom: 12px; }
.tm-blog.style-classic-02 .post-categories a {
display: inline-block;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
background-color: red;
color: #fff;
padding: 2px 12px 2px 10px;
-webkit-clip-path: polygon(100% 0%, calc(100% - 5px) 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
clip-path: polygon(100% 0%, calc(100% - 5px) 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
margin: 0 11px 10px 0; }
.tm-blog.style-classic-02 .post-categories a:hover {
color: #fff; }
.tm-blog.style-classic-02 .post-title {
font-size: 24px;
line-height: 34px;
border-bottom: 2px dotted #c0c0c0;
padding-bottom: 16px;
margin-bottom: 18px; }
.tm-blog.style-classic-02 .post-date {
font-size: 16px;
font-style: italic;
margin-bottom: 16px; }
.tm-blog.style-classic-02 .post-read-more {
margin-top: 24px; }
.tm-blog.style-classic-03 {
text-align: center; }
.tm-blog.style-classic-03 .post-item:hover .post-feature img {
transform: matrix3d(1, 0, 0, 0.0002, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.55);
-moz-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.55);
box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.55); }
.tm-blog.style-classic-03 .post-feature {
margin-bottom: 30px;
position: relative; }
.tm-blog.style-classic-03 .post-title {
font-size: 24px;
border-bottom: 2px solid rgba(79, 50, 48, 0.09);
padding-bottom: 23px;
margin-bottom: 25px; }
.tm-blog.style-classic-03 .post-date {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: #F6732E;
letter-spacing: 1px;
margin-bottom: 10px; }
.tm-blog.style-grid-masonry .post-thumbnail img {
width: 100%; }
.tm-blog.style-grid-masonry .post-feature {
margin-bottom: 40px; }
.tm-blog.style-grid-masonry .post-title {
font-size: 24px;
margin-bottom: 10px; }
.tm-blog.style-grid-masonry .post-date {
font-size: 16px;
font-style: italic;
font-family: "Playfair Display"; }
.tm-blog.style-grid-masonry .post-meta {
border-bottom: 2px dotted #c0c0c0;
padding-bottom: 30px;
margin-bottom: 28px; }
.tm-blog.style-grid-masonry .has-post-thumbnail .post-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: -1; }
.tm-blog.style-grid-masonry .has-post-thumbnail .post-overlay:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .8; }
.tm-blog.style-grid-masonry .post-quote {
padding: 41px 30px;
height: 100%;
color: #fff; }
.tm-blog.style-grid-masonry .post-quote-text {
font-size: 26px;
font-style: italic;
color: #fff;
line-height: 1.55;
margin-bottom: 55px; }
.tm-blog.style-grid-masonry .post-quote-name {
font-size: 12px;
font-weight: 700;
font-family: inherit;
text-transform: uppercase;
letter-spacing: 2px; }
.tm-blog.style-grid-masonry .post-quote-icon {
position: absolute;
bottom: 30px;
right: 30px;
font-size: 26px; }
.tm-blog.style-grid-masonry .post-meta .meta-icon {
position: relative;
top: 2px;
margin-right: 5px;
font-size: 18px; }
.tm-blog.style-grid-masonry .post-meta > div {
position: relative;
display: inline; }
.tm-blog.style-grid-masonry .post-meta > div + div {
padding-left: 15px;
margin-left: 7px; }
.tm-blog.style-grid-masonry .post-meta > div + div:before {
content: '|';
position: absolute;
top: 0;
left: 2px; }
.tm-blog.style-grid-masonry .post-categories {
margin-bottom: 12px; }
.tm-blog.style-grid-masonry .post-categories a {
display: inline-block;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #fff;
padding: 2px 12px 2px 10px;
-webkit-clip-path: polygon(100% 0%, calc(100% - 5px) 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
clip-path: polygon(100% 0%, calc(100% - 5px) 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
margin: 0 11px 10px 0; }
.tm-blog.style-grid-masonry .post-categories a:hover {
color: #fff; }
.tm-blog.style-grid-masonry .post-excerpt {
margin-top: 24px; }
.tm-blog.style-grid-masonry .post-read-more {
font-size: 12px;
margin-top: 26px; }
.tm-blog.style-grid-masonry .tm-swiper.has-pagination {
margin-bottom: 0; }
.tm-blog.style-grid-masonry .tm-swiper .swiper-pagination {
bottom: 25px; }
.tm-blog.style-grid-masonry .tm-swiper .swiper-pagination-bullet:before {
background-color: #fff;
opacity: .5; }
.tm-blog.style-grid-masonry .tm-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
width: 15px;
height: 15px;
opacity: 1; }
.tm-blog.style-grid-metro .grid-item {
overflow: hidden; }
.tm-blog.style-grid-metro .grid-item:hover .post-overlay {
transform: scale(1.05, 1.05); }
.tm-blog.style-grid-metro .post-wrapper {
position: relative;
display: flex;
align-items: stretch; }
.tm-blog.style-grid-metro .post-wrapper:before {
content: '';
padding-top: 100%; }
.tm-blog.style-grid-metro .post-overlay {
transition: all 0.5s cubic-bezier(0.57, 0.21, 0.69, 1);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.tm-blog.style-grid-metro .post-overlay:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2); }
.tm-blog.style-grid-metro .post-content {
width: 100%;
display: flex;
align-items: flex-end;
text-align: center;
position: relative;
z-index: 1; }
.tm-blog.style-grid-metro .invalid-thumbnail .post-title {
color: #222; }
.tm-blog.style-grid-metro .post-valid-thumbnail .post-info {
color: #fff; }
.tm-blog.style-grid-metro .post-valid-thumbnail .post-title {
color: #fff; }
.tm-blog.style-grid-metro .post-invalid-thumbnail .post-meta {
margin: 16px 0 30px; }
.tm-blog.style-grid-metro .post-info {
padding: 30px 50px 50px;
width: 100%; }
.tm-blog.style-grid-metro .post-title {
font-size: 24px;
line-height: 1.375;
margin-bottom: 0; }
.tm-blog.style-grid-metro .post-meta {
margin-bottom: 15px; }
.tm-blog.style-grid-metro .post-meta .meta-icon {
position: relative;
top: 2px;
margin-right: 5px;
font-size: 18px; }
.tm-blog.style-grid-metro .post-meta > div {
position: relative;
display: inline-block; }
.tm-blog.style-grid-metro .post-meta > div + div {
padding-left: 15px;
margin-left: 7px; }
.tm-blog.style-grid-metro .post-meta > div + div:before {
content: '|';
position: absolute;
top: 0;
left: 2px; }
.tm-blog.style-grid-metro .format-quote .post-content:before {
content: '\f10e';
position: absolute;
top: 50px;
right: 50px;
font-size: 26px;
line-height: 22px; }
.tm-blog.style-carousel-centered .post-wrapper {
position: relative; }
.tm-blog.style-carousel-centered .post-thumbnail {
position: relative; }
.tm-blog.style-carousel-centered .post-thumbnail:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2); }
.tm-blog.style-carousel-centered .swiper-slide-active .post-info {
visibility: visible;
opacity: 1;
transform: scale(1); }
.tm-blog.style-carousel-centered .swiper-slide-active .post-title,
.tm-blog.style-carousel-centered .swiper-slide-active .post-categories,
.tm-blog.style-carousel-centered .swiper-slide-active .post-date {
transition: all .5s .5s;
transform: none; }
.tm-blog.style-carousel-centered .swiper-slide-active .post-meta {
transition: all .5s 1s;
transform: none; }
.tm-blog.style-carousel-centered .post-info-wrap {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.tm-blog.style-carousel-centered .post-info {
visibility: hidden;
opacity: 0;
transform: scale(0.9);
position: relative;
padding: 45px 30px;
margin: 0 auto;
width: 100%;
max-width: 90vw;
text-align: center;
background-color: #fff;
border: 1px solid #eee;
transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
@media (min-width: 768px) {
.tm-blog.style-carousel-centered .post-info {
max-width: 650px; } }
.tm-blog.style-carousel-centered .info-bg-left,
.tm-blog.style-carousel-centered .info-bg-right {
position: absolute;
top: 10px;
bottom: 10px;
width: 33px; }
.tm-blog.style-carousel-centered .info-bg-left:after, .tm-blog.style-carousel-centered .info-bg-left:before,
.tm-blog.style-carousel-centered .info-bg-right:after,
.tm-blog.style-carousel-centered .info-bg-right:before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0; }
.tm-blog.style-carousel-centered .info-bg-left:before,
.tm-blog.style-carousel-centered .info-bg-right:before {
background: url(//lafilanda-marradi.it/wp-content/themes/retrolie/assets/images/blog-slider-2-bg.png) no-repeat;
background-position: top left; }
.tm-blog.style-carousel-centered .info-bg-left:after,
.tm-blog.style-carousel-centered .info-bg-right:after {
background: url(//lafilanda-marradi.it/wp-content/themes/retrolie/assets/images/blog-slider-2-bg2.png) no-repeat;
background-position: bottom left; }
.tm-blog.style-carousel-centered .info-bg-left {
left: 10px; }
.tm-blog.style-carousel-centered .info-bg-right {
right: 10px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.tm-blog.style-carousel-centered .post-info-line {
overflow: hidden; }
.tm-blog.style-carousel-centered .post-info-line + .post-info-line {
margin-top: 20px; }
.tm-blog.style-carousel-centered .post-info-line + .post-info-line.date {
margin-top: 10px; }
.tm-blog.style-carousel-centered .post-title {
margin-bottom: 0;
font-size: 30px;
line-height: 1.42;
transform: translateY(100%); }
.tm-blog.style-carousel-centered .post-categories {
transform: translateY(100%); }
.tm-blog.style-carousel-centered .post-categories a {
display: inline-block;
background-color: #F6732E;
padding: 4px 15px;
font-size: 12px;
font-weight: 700;
letter-spacing: 1.71px;
color: #fff;
text-transform: uppercase; }
.tm-blog.style-carousel-centered .post-categories a:hover {
color: #fff;
background-color: #4F3230; }
.tm-blog.style-carousel-centered .post-date {
font-family: "Playfair Display";
font-style: italic;
font-size: 16px;
transform: translateY(100%); }
.tm-blog.style-carousel-left-image .post-thumbnail {
margin-bottom: 50px; }
.tm-blog.style-carousel-left-image .post-thumbnail img {
width: 100%; }
.tm-blog.style-carousel-left-image .post-date {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.71px;
color: #F6732E;
margin-bottom: 17px; }
.tm-blog.style-carousel-left-image .post-title {
font-size: 36px;
padding-bottom: 25px;
border-bottom: 2px solid #eee;
margin-bottom: 35px; }
.tm-blog.style-carousel-left-image .post-excerpt {
margin-bottom: 40px; }
.tm-blog.style-carousel-left-image .post-read-more a:hover {
color: #fff; }
.tm-blog.style-carousel-left-image .tm-swiper .swiper-pagination {
text-align: left; }
.tm-blog.style-carousel-left-image .tm-swiper.pagination-style-09 {
margin-bottom: 90px; }
.tm-blog.style-carousel-left-image .tm-swiper.pagination-style-09 .swiper-pagination {
bottom: -90px; }
@media (min-width: 992px) {
.tm-blog.style-carousel-left-image .post-wrapper {
display: flex;
align-items: center; }
.tm-blog.style-carousel-left-image .post-thumbnail {
width: 55%;
flex-shrink: 0;
margin-right: 90px;
margin-bottom: 0; }
.tm-blog.style-carousel-left-image .post-title {
font-size: 46px; } }
.tm-blog.style-simple .grid-item {
overflow: hidden; }
.tm-blog.style-simple .post-wrapper {
height: 100%; }
.tm-blog.style-simple .post-wrapper:hover .post-feature img {
width: 100%;
transform: scale3d(1.1, 1.1, 1.1); }
.tm-blog.style-simple .post-feature {
overflow: hidden;
margin-bottom: 30px; }
.tm-blog.style-simple .post-feature img {
width: 100%; }
.tm-blog.style-simple .post-title {
font-size: 22px;
line-height: 1.39;
margin-bottom: 10px; }
.tm-blog.style-simple .post-date {
font-style: italic;
font-size: 16px; }
.tm-blog-widget.style-list .tm-grid {
display: grid;
grid-row-gap: 25px; }
.tm-blog-widget.style-list .post-wrapper {
display: flex; }
.tm-blog-widget.style-list .post-thumbnail {
flex-shrink: 0;
width: 70px;
margin-right: 25px; }
.tm-blog-widget.style-list .post-info {
flex-grow: 1; }
.tm-blog-widget.style-list .post-title {
font-size: 18px;
line-height: 1.3;
margin-bottom: 5px;
font-weight: inherit; }
.tm-blog-widget.style-list .post-date {
font-size: 14px;
font-family: "Playfair Display";
font-style: italic; }
.tm-banner .banner-wrap {
position: relative; }
.tm-banner .banner-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
display: inline-block;
background-position: center center; }
.tm-banner .banner-cat {
font-size: 12px;
font-weight: 700;
font-family: inherit;
text-transform: uppercase;
letter-spacing: 1.71px;
margin-bottom: 17px; }
.tm-banner .banner-heading {
font-size: 40px;
line-height: 1.375;
margin-bottom: 0;
width: 60%; }
.tm-banner .tm-banner-button {
margin-top: 35px; }
.tm-banner.style-01 .banner-wrap {
text-align: center; }
.tm-banner.style-01 .banner-image:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2); }
.tm-banner.style-01 .banner-content-wrap {
padding: 70px 35px; }
.tm-banner.style-02 .banner-content-wrap {
position: relative;
overflow: hidden;
padding: 70px 45px 56px 45px; }
.tm-banner.style-02 .banner-content-wrap:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.25);
content: '';
transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
opacity: 0; }
.tm-banner.style-02 .banner-content-wrap:hover:before {
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
opacity: 1; }
.tm-banner.style-02 .banner-heading {
max-width: 380px; }
.tm-banner.style-02 .tm-banner-button {
margin-top: 100px; }
.tm-banner.style-02 .tm-banner-button .button-text:before {
opacity: 0.2; }
.tm-banner.style-03 .banner-wrap {
position: relative;
overflow: hidden; }
.tm-banner.style-03 .banner-wrap:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.25);
content: '';
transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
opacity: 0; }
.tm-banner.style-03 .banner-wrap:hover:before {
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
opacity: 1; }
.tm-banner.style-03 .banner-wrap {
min-height: 550px; }
.tm-banner.style-03 .banner-image {
background-size: cover; }
.tm-banner.style-03 .banner-heading {
position: absolute;
right: 0;
top: 0;
writing-mode: vertical-rl;
width: 70px;
height: 100%;
line-height: 70px;
color: #fff;
background-color: #222;
text-align: center; }
.tm-portfolio .post-wrapper {
position: relative; }
.tm-portfolio.style-metro .post-permalink {
display: block;
height: 100%;
width: 100%; }
.tm-portfolio.style-metro .post-wrapper {
position: relative;
display: flex;
align-items: stretch;
background-position: center;
background-size: cover;
height: 100%;
width: 100%; }
.tm-portfolio.style-metro .post-wrapper:before {
content: '';
display: block;
padding-top: 100%; }
.tm-portfolio.style-metro .grid-width-2 .post-wrapper:before {
padding-top: 50%; }
.tm-portfolio.style-metro .grid-height-2 .post-wrapper:before {
padding-top: 200%; }
.tm-portfolio.style-metro .grid-width-2.grid-height-2 .post-wrapper:before {
padding-top: 100%; }
.tm-portfolio.style-metro-02 .post-permalink {
display: block;
height: 100%;
width: 100%; }
.tm-portfolio.style-metro-02 .post-wrapper {
position: relative;
display: flex;
align-items: stretch;
background-position: center;
background-size: cover;
height: 100%;
width: 100%; }
.tm-portfolio.style-metro-02 .post-wrapper:before {
content: '';
display: block;
padding-top: 78%; }
.tm-portfolio.style-metro-02 .grid-width-2 .post-wrapper:before {
padding-top: 78%; }
.tm-portfolio.style-metro-02 .grid-height-2 .post-wrapper:before {
padding-top: 156%; }
.tm-portfolio.style-metro-02 .grid-width-2.grid-height-2 .post-wrapper:before {
padding-top: 78%; }
.tm-portfolio.style-metro-with-caption .post-permalink {
display: block;
height: 100%;
width: 100%; }
.tm-portfolio.style-metro-with-caption .post-wrapper {
position: relative;
height: 100%;
width: 100%; }
.tm-portfolio.style-metro-with-caption .post-wrapper:hover .post-view-detail {
opacity: 1;
visibility: visible;
transform: translate(-50%, -50%); }
.tm-portfolio.style-metro-with-caption .post-wrapper:hover .thumbnail {
transform: scale(1.05, 1.05); }
.tm-portfolio.style-metro-with-caption .post-thumbnail {
height: 370px;
width: 100%;
overflow: hidden;
margin-bottom: 21px; }
.tm-portfolio.style-metro-with-caption .thumbnail {
width: 100%;
height: 100%;
transition: all 1s;
background-position: center;
background-size: cover; }
.tm-portfolio.style-metro-with-caption .post-view-detail {
width: 68px;
height: 68px;
line-height: 68px;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.9, 0.9);
font-size: 18px;
text-align: center;
border-radius: 50%;
visibility: hidden;
opacity: 0; }
.tm-portfolio.style-metro-with-caption .post-view-detail:before {
content: '\f067'; }
.tm-portfolio.style-metro-with-caption .post-title {
font-size: 24px;
line-height: 1.56;
margin-bottom: 3px; }
.tm-portfolio.style-metro-with-caption .post-categories {
font-size: 14px;
line-height: 2; }
.tm-portfolio.style-caption-01 .grid-item:hover .post-wrapper {
transform: translateY(-10px); }
.tm-portfolio.style-caption-01 .post-wrapper {
background: #fff;
height: 100%; }
.tm-portfolio.style-caption-01 .post-info {
padding: 27px 30px 41px; }
.tm-portfolio.style-caption-01 .post-title {
font-size: 22px;
margin: 0; }
.tm-portfolio.style-caption-01 .post-categories {
margin-top: 10px;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
color: #F6732E; }
.tm-portfolio.style-caption-02 .grid-item:hover .post-thumbnail:before {
opacity: 1;
transform: translate(-50%, -50%) scale(1); }
.tm-portfolio.style-caption-02 .grid-item:hover .post-thumbnail:after {
background-color: rgba(0, 0, 0, 0.4); }
.tm-portfolio.style-caption-02 .post-thumbnail {
position: relative; }
.tm-portfolio.style-caption-02 .post-thumbnail:before {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
content: "\f067";
font-size: 20px;
color: #000;
width: 80px;
height: 80px;
background-color: #fff;
border-radius: 50%;
line-height: 80px;
text-align: center;
transform: translate(-50%, -50%) scale(0.95);
opacity: 0;
z-index: 2; }
.tm-portfolio.style-caption-02 .post-thumbnail:after {
content: '';
display: inline-block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: transparent;
z-index: 1; }
.tm-portfolio.style-caption-02 .post-info {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 27px; }
.tm-portfolio.style-caption-02 .post-title {
font-size: 24px;
margin: 0; }
.tm-portfolio.style-caption-02 .post-categories {
text-align: right;
text-transform: uppercase;
letter-spacing: 1.71px;
font-size: 12px;
font-weight: 700; }
.tm-portfolio.style-caption-02 .post-categories a {
color: red; }
.tm-portfolio.style-caption-02 .post-categories a:hover {
color: #000; }
.tm-portfolio.style-caption-03 .grid-item:hover .post-thumbnail:before {
opacity: 1;
transform: translate(-50%, -50%) scale(1); }
.tm-portfolio.style-caption-03 .grid-item:hover .post-thumbnail:after {
background-color: rgba(0, 0, 0, 0.4); }
.tm-portfolio.style-caption-03 .post-thumbnail {
position: relative;
margin-bottom: 22px; }
.tm-portfolio.style-caption-03 .post-thumbnail:before {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
content: "\f067";
font-size: 20px;
color: #000;
width: 80px;
height: 80px;
background-color: #fff;
border-radius: 50%;
line-height: 80px;
text-align: center;
transform: translate(-50%, -50%) scale(0.95);
opacity: 0;
z-index: 2; }
.tm-portfolio.style-caption-03 .post-thumbnail:after {
content: '';
display: inline-block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: transparent;
z-index: 1; }
.tm-portfolio.style-caption-03 .post-title {
font-size: 24px;
margin-bottom: 5px; }
.tm-portfolio.style-caption-03 .post-categories {
text-transform: uppercase;
letter-spacing: 1.71px;
font-size: 12px;
font-weight: 700; }
.tm-portfolio.style-grid-caption-video-popup .grid-item:hover .post-wrapper {
transform: translateY(-10px); }
.tm-portfolio.style-grid-caption-video-popup .post-wrapper {
background: #fff;
height: 100%; }
.tm-portfolio.style-grid-caption-video-popup .post-info {
padding: 27px 30px 41px; }
.tm-portfolio.style-grid-caption-video-popup .post-title {
font-size: 18px;
font-weight: 600;
margin: 0; }
.tm-portfolio.style-grid-caption-video-popup .post-categories {
margin-top: 10px;
color: #999; }
.tm-portfolio.style-justified .post-thumbnail {
width: 100%;
height: 100%; }
.tm-portfolio.style-justified .caption {
display: none !important; }
.tm-portfolio .post-thumbnail {
position: relative; }
.tm-portfolio .post-thumbnail img {
width: 100%; }
.tm-portfolio .post-overlay-categories {
font-size: 16px; }
.tm-portfolio .post-overlay-categories a {
color: inherit;
font-size: inherit; }
.tm-portfolio .post-overlay-title a {
font-size: inherit; }
.tm-portfolio.style-carousel-auto-wide .swiper-slide {
width: auto; }
.tm-portfolio.style-carousel-auto-wide .swiper-slide.swiper-slide-active .post-info {
width: 380px;
visibility: visible;
opacity: 1;
padding: 102px 50px 50px; }
.tm-portfolio.style-carousel-auto-wide .swiper-slide.swiper-slide-active .post-thumbnail img {
opacity: 1;
width: auto; }
.tm-portfolio.style-carousel-auto-wide .post-thumbnail img {
opacity: .3; }
.tm-portfolio.style-carousel-auto-wide .post-info {
transition: opacity .3s, width .3s, visibility .3s;
visibility: hidden;
opacity: 0;
width: 0; }
.tm-portfolio.style-carousel-auto-wide .post-wrapper {
display: flex; }
.tm-portfolio.style-carousel-auto-wide .post-categories {
text-transform: uppercase;
font-size: 14px;
margin-bottom: 30px;
font-weight: 700;
letter-spacing: 1px; }
.tm-portfolio.style-carousel-auto-wide .post-title {
position: relative;
font-size: 56px;
color: #fff;
font-weight: 900;
line-height: 1.34;
margin-bottom: 57px; }
.tm-portfolio.style-carousel-auto-wide .post-title a {
color: inherit; }
.tm-portfolio.style-carousel-auto-wide .post-title:before {
content: '';
position: absolute;
top: 40px;
left: -172px;
width: 150px;
height: 3px;
background-color: blue; }
.tm-portfolio.style-carousel-auto-wide .post-read-more a {
color: #fff;
font-size: 16px;
font-weight: 500; }
.tm-portfolio.style-carousel-auto-wide .post-read-more .button-icon {
font-size: 12px;
margin-left: 8px; }
.tm-portfolio.style-carousel-auto-wide-02 .swiper-slide {
width: auto; }
.tm-portfolio.style-carousel-auto-wide-02 .post-thumbnail img {
width: auto;
height: 550px; }
.tm-portfolio.style-carousel-auto-wide-large .swiper-slide {
width: auto; }
.tm-portfolio.style-carousel-auto-wide-large .post-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 30px 50px 66px; }
.tm-portfolio.style-carousel-auto-wide-large .post-title {
font-size: 48px;
color: #fff;
line-height: 1.4;
margin-bottom: 57px; }
.tm-portfolio.style-carousel-auto-wide-large .post-categories {
font-size: 14px;
color: #fff; }
.tm-portfolio.style-fullscreen-slider {
height: 100%; }
.tm-portfolio.style-fullscreen-slider .tm-swiper,
.tm-portfolio.style-fullscreen-slider .swiper-container {
height: 100%; }
.tm-portfolio.style-fullscreen-slider .post-wrapper {
position: relative;
height: 100%; }
.tm-portfolio.style-fullscreen-slider .post-overlay {
background-color: #222;
background-size: cover;
background-position: center center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.tm-portfolio.style-fullscreen-slider .post-overlay:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.1); }
.tm-portfolio.style-fullscreen-slider .post-content {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
padding: 30px 100px; }
.tm-portfolio.style-fullscreen-slider .post-content .inner {
position: absolute;
bottom: 50px;
left: 50px; }
.tm-portfolio.style-fullscreen-slider .post-info {
max-width: 600px; }
.tm-portfolio.style-fullscreen-slider .post-title {
color: #fff;
font-size: 46px;
line-height: 1.21;
margin-bottom: 0; }
.tm-portfolio.style-fullscreen-slider .post-excerpt {
max-width: 400px;
margin-top: 10px;
color: #fff; }
.tm-portfolio.style-fullscreen-slider-02 {
height: 100%; }
.tm-portfolio.style-fullscreen-slider-02 .tm-swiper,
.tm-portfolio.style-fullscreen-slider-02 .swiper-container {
height: 100%; }
.tm-portfolio.style-fullscreen-slider-02 .swiper-slide {
padding-left: 100px; }
.tm-portfolio.style-fullscreen-slider-02 .post-wrapper {
position: relative;
height: 100%; }
.tm-portfolio.style-fullscreen-slider-02 .post-overlay {
background-color: #222;
background-size: cover;
background-position: center center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.tm-portfolio.style-fullscreen-slider-02 .post-overlay:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.1); }
.tm-portfolio.style-fullscreen-slider-02 .post-content {
position: relative;
z-index: 1;
display: table;
height: 100%;
width: 100%;
padding: 30px 0; }
.tm-portfolio.style-fullscreen-slider-02 .post-content .inner {
display: table-cell;
vertical-align: middle;
min-height: 470px; }
.tm-portfolio.style-fullscreen-slider-02 .post-info {
max-width: 600px;
background: #4F3230;
padding: 64px 68px 62px;
position: relative;
left: -100px; }
.tm-portfolio.style-fullscreen-slider-02 .post-title {
color: #fff;
font-size: 46px;
line-height: 1.14;
margin-bottom: 0; }
.tm-portfolio.style-fullscreen-slider-02 .portfolio-excerpt {
color: rgba(255, 255, 255, 0.4);
margin-top: 10px; }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more {
margin-top: 70px;
color: #fff;
position: relative;
vertical-align: middle;
background: none;
border: 0;
box-shadow: none;
padding: 10px 0 !important;
height: auto !important;
line-height: 1.2 !important;
transform: none !important; }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more .button-text {
display: inline-block; }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more:hover > .the-arrow.-left > .shaft {
width: 60px;
transition-delay: 0.1s;
background-color: currentColor; }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more:hover > .the-arrow.-left > .shaft:before, .tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more:hover > .the-arrow.-left > .shaft:after {
width: 5px;
transition-delay: 0.1s;
background-color: currentColor; }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more:hover > .the-arrow.-left > .shaft:before {
transform: rotate(40deg); }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more:hover > .the-arrow.-left > .shaft:after {
transform: rotate(-40deg); }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more:hover > .button-text {
transform: translateX(75px); }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more:hover > .the-arrow.-right {
transform: translateX(100%);
opacity: 0; }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more > .button-text > .text {
line-height: 1; }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more > .button-text > .the-arrow {
position: relative; }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more .the-arrow {
display: inline-block;
width: 60px; }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more .the-arrow.-left {
position: absolute;
top: 50%;
margin-top: -1px;
left: 0; }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more .the-arrow.-left > .shaft {
width: 0;
opacity: .24; }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more .the-arrow.-left > .shaft:before, .tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more .the-arrow.-left > .shaft:after {
width: 0; }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more .the-arrow.-left > .shaft:before {
transform: rotate(0); }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more .the-arrow.-left > .shaft:after {
transform: rotate(0); }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more .the-arrow.-right {
vertical-align: middle;
display: inline-block;
margin-left: 14px;
margin-top: -2px; }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more .the-arrow.-right > .shaft {
width: 60px;
transition-delay: .2s;
opacity: .24; }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more .the-arrow.-right > .shaft:before, .tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more .the-arrow.-right > .shaft:after {
width: 5px;
transition-delay: .3s;
transition: all .5s; }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more .the-arrow.-right > .shaft:before {
transform: rotate(40deg); }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more .the-arrow.-right > .shaft:after {
transform: rotate(-40deg); }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more .the-arrow > .shaft {
background-color: currentColor;
display: block;
height: 2px;
position: relative;
transition-delay: 0s;
will-change: transform; }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more .the-arrow > .shaft:before, .tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more .the-arrow > .shaft:after {
background-color: currentColor;
content: '';
display: block;
height: 2px;
position: absolute;
top: 0;
right: 0;
transition: all .2s;
transition-delay: 0s; }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more .the-arrow > .shaft:before {
transform-origin: top right; }
.tm-portfolio.style-fullscreen-slider-02 .tm-button.post-read-more .the-arrow > .shaft:after {
transform-origin: bottom right; }
.tm-portfolio.style-masonry-with-caption .post-wrapper {
background: #fff;
height: 100%; }
.tm-portfolio.style-masonry-with-caption .post-wrapper:hover .post-thumbnail img {
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.14); }
.tm-portfolio.style-masonry-with-caption .post-info {
padding-top: 38px; }
.tm-portfolio.style-masonry-with-caption .post-title {
font-size: 18px;
margin: 0; }
.tm-portfolio.style-masonry-with-caption .post-categories {
margin-top: 7px;
color: #999; }
.tm-portfolio.style-masonry-with-caption .post-categories:before {
position: relative;
top: -2px;
display: inline-block;
content: '';
width: 5px;
height: 5px;
border-radius: 50%;
margin-right: 5px;
background: #dfdfdf; }
.tm-portfolio[data-type='justified'] [data-overlay-animation='faded'] .post-thumbnail {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.portfolio-overlay-faded .post-wrapper:hover .post-overlay,
.portfolio-overlay-faded-02 .post-wrapper:hover .post-overlay {
visibility: visible;
opacity: .9; }
.portfolio-overlay-faded .post-wrapper:hover .post-overlay-content,
.portfolio-overlay-faded-02 .post-wrapper:hover .post-overlay-content {
visibility: visible;
opacity: 1; }
.portfolio-overlay-faded .post-wrapper:hover .post-overlay-title,
.portfolio-overlay-faded-02 .post-wrapper:hover .post-overlay-title {
opacity: 1;
transition: .5s ease-out .2s;
transform: translateY(0); }
.portfolio-overlay-faded .post-overlay,
.portfolio-overlay-faded-02 .post-overlay {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
width: 100%;
height: 100%;
opacity: 0; }
.portfolio-overlay-faded .post-overlay-content,
.portfolio-overlay-faded-02 .post-overlay-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
opacity: 0; }
.portfolio-overlay-faded .post-overlay-content-inner,
.portfolio-overlay-faded-02 .post-overlay-content-inner {
display: table;
width: 100%;
height: 100%;
text-align: center; }
.portfolio-overlay-faded .post-overlay-info,
.portfolio-overlay-faded-02 .post-overlay-info {
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 0 15px; }
.portfolio-overlay-faded .post-overlay-title,
.portfolio-overlay-faded-02 .post-overlay-title {
opacity: 0;
transition: .3s ease-out 0s;
transform: translateY(10px);
font-size: 24px;
line-height: 1.4;
color: #fff;
margin: 0; }
.portfolio-overlay-faded-02 .post-wrapper:hover .post-overlay-categories {
opacity: 1;
transition: .5s ease-out .2s;
transform: translateY(0); }
.portfolio-overlay-faded-02 .post-overlay-categories {
opacity: 0;
transition: .3s ease-out 0s;
transform: translateY(10px);
margin-top: 10px;
color: #fff; }
.portfolio-overlay-faded-02 .post-overlay-title {
transform: translateY(-10px); }
.portfolio-overlay-faded-03 .post-wrapper:hover .post-overlay,
.portfolio-overlay-faded-05 .post-wrapper:hover .post-overlay {
visibility: visible;
opacity: .9; }
.portfolio-overlay-faded-03 .post-wrapper:hover .post-overlay-content,
.portfolio-overlay-faded-05 .post-wrapper:hover .post-overlay-content {
visibility: visible;
opacity: 1; }
.portfolio-overlay-faded-03 .post-wrapper:hover .post-overlay-title,
.portfolio-overlay-faded-03 .post-wrapper:hover .post-overlay-categories,
.portfolio-overlay-faded-05 .post-wrapper:hover .post-overlay-title,
.portfolio-overlay-faded-05 .post-wrapper:hover .post-overlay-categories {
opacity: 1;
transition: .5s ease-out .2s;
transform: translateY(0); }
.portfolio-overlay-faded-03 .post-overlay,
.portfolio-overlay-faded-05 .post-overlay {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
width: 100%;
height: 100%;
opacity: 0; }
.portfolio-overlay-faded-03 .post-overlay-content,
.portfolio-overlay-faded-05 .post-overlay-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
opacity: 0; }
.portfolio-overlay-faded-03 .post-overlay-info,
.portfolio-overlay-faded-05 .post-overlay-info {
padding: 40px; }
.portfolio-overlay-faded-03 .post-overlay-title,
.portfolio-overlay-faded-05 .post-overlay-title {
opacity: 0;
transition: .3s ease-out 0s;
transform: translateY(-10px);
font-size: 24px;
line-height: 1.4;
color: #fff;
margin: 0; }
.portfolio-overlay-faded-03 .post-overlay-categories,
.portfolio-overlay-faded-05 .post-overlay-categories {
opacity: 0;
transition: .3s ease-out 0s;
transform: translateY(10px);
margin-top: 18px;
color: #fff; }
.portfolio-overlay-faded-05 .post-overlay-info {
padding: 33px 40px; }
.portfolio-overlay-faded-05 .post-overlay-title {
font-weight: 700; }
.portfolio-overlay-faded-05 .post-overlay-categories {
margin-top: 15px;
font-size: 15px; }
.portfolio-overlay-faded-04 .post-wrapper:hover .post-overlay {
visibility: visible;
opacity: .9; }
.portfolio-overlay-faded-04 .post-wrapper:hover .post-overlay-content {
visibility: visible;
opacity: 1; }
.portfolio-overlay-faded-04 .post-wrapper:hover .post-overlay-title,
.portfolio-overlay-faded-04 .post-wrapper:hover .post-overlay-categories {
opacity: 1;
transition: .5s ease-out .2s;
transform: translateY(0); }
.portfolio-overlay-faded-04 .post-overlay {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
width: 100%;
height: 100%;
opacity: 0;
background: linear-gradient(to top, #000 0%, transparent 50%); }
.portfolio-overlay-faded-04 .post-overlay-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
opacity: 0; }
.portfolio-overlay-faded-04 .post-overlay-info {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 37px 28px; }
.portfolio-overlay-faded-04 .post-overlay-title {
opacity: 0;
transition: .3s ease-out 0s;
transform: translateY(-10px);
font-size: 30px;
line-height: 1.24;
color: #fff;
margin: 0 0 7px; }
.portfolio-overlay-faded-04 .post-overlay-categories {
opacity: 0;
transition: .3s ease-out 0s;
transform: translateY(10px);
color: #fff; }
.portfolio-overlay-icon .post-wrapper:hover .post-overlay {
background-color: rgba(0, 0, 0, 0.4); }
.portfolio-overlay-icon .post-wrapper:hover .post-overlay-icon {
transform: scale(1);
opacity: 1; }
.portfolio-overlay-icon .post-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent; }
.portfolio-overlay-icon .post-overlay-content {
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
transform: translateY(-50%); }
.portfolio-overlay-icon .post-overlay-icon {
display: inline-block;
width: 80px;
height: 80px;
border-radius: 50%;
background-color: #fff;
font-size: 20px;
text-align: center;
line-height: 80px;
transform: scale(0.8);
opacity: 0; }
.portfolio-overlay-icon .post-overlay-icon:hover {
color: #fff; }
.portfolio-overlay-caption .post-wrapper:hover .post-overlay-info {
transform: translateY(0); }
.portfolio-overlay-caption .post-overlay-content {
position: absolute;
left: 30px;
right: 30px;
bottom: 30px;
overflow: hidden; }
.portfolio-overlay-caption .post-overlay-info {
transform: translateY(100%);
padding: 25px;
background: #fff;
display: flex;
align-items: center; }
.portfolio-overlay-caption .post-overlay-title {
font-size: 24px;
line-height: 1.4;
margin: 0;
flex-grow: 1; }
.portfolio-overlay-caption .post-overlay-categories {
flex-shrink: 0;
margin-left: 10px;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
letter-spacing: 1.71px;
color: #F6732E; }
@media (max-width: 1199px) {
.tm-portfolio.style-carousel-auto-wide-large .post-thumbnail img {
width: 400px; }
.tm-portfolio.style-carousel-auto-wide-large .post-info {
padding: 30px 40px 50px; }
.tm-portfolio.style-carousel-auto-wide-large .post-title {
font-size: 42px;
margin-bottom: 30px; }
.tm-portfolio.style-carousel-auto-wide .post-thumbnail img {
height: 450px; }
.tm-portfolio.style-carousel-auto-wide .swiper-slide.swiper-slide-active .post-info {
padding-top: 30px;
padding-bottom: 0; }
.tm-portfolio.style-carousel-auto-wide .post-title {
font-size: 48px; } }
@media (max-width: 991px) {
.tm-portfolio.style-fullscreen-slider-02 .swiper-slide {
padding-left: 50px; }
.tm-portfolio.style-fullscreen-slider-02 .post-info {
left: -50px;
max-width: 400px;
padding: 40px 30px; }
.tm-portfolio.style-carousel-auto-wide-large .post-thumbnail img {
width: 300px; }
.tm-portfolio.style-carousel-auto-wide-large .post-title {
font-size: 36px; }
.tm-portfolio.style-carousel-auto-wide-large .post-info {
padding: 30px 30px 50px; }
.tm-portfolio.style-carousel-auto-wide .post-thumbnail img {
height: 300px; }
.tm-portfolio.style-carousel-auto-wide .swiper-slide.swiper-slide-active .post-info {
padding-top: 0; }
.tm-portfolio.style-carousel-auto-wide .post-title {
font-size: 40px; }
.tm-portfolio.style-carousel-auto-wide-02 .post-thumbnail img {
height: 450px; } }
@media (max-width: 767px) {
.tm-portfolio.style-metro .grid-width-2 .post-wrapper:before,
.tm-portfolio.style-metro .grid-height-2 .post-wrapper:before {
padding-top: 100%; }
.tm-portfolio.style-fullscreen-slider-02 .swiper-slide {
padding-left: 30px; }
.tm-portfolio.style-fullscreen-slider-02 .post-info {
left: -30px; }
.tm-portfolio.style-carousel-auto-wide-02 .post-thumbnail img {
height: 350px; } }
.tm-portfolio-featured.style-01 {
height: 100%; }
.tm-portfolio-featured.style-01 .post-wrapper {
display: flex;
align-items: stretch;
height: 100%; }
.tm-portfolio-featured.style-01 .post-info {
position: relative;
width: 50%;
display: flex;
align-items: center;
padding: 50px 50px 50px 150px; }
.tm-portfolio-featured.style-01 .post-info .inner {
max-width: 400px; }
.tm-portfolio-featured.style-01 .post-feature {
width: 50%;
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.tm-portfolio-featured.style-01 .post-categories {
margin-bottom: 34px; }
.tm-portfolio-featured.style-01 .post-title {
position: relative;
font-size: 48px;
line-height: 1.11;
margin-bottom: 131px; }
.tm-portfolio-featured.style-01 .post-title a {
color: inherit; }
.tm-portfolio-featured.style-01 .post-number {
position: absolute;
top: 20px;
left: -40px;
font-size: 18px; }
.tm-portfolio-featured.style-01 .post-character {
font-size: 300px;
color: #b40720;
position: absolute;
top: 50%;
right: 0;
transform: translate(50%, -50%); }
.tm-portfolio-featured.style-01 .post-read-more {
font-size: 18px;
font-weight: 700;
color: #222; }
.tm-portfolio-featured.style-01 .post-read-more:hover .btn-icon {
color: #222;
transform: translateX(5px); }
.tm-portfolio-featured.style-01 .post-read-more .btn-icon {
position: relative;
content: '';
width: 73px;
top: -5px;
height: 2px;
display: inline-block;
color: rgba(0, 0, 0, 0.1);
background: currentColor;
margin-left: 15px; }
.tm-portfolio-featured.style-01 .post-read-more .btn-icon:before {
content: '';
position: absolute;
top: -7px;
right: 1px;
width: 16px;
height: 16px;
border: 2px solid currentColor;
border-left: 0;
border-bottom: 0;
transform: rotate(45deg);
transform-origin: 50% 50%; }
.tm-portfolio-featured.style-02 {
height: 100%; }
.tm-portfolio-featured.style-02 .post-wrapper {
height: 100%;
display: flex;
align-items: stretch; }
.tm-portfolio-featured.style-02 .post-info {
padding: 150px;
width: 100%;
display: flex;
align-items: center; }
.tm-portfolio-featured.style-02 .post-info .inner {
position: relative;
width: 100%; }
.tm-portfolio-featured.style-02 .post-info .main-info {
position: relative;
z-index: 1;
max-width: 400px;
min-height: 550px;
display: flex;
align-items: center; }
.tm-portfolio-featured.style-02 .post-categories {
position: absolute;
bottom: -130px;
left: 40px;
font-size: 18px;
color: #222; }
.tm-portfolio-featured.style-02 .post-categories:before {
content: '';
width: 110px;
height: 1px;
background: currentColor;
display: inline-block;
position: relative;
top: -5px;
margin-right: 20px; }
.tm-portfolio-featured.style-02 .post-categories a {
color: inherit; }
.tm-portfolio-featured.style-02 .post-title {
position: relative;
font-size: 56px;
line-height: 1.13;
margin-bottom: 140px; }
.tm-portfolio-featured.style-02 .post-title a {
color: inherit; }
.tm-portfolio-featured.style-02 .post-number {
font-size: 100px;
line-height: 1.06;
margin-bottom: 77px; }
.tm-portfolio-featured.style-02 .post-feature {
position: absolute;
top: 0;
left: 40px;
display: inline-block;
padding-right: 245px; }
.tm-portfolio-featured.style-02 .post-gradient {
position: relative;
width: 550px;
max-width: 100%; background-image: linear-gradient(-135deg, #ffe543 0%, #409845 100%);
box-shadow: 0 20px 30px 0 rgba(131, 232, 239, 0.1); }
.tm-portfolio-featured.style-02 .post-gradient:before {
content: '';
padding-top: 100%;
width: 100%;
display: block; }
.tm-portfolio-featured.style-02 .post-thumbnail {
position: absolute;
top: 30px;
bottom: 30px;
width: calc(100% - 60px);
right: 0;
transform: translate(50%, 0); }
.tm-portfolio-featured.style-02 .post-read-more {
font-size: 18px;
font-weight: 700;
color: #222; }
.tm-portfolio-featured.style-02 .post-read-more:hover .btn-icon {
transform: translateX(5px); }
.tm-portfolio-featured.style-02 .post-read-more .btn-icon {
position: relative;
content: '';
width: 73px;
top: -5px;
height: 2px;
display: inline-block;
color: #222;
background: currentColor;
margin-left: 15px; }
.tm-portfolio-featured.style-02 .post-read-more .btn-icon:before {
content: '';
position: absolute;
top: -7px;
right: 1px;
width: 16px;
height: 16px;
border: 2px solid currentColor;
border-left: 0;
border-bottom: 0;
transform: rotate(45deg);
transform-origin: 50% 50%; }
@media (max-width: 1199px) {
.tm-portfolio-featured.style-01 .post-character {
font-size: 240px; }
.tm-portfolio-featured.style-01 .post-info {
padding-left: 100px; }
.tm-portfolio-featured.style-01 .post-title {
font-size: 42px;
margin-bottom: 100px; }
.tm-portfolio-featured.style-02 .post-info {
padding: 150px 100px; }
.tm-portfolio-featured.style-02 .post-title {
font-size: 48px;
margin-bottom: 100px; } }
@media (max-width: 991px) {
.tm-portfolio-featured.style-01 .post-character {
font-size: 180px; }
.tm-portfolio-featured.style-01 .post-info {
padding-left: 50px; }
.tm-portfolio-featured.style-01 .post-title {
font-size: 36px;
margin-bottom: 50px; }
.tm-portfolio-featured.style-02 .post-info {
padding: 100px 50px; }
.tm-portfolio-featured.style-02 .post-info .main-info {
min-height: 0; }
.tm-portfolio-featured.style-02 .post-feature {
left: 0; }
.tm-portfolio-featured.style-02 .post-gradient {
width: 350px; }
.tm-portfolio-featured.style-02 .post-title {
font-size: 40px;
margin-bottom: 60px; }
.tm-portfolio-featured.style-02 .post-number {
font-size: 80px; }
.tm-portfolio-featured.style-02 .post-categories {
bottom: -80px; } }
@media (max-width: 767px) {
.tm-portfolio-featured.style-01 .post-wrapper {
flex-flow: column; }
.tm-portfolio-featured.style-01 .post-feature,
.tm-portfolio-featured.style-01 .post-info {
width: 100%;
height: 50%; }
.tm-portfolio-featured.style-01 .post-feature {
order: 1;
min-height: 400px; }
.tm-portfolio-featured.style-01 .post-info {
order: 2; }
.tm-portfolio-featured.style-01 .post-character {
font-size: 120px;
top: 0;
right: 50%; }
.tm-portfolio-featured.style-02 .post-info {
padding: 100px 30px; }
.tm-portfolio-featured.style-02 .post-gradient {
width: 260px; }
.tm-portfolio-featured.style-02 .post-number {
font-size: 60px; } }
.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: 23px;
font-size: 24px;
line-height: 1.38; }
.tm-info-boxes.style-metro .tm-button {
margin-top: 40px; }
@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: 108px; } }
@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%; } }
.tm-button {
position: relative;
display: inline-block;
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 27px;
height: 55px;
line-height: 53px;
border-width: 1px;
border-radius: 33px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.93px; }
.tm-button.style-border-icon.icon-right {
padding-right: 75px; }
.tm-button.style-border-icon.icon-right .button-icon {
right: -1px; }
.tm-button.style-border-icon.icon-left {
padding-left: 75px; }
.tm-button.style-border-icon.icon-left .button-icon {
left: -1px; }
.tm-button.style-border-icon .button-icon {
position: absolute;
top: -1px;
height: 55px;
width: 55px;
display: block;
font-size: 20px;
border-radius: 50%; }
.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-primary, .tm-button.style-border-icon.tm-button-secondary {
color: #fff; }
.tm-button.style-border-icon.tm-button-white {
color: #222;
background: #fff;
border-color: #fff; }
.tm-button.style-border-icon.tm-button-white .button-icon {
color: #222; }
.tm-button.style-border-icon.tm-button-white:hover {
background: transparent; }
.tm-button.style-border-icon.tm-button-white:hover .button-icon {
color: #fff; }
.tm-button.style-border-icon.tm-button-lg {
padding: 0 30px;
height: 72px;
border-radius: 5px;
font-size: 18px;
line-height: 68px; }
.tm-button.style-border-icon.tm-button-sm {
height: 48px;
line-height: 46px; }
.tm-button.style-border-icon.tm-button-sm .button-icon {
width: 48px;
height: 48px; }
.tm-button.style-border-icon.tm-button-xs {
padding: 0 18px;
height: 40px;
border-width: 2px;
border-radius: 5px;
font-size: 12px;
line-height: 36px; }
.tm-button.style-icon-rounded-gradient {
width: 80px;
height: 80px;
line-height: 76px;
text-align: center;
border: 2px solid rgba(255, 255, 255, 0.2);
border-radius: 100%;
font-size: 30px;
color: #fff;
background-position: center;
background-size: 110% auto; }
.tm-button.style-icon-rounded-gradient .button-text {
display: none; }
.tm-button.style-icon-rounded-gradient:hover {
border-color: transparent; }
.tm-button.style-flat-gradient {
padding: 0 36px;
height: 50px;
line-height: 50px;
border-width: 0;
font-size: 12px;
color: #fff;
background-position: left center;
background-size: 200% auto; }
.tm-button.style-flat-gradient:hover {
background-position: right center !important; }
.tm-button.style-flat-gradient.icon-right .button-icon {
margin-left: 10px; }
.tm-button.style-flat-gradient.icon-left .button-icon {
margin-right: 10px; }
.tm-button.style-flat-gradient .button-icon {
display: inline-block;
line-height: 0;
font-size: 20px; }
.tm-button.style-flat-gradient.tm-button-primary, .tm-button.style-flat-gradient.tm-button-secondary {
color: #fff; }
.tm-button.style-flat-gradient.tm-button-primary:hover, .tm-button.style-flat-gradient.tm-button-secondary:hover {
background-color: transparent; }
.tm-button.style-flat-gradient.tm-button-white {
color: #111;
background: #fff;
border-color: #fff; }
.tm-button.style-flat-gradient.tm-button-white .button-icon {
color: #222; }
.tm-button.style-flat-gradient.tm-button-white:hover {
background: transparent; }
.tm-button.style-flat-gradient.tm-button-white:hover .button-icon {
color: #fff; }
.tm-button.style-flat-gradient.tm-button-lg {
padding: 0 40px;
height: 60px;
line-height: 60px;
font-size: 13px; }
.tm-button.style-flat-gradient.tm-button-sm {
padding: 0 25px;
height: 40px;
line-height: 40px;
font-size: 11px; }
.tm-button.style-flat-gradient.tm-button-xs {
padding: 0 20px;
height: 35px;
line-height: 35px;
font-size: 10px; }
.tm-button.style-flat, .tm-button.style-flat-rounded {
padding: 0 33px;
height: 50px;
line-height: 50px;
border-width: 0; }
.tm-button.style-flat:hover, .tm-button.style-flat-rounded:hover {
color: #fff;
background-color: #4F3230; }
.tm-button.style-flat.icon-right .button-icon, .tm-button.style-flat-rounded.icon-right .button-icon {
margin-left: 10px; }
.tm-button.style-flat.icon-left .button-icon, .tm-button.style-flat-rounded.icon-left .button-icon {
margin-right: 10px; }
.tm-button.style-flat .button-icon, .tm-button.style-flat-rounded .button-icon {
display: inline-block;
line-height: 0;
font-size: 20px; }
.tm-button.style-flat.tm-button-primary, .tm-button.style-flat.tm-button-secondary, .tm-button.style-flat-rounded.tm-button-primary, .tm-button.style-flat-rounded.tm-button-secondary {
color: #fff; }
.tm-button.style-flat.tm-button-grey, .tm-button.style-flat-rounded.tm-button-grey {
background-color: #eee; }
.tm-button.style-flat.tm-button-grey:hover, .tm-button.style-flat-rounded.tm-button-grey:hover {
color: #fff; }
.tm-button.style-flat.tm-button-white, .tm-button.style-flat-rounded.tm-button-white {
color: #111;
background: #fff;
border-color: #fff; }
.tm-button.style-flat.tm-button-white .button-icon, .tm-button.style-flat-rounded.tm-button-white .button-icon {
color: #222; }
.tm-button.style-flat.tm-button-lg, .tm-button.style-flat-rounded.tm-button-lg {
padding: 0 36px;
height: 60px;
line-height: 60px;
font-size: 13px; }
.tm-button.style-flat.tm-button-sm, .tm-button.style-flat-rounded.tm-button-sm {
padding: 0 25px;
height: 40px;
line-height: 40px;
font-size: 11px; }
.tm-button.style-flat.tm-button-xs, .tm-button.style-flat-rounded.tm-button-xs {
padding: 0 20px;
height: 35px;
line-height: 35px;
font-size: 10px; }
.tm-button.style-flat-rounded {
border-radius: 5px; }
.tm-button.style-solid {
padding: 0 31px;
height: 50px;
line-height: 46px;
border-width: 2px;
background: transparent;
border-color: #eee;
color: #4F3230; }
.tm-button.style-solid:hover {
background-color: #4F3230;
border-color: #4F3230;
color: #fff; }
.tm-button.style-solid.icon-right .button-icon {
margin-left: 10px; }
.tm-button.style-solid.icon-left .button-icon {
margin-right: 10px; }
.tm-button.style-solid .button-icon {
display: inline-block;
line-height: 0;
font-size: 12px; }
.tm-button.style-solid.tm-button-lg {
padding: 0 35px;
height: 55px;
line-height: 51px;
font-size: 13px; }
.tm-button.style-solid.tm-button-sm {
padding: 0 23px;
height: 40px;
line-height: 36px;
font-size: 11px; }
.tm-button.style-solid.tm-button-xs {
padding: 0 18px;
height: 35px;
line-height: 33px;
font-size: 10px;
border-width: 1px; }
.tm-button.style-solid.tm-button-primary:hover, .tm-button.style-solid.tm-button-secondary:hover {
color: #fff; }
.tm-button.style-solid.tm-button-grey {
border-color: #eee; }
.tm-button.style-solid.tm-button-grey:hover {
color: #fff; }
.tm-button.style-solid.tm-button-white {
color: #fff;
background: transparent;
border-color: #fff; }
.tm-button.style-solid.tm-button-white .button-icon {
color: #fff; }
.tm-button.style-solid.tm-button-white:hover {
background: #fff;
color: #222; }
.tm-button.style-solid.tm-button-white:hover .button-icon {
color: #222; }
.tm-button.style-border-text {
padding: 0;
border: 0;
background-color: transparent;
font-size: 12px;
color: inherit; }
.tm-button.style-border-text .button-text {
position: relative;
padding: 5px 0; }
.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 {
opacity: 1;
background: currentColor;
left: auto;
right: 0;
width: 0; }
.tm-button.style-border-text:hover .button-text:after {
opacity: 1;
right: auto;
left: 0;
width: 100%; }
.tm-button.style-border-text.icon-right {
padding-right: 30px !important; }
.tm-button.style-border-text.icon-right .button-icon {
left: auto;
right: 1px; }
.tm-button.style-border-text.icon-left {
padding-left: 30px !important; }
.tm-button.style-border-text.icon-left .button-icon {
left: 1px;
right: auto; }
.tm-button.style-border-text .button-icon {
font-size: 20px;
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: 20px;
line-height: 0;
color: #bbb; }
.tm-button.style-border-text .button-icon:before {
line-height: 0; }
.tm-button.style-border-text.tm-button-lg {
font-size: 13px; }
.tm-button.style-border-text.tm-button-sm {
font-size: 11px; }
.tm-button.style-border-text.tm-button-xs {
font-size: 10px; }
.tm-button.style-text {
padding: 0;
border: 0;
background-color: transparent;
font-size: 12px;
color: #4F3230; }
.tm-button.style-text .button-text {
padding: 5px 0; }
.tm-button.style-text.icon-right {
padding-right: 20px !important; }
.tm-button.style-text.icon-right .button-icon {
left: auto;
right: 1px; }
.tm-button.style-text.icon-left {
padding-left: 20px !important; }
.tm-button.style-text.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: #bbb; }
.tm-button.style-text .button-icon:before {
line-height: 0; }
.tm-button.style-text.tm-button-lg {
font-size: 13px; }
.tm-button.style-text.tm-button-sm {
font-size: 11px; }
.tm-button.style-text.tm-button-xs {
font-size: 10px; }
.tm-button.style-image {
border: 0;
box-shadow: none;
background: none; }
.tm-button.tm-button-icon-move.icon-left:hover .button-icon {
transform: translate(-5px, -50%); }
.tm-button.tm-button-icon-move.icon-right:hover .button-icon {
transform: translate(5px, -50%); }
.tm-button.tm-button-move-up:hover {
transform: translateY(-10px); }
.rev-btn {
transition: background-color 0.3s 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 {
display: grid;
grid-row-gap: 20px;
grid-column-gap: 30px; }
.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: 16px;
line-height: inherit;
margin-bottom: 0; }
.tm-list .sub-title {
font-size: inherit;
font-weight: 400;
color: #999; }
.tm-list .desc {
margin-top: 13px;
margin-bottom: 26px; }
.tm-list .marker {
display: inline-block;
float: left; }
.tm-list.style-check {
grid-row-gap: 12px; }
.tm-list.style-check .list-item {
padding-left: 25px; }
.tm-list.style-check .marker:before {
content: '\f00c';
position: absolute;
top: 5px;
left: 0;
display: block;
font-size: 13px; }
.tm-list.style-check .title {
line-height: inherit;
color: inherit; }
.tm-list.style-check-02 {
grid-row-gap: 12px; }
.tm-list.style-check-02 .list-item {
padding-left: 25px; }
.tm-list.style-check-02 .marker:before {
content: '\f058';
position: absolute;
top: 7px;
left: 0;
display: block;
font-size: 13px;
color: #F6732E; }
.tm-list.style-check-02 .title {
line-height: inherit; }
.tm-list.style-circle {
grid-row-gap: 12px; }
.tm-list.style-circle .list-item {
padding-left: 14px; }
.tm-list.style-circle .title {
font-size: inherit;
line-height: inherit;
color: inherit; }
.tm-list.style-circle .marker:before {
content: '';
position: absolute;
top: 10px;
left: 0;
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
background: #999; }
.tm-list.style-circle-02 {
grid-row-gap: 12px; }
.tm-list.style-circle-02 .list-item {
padding-left: 14px; }
.tm-list.style-circle-02 .list-item:hover .title {
color: red; }
.tm-list.style-circle-02 .list-item:hover .icon-title {
margin-left: 10px;
opacity: 1; }
.tm-list.style-circle-02 .list-item:hover .marker:before {
background-color: red; }
.tm-list.style-circle-02 .title {
font-size: inherit;
line-height: inherit;
color: inherit; }
.tm-list.style-circle-02 .marker:before {
content: '';
position: absolute;
top: 10px;
left: 0;
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
background: #999; }
.tm-list.style-circle-02 .icon-title {
font-size: 12px;
opacity: 0;
color: red; }
.tm-list.style-icon {
grid-row-gap: 15px; }
.tm-list.style-icon .title {
font-size: inherit; }
.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 {
color: inherit;
font: inherit; }
.tm-list.style-icon-02 .marker {
min-width: calc(1em + 18px);
font-size: 20px; }
.tm-list.style-icon-02 .sub-title {
display: block;
font: inherit; }
.tm-list.style-modern-icon {
grid-row-gap: 30px; }
.tm-list.style-modern-icon .list-header {
display: flex;
align-items: flex-start; }
.tm-list.style-modern-icon .marker {
width: 45px;
height: 45px;
line-height: 43px;
border-radius: 50%;
text-align: center;
margin-right: 16px;
font-size: 30px;
border: 1px solid rgba(255, 255, 255, 0.2);
font-weight: 400; }
.tm-list.style-modern-icon .title {
font-size: 18px;
font-weight: 400; }
.tm-list.style-modern-icon .desc {
margin-top: 11px;
margin-bottom: 0; }
.tm-list.style-auto-numbered-01, .tm-list.style-manual-numbered-01 {
grid-row-gap: 10px; }
.tm-list.style-auto-numbered-01 .marker, .tm-list.style-manual-numbered-01 .marker {
margin-right: 10px;
min-width: 20px;
color: inherit;
font: inherit; }
.tm-list.style-auto-numbered-01 .title, .tm-list.style-manual-numbered-01 .title {
color: inherit;
font: inherit; }
.tm-list.style-auto-numbered-01 .desc, .tm-list.style-manual-numbered-01 .desc {
margin-top: 21px;
margin-bottom: 0; }
.tm-list.style-auto-numbered-02, .tm-list.style-manual-numbered-02 {
grid-row-gap: 16px; }
.tm-list.style-auto-numbered-02 .marker, .tm-list.style-manual-numbered-02 .marker {
font-weight: 700;
line-height: 1.2;
margin-right: 10px;
min-width: 22px; }
.tm-list.style-auto-numbered-02 .title, .tm-list.style-manual-numbered-02 .title {
font-size: 16px;
line-height: 1.2; }
.tm-list.style-auto-numbered-02 .desc, .tm-list.style-manual-numbered-02 .desc {
margin-top: 21px;
margin-bottom: 0; }
.tm-list.style-auto-numbered-03, .tm-list.style-manual-numbered-03 {
grid-row-gap: 40px; }
.tm-list.style-auto-numbered-03 .marker, .tm-list.style-manual-numbered-03 .marker {
font-size: 22px;
line-height: 1.2;
margin-right: 10px;
min-width: 22px; }
.tm-list.style-auto-numbered-03 .title, .tm-list.style-manual-numbered-03 .title {
font-size: 24px;
line-height: 1.2;
margin-bottom: 0; }
.tm-list.style-auto-numbered-03 .desc, .tm-list.style-manual-numbered-03 .desc {
margin-top: 12px;
margin-bottom: 0; }
@media (min-width: 544px) {
.tm-list.style-modern-icon {
grid-row-gap: 60px; } }
.tm-gradation {
display: flex; }
.tm-gradation .dot-wrap {
max-width: 270px;
position: relative;
height: 80px;
width: 80px;
margin: 0 auto 24px; }
.tm-gradation .dot {
background: blue; }
.tm-gradation .dot:before, .tm-gradation .dot:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
background: inherit; }
.tm-gradation .dot:before {
width: 80px;
height: 80px;
opacity: .3; }
.tm-gradation .dot:after {
width: 60px;
height: 60px;
opacity: .7; }
.tm-gradation .count {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 40px;
width: 40px;
line-height: 40px;
font-size: 16px;
font-weight: 600;
color: #fff;
background: inherit;
border-radius: 50%;
text-align: center;
z-index: 3; }
.tm-gradation .line {
position: absolute;
top: 40px;
right: 100%;
transform: translateX(50%);
background: #ddd;
width: 60%;
height: 1px; }
.tm-gradation .item {
flex-grow: 1;
position: relative;
opacity: 0;
padding: 0 10px; }
.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 {
display: none; }
.tm-gradation .item:hover .dot:before, .tm-gradation .item:hover .dot:after {
-webkit-animation: circle-2 1.05s infinite;
-moz-animation: circle-2 1.05s infinite;
-ms-animation: circle-2 1.05s infinite;
-o-animation: circle-2 1.05s infinite;
animation: circle-2 1.05s infinite; }
.tm-gradation .content-wrap {
position: relative;
text-align: center;
max-width: 340px;
margin: 0 auto;
background: #fff;
padding: 38px 30px 44px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.06)); }
.tm-gradation .content-wrap:before {
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
content: '';
border-bottom: 13px solid #fff;
border-left: 20px solid transparent;
border-right: 20px solid transparent; }
.tm-gradation .title {
font-size: 22px;
margin-bottom: 12px; }
@media (max-width: 767px) {
.tm-gradation {
display: block; }
.tm-gradation .line {
width: 180px;
left: 50%;
right: auto;
bottom: auto;
top: -40px;
transform: translateX(-50%); }
.tm-gradation .item {
width: 100%; }
.tm-gradation .item + .item {
margin-top: 80px; } }
.tm-restaurant-menu .menu-list {
margin: 0;
padding: 0 26px 0 0;
list-style-type: none; }
.tm-restaurant-menu .menu-item {
display: flex; }
.tm-restaurant-menu .image {
flex-shrink: 0;
margin-right: 17px; }
.tm-restaurant-menu .image img {
border-radius: 50%; }
.tm-restaurant-menu .menu-info {
flex-grow: 1;
border-bottom: 1px solid #eee;
padding-bottom: 25px; }
.tm-restaurant-menu .menu-header {
margin-bottom: 7px;
display: flex; }
.tm-restaurant-menu .menu-badge.new {
flex-shrink: 0;
margin-left: 15px;
position: relative;
width: 40px;
height: 20px;
background: #de4630;
color: #ffffff;
text-align: center;
text-transform: uppercase;
font-weight: 700;
font-size: 9px;
letter-spacing: 1px;
line-height: 20px;
z-index: 2; }
.tm-restaurant-menu .menu-badge.new:after {
content: '';
position: absolute;
bottom: -4px;
left: -1px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #de4630;
transform: rotate(45deg); }
.tm-restaurant-menu .menu-title {
flex-grow: 1;
background: #ffffff;
font-size: 18px;
font-weight: 700;
font-family: inherit;
margin-bottom: 0; }
.tm-restaurant-menu .menu-price {
background-color: #ffffff;
color: #F6732E;
font-size: 15px;
font-weight: 700;
margin-top: 7px; }
.tm-restaurant-menu .menu-text {
background: none;
font-family: "Playfair Display";
font-style: italic;
font-size: 14px; }
.tm-restaurant-menu li + li {
margin-top: 25px; }
.tm-restaurant-menu li:last-child .menu-info {
border-bottom: 0;
padding-bottom: 0; }
.tm-icon .icon {
position: relative; }
.tm-icon .tm-svg {
display: inline-block;
line-height: 0; }
.tm-icon .tm-svg * {
stroke: currentColor; }
.tm-icon.style-01 {
line-height: 0; }
.tm-icon.style-01 .icon {
font-size: 90px; }
.tm-icon.style-01 .tm-svg {
width: 90px; }
.tm-icon.style-02 {
line-height: 0; }
.tm-icon.style-02 .icon {
font-size: 80px;
width: 160px;
height: 160px;
display: inline-block;
border-radius: 50%;
color: #fff; }
.tm-icon.style-02 .tm-svg {
width: 80px; }
.tm-icon.style-02 .tm-svg,
.tm-icon.style-02 span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.tm-icon.style-03 {
line-height: 0; }
.tm-icon.style-03 .icon {
font-size: 39px;
width: 105px;
height: 105px;
display: inline-block;
border-radius: 50%;
border: 2px dotted #B4ACAB;
background-color: #fff;
color: #4F3230; }
.tm-icon.style-03 .tm-svg {
width: 80px; }
.tm-icon.style-03 .tm-svg,
.tm-icon.style-03 span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
@media (max-width: 767px) {
.tm-icon.style-02 .icon {
font-size: 50px;
width: 100px;
height: 100px; } }
.tm-client .image {
transition: all .3s linear; }
.tm-client .image-hover {
transition: all .3s linear;
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
transform: translateY(-10px); }
.tm-client .has-image-hover {
position: relative; }
.tm-client .has-image-hover:hover .image {
visibility: hidden;
opacity: 0; }
.tm-client .has-image-hover:hover .image-hover {
opacity: 1;
visibility: visible;
transform: none; }
.tm-client.effect-move-up .tm-swiper {
margin-top: -10px; }
.tm-client.effect-move-up .swiper-container {
padding-top: 10px; }
.tm-client.effect-grayscale .image {
filter: grayscale(100%);
opacity: .3; }
.tm-client.effect-grayscale .inner:hover .image {
filter: none;
opacity: 1; }
.tm-client.effect-move-up .inner:hover .image {
transform: translateY(-5px); }
.tm-client.style-grid .grid-item {
position: relative; }
.tm-client.style-grid .grid-item:after {
display: block;
position: absolute;
content: '';
left: -1px;
top: -1px;
right: 0;
bottom: 0;
border: 1px solid #eee;
pointer-events: none; }
.tm-client.style-grid .grid-item-inner {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 200px;
padding: 15px; }
.tm-client.style-grid-no-border .grid-item-inner {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 200px;
padding: 15px; }
.tm-client.style-grid-no-border-small .grid-item-inner {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 115px;
height: 100%;
padding: 15px; }
.tm-box-icon {
position: relative; }
.tm-box-icon .icon {
line-height: 1; }
.tm-box-icon .image {
margin-bottom: 35px; }
.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 .heading {
margin-bottom: 0; }
.tm-box-icon .tm-box-icon__btn {
display: block;
margin-top: 46px;
padding-right: 25px; }
.tm-box-icon .tm-box-icon__btn .button-icon {
font-size: 12px;
left: auto;
right: auto;
transform: none;
margin-left: 15px; }
.tm-box-icon.style-01:hover .content-wrap {
transform: translateY(-5px);
box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1); }
.tm-box-icon.style-01:hover .content-wrap:before {
border: 2px solid #eee; }
.tm-box-icon.style-01 .content-wrap {
position: relative;
padding: 60px 35px 64px;
background: #fff; }
.tm-box-icon.style-01 .content-wrap:before {
position: absolute;
content: '';
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border: 1px solid #eee;
opacity: 1;
visibility: visible; }
.tm-box-icon.style-01 .content {
position: relative;
z-index: 1; }
.tm-box-icon.style-01 .icon {
position: relative;
z-index: 1;
font-size: 80px;
margin-bottom: 22px;
color: #222; }
.tm-box-icon.style-01 .tm-svg {
padding: 10px 0 12px;
width: 60px; }
.tm-box-icon.style-01 .heading {
font-size: 24px;
line-height: 1.38;
margin-bottom: 15px; }
.tm-box-icon.style-02:hover .image {
transform: translateY(-5px); }
.tm-box-icon.style-02:hover .image img {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.46); }
.tm-box-icon.style-02 .icon {
font-size: 40px;
margin-right: 20px;
display: inline-block;
flex-shrink: 0; }
.tm-box-icon.style-02 .icon svg {
width: 40px; }
.tm-box-icon.style-02 .content-inner {
display: flex; }
.tm-box-icon.style-02 .content {
flex-grow: 1; }
.tm-box-icon.style-02 .heading {
font-size: 24px;
line-height: 1.4;
margin-bottom: 15px; }
.tm-box-icon.style-03:hover .content-wrap {
transform: translateY(-5px); }
.tm-box-icon.style-03 .content {
position: relative;
z-index: 1; }
.tm-box-icon.style-03 .icon {
font-size: 70px;
margin-bottom: 26px;
color: #222; }
.tm-box-icon.style-03 .tm-svg {
width: 54px; }
.tm-box-icon.style-03 .heading {
font-size: 24px;
line-height: 1.38;
margin-bottom: 15px; }
.tm-box-icon.style-04:hover .icon,
.tm-box-icon.style-04:hover .image {
-webkit-animation: box-image-pop .3s linear;
animation: box-image-pop .3s linear; }
.tm-box-icon.style-04 .content {
position: relative;
z-index: 1; }
.tm-box-icon.style-04 .image {
margin-bottom: 40px; }
.tm-box-icon.style-04 .icon {
font-size: 70px;
margin-bottom: 43px; }
.tm-box-icon.style-04 .tm-svg {
width: 70px; }
.tm-box-icon.style-04 .heading {
font-size: 30px;
line-height: 1.39;
margin-bottom: 26px; }
.tm-box-icon.style-04 .tm-box-icon__btn {
position: relative;
margin-top: 34px;
padding: 0;
width: 55px;
height: 55px;
border-radius: 50%;
line-height: 55px;
text-align: center; }
.tm-box-icon.style-04 .tm-box-icon__btn:hover:before {
border: 28px dotted transparent; }
.tm-box-icon.style-04 .tm-box-icon__btn:before {
position: absolute;
top: 0;
left: 0;
content: '';
display: inline-block;
width: 55px;
height: 55px;
border-radius: 50%;
border: 2px dotted red;
z-index: 1; }
.tm-box-icon.style-04 .tm-box-icon__btn .button-icon {
position: relative;
z-index: 2;
font-size: 22px;
line-height: 55px;
margin: 0;
color: inherit; }
.tm-box-icon.style-05:hover .icon:after {
border: 2px dashed red;
-webkit-animation: spin-animation 12s infinite linear;
-moz-animation: spin-animation 12s infinite linear;
-o-animation: spin-animation 12s infinite linear;
animation: spin-animation 12s infinite linear; }
.tm-box-icon.style-05:hover .image {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.46); }
.tm-box-icon.style-05 .content {
position: relative;
z-index: 1; }
.tm-box-icon.style-05 .icon {
position: relative;
font-size: 50px;
margin-bottom: 40px;
width: 120px;
height: 120px;
line-height: 120px;
text-align: center;
border-radius: 50%; }
.tm-box-icon.style-05 .icon:after {
position: absolute;
top: 0;
left: 0;
content: '';
display: inline-block;
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px dashed transparent;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.tm-box-icon.style-05 .tm-svg {
width: 50px;
margin: 0 auto;
line-height: 130px; }
.tm-box-icon.style-05 .heading {
font-size: 24px;
margin-bottom: 15px; }
.tm-box-icon.style-05 .heading span {
display: inline-block;
border-bottom: 2px dotted #c0c0c0;
padding-bottom: 15px; }
.tm-box-icon.style-05 .sub-heading {
font-family: "Playfair Display";
font-style: italic;
font-size: 16px;
margin-top: 18px; }
.tm-box-icon.style-05 .text {
margin-top: 26px; }
.tm-box-icon.style-05 .tm-box-icon__btn {
padding-right: 0; }
.tm-box-icon.style-07:hover .icon,
.tm-box-icon.style-07:hover .image {
-webkit-animation: box-image-pop 0.3s linear;
animation: box-image-pop 0.3s linear; }
.tm-box-icon.style-07 .content {
position: relative;
z-index: 1; }
.tm-box-icon.style-07 .image {
margin-bottom: 26px; }
.tm-box-icon.style-07 .icon {
font-size: 50px;
margin-bottom: 26px;
width: 150px;
height: 150px;
border-radius: 50%;
line-height: 146px;
text-align: center;
border: 3px solid #F6732E;
color: #F6732E; }
.tm-box-icon.style-07 .tm-svg {
width: 54px;
line-height: 150px;
margin: 5px auto 0; }
.tm-box-icon.style-07 .heading {
font-size: 24px;
line-height: 1.38;
margin-bottom: 15px; }
.tm-box-icon.style-07 .tm-box-icon__btn {
padding-right: 0;
margin-top: 35px; }
@-webkit-keyframes spin-animation {
from {
transform: rotate(0deg); }
to {
transform: rotate(360deg); } }
@-moz-keyframes spin-animation {
from {
transform: rotate(0deg); }
to {
transform: rotate(360deg); } }
@-o-keyframes spin-animation {
from {
transform: rotate(0deg); }
to {
transform: rotate(360deg); } }
@keyframes spin-animation {
from {
transform: rotate(0deg); }
to {
transform: rotate(360deg); } }
.tm-accordion .accordion-title-wrapper {
cursor: pointer; }
.tm-accordion .accordion-title {
margin-bottom: 0; }
.tm-accordion .accordion-content {
display: none; }
.tm-accordion.style-01 .accordion-section + .accordion-section {
margin-top: 1px; }
.tm-accordion.style-01 .accordion-title {
position: relative;
font-size: 24px;
line-height: 1.2;
padding: 14px 0 14px 26px; }
.tm-accordion.style-01 .accordion-icon {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%); }
.tm-accordion.style-01 .accordion-icon:before {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
content: '\f067';
font-size: 14px; }
.tm-accordion.style-01 .active .accordion-icon:before {
content: '\f068'; }
.tm-accordion.style-01 .accordion-content {
padding: 5px 0 21px 26px; }
.tm-accordion.style-02 .accordion-section {
position: relative;
overflow: hidden;
background: #fff; }
.tm-accordion.style-02 .accordion-section:before {
pointer-events: none;
content: '';
border: 1px solid #eee;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: inherit;
z-index: 1; }
.tm-accordion.style-02 .accordion-section + .accordion-section {
margin-top: 30px; }
.tm-accordion.style-02 .accordion-title {
position: relative;
font-size: 20px;
line-height: 1.2;
background: #f7f7f7;
color: #111;
padding: 20px 26px;
margin: -1px -1px 0; }
.tm-accordion.style-02 .accordion-icon {
position: absolute;
top: 50%;
right: 35px;
transform: translateY(-50%);
font-weight: 500; }
.tm-accordion.style-02 .accordion-icon:before {
content: '\f107';
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
font-size: 16px; }
.tm-accordion.style-02 .active {
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07); }
.tm-accordion.style-02 .active .accordion-title {
color: #fff !important;
z-index: 2; }
.tm-accordion.style-02 .active .accordion-icon:before {
content: '\f105'; }
.tm-accordion.style-02 .accordion-content {
padding: 27px 25px 39px; }
.tm-accordion.style-03 .accordion-section + .accordion-section {
margin-top: 28px; }
.tm-accordion.style-03 .accordion-title {
position: relative;
font-size: 24px;
line-height: 1.2;
padding: 0 0 10px;
border-bottom: 1px dotted #C0C0C0; }
.tm-accordion.style-03 .accordion-icon {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%); }
.tm-accordion.style-03 .accordion-icon:before {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
content: '\f067';
font-size: 14px; }
.tm-accordion.style-03 .active .accordion-icon:before {
content: '\f068'; }
.tm-accordion.style-03 .accordion-content {
padding: 25px 0 0; }
.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 .heading {
margin-bottom: 0;
word-wrap: break-word;
max-width: 100%; }
.tm-heading .heading a {
color: inherit; }
.tm-heading.center .heading {
margin-left: auto;
margin-right: auto; }
.tm-heading a {
font-size: inherit;
color: inherit;
position: relative;
padding: 2px 0;
overflow: hidden;
z-index: 1; }
.tm-heading 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; }
.tm-heading a:hover:after {
width: 100%;
left: 0;
right: auto; }
.tm-heading .icon {
display: inline-block;
vertical-align: bottom;
margin-right: 9px; }
.tm-heading.link-style-01 a:before {
content: '';
width: 0;
height: 1px;
bottom: 0;
position: absolute;
left: auto;
right: 0;
z-index: -1;
transition: width 1s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
background: currentColor; }
.tm-heading.link-style-01 a:hover:before {
width: 100%;
left: 0;
right: auto; }
.tm-heading.link-style-01 a:after {
width: 100% !important;
right: 0 !important;
left: auto !important;
z-index: -2;
background: #ddd; }
.tm-heading.link-style-01 a:hover:after {
right: 0;
left: auto;
width: 0; }
.tm-heading.secondary-font .heading {
font-family: inherit; }
.tm-heading.highlight-02 mark {
font-style: italic;
background: linear-gradient(-90deg, #ffbe56 5%, #ff823e 95%);
color: transparent;
-webkit-background-clip: text;
background-clip: text; }
.tm-heading.highlight-03 mark {
font-style: italic;
color: inherit; }
.tm-heading.highlight-04 .heading {
display: inline-block;
padding: 2px 20px;
background: #fff; }
.tm-heading.vertical .heading {
writing-mode: vertical-rl;
display: inline; }
.tm-heading.below-separator .separator {
line-height: 0; }
.tm-heading.below-separator .separator:before {
content: '';
display: block; }
.tm-heading.below-separator .separator:after {
content: '';
display: inline-block;
width: 100px;
height: 2px;
border-radius: 3px;
margin-top: 24px; }
.tm-heading.below-dotted-separator .separator {
line-height: 0; }
.tm-heading.below-dotted-separator .separator:before {
content: '';
display: block; }
.tm-heading.below-dotted-separator .separator:after {
content: '';
display: inline-block;
width: 81px;
margin-top: 32px;
border-top: 2px dotted rgba(79, 52, 45, 0.4); }
.tm-heading.below-wavy-separator .separator {
line-height: 0; }
.tm-heading.below-wavy-separator .separator:before {
content: '';
display: block; }
.tm-heading.below-wavy-separator .separator:after {
content: '';
display: inline-block;
width: 128px;
height: 7px;
background: url(//lafilanda-marradi.it/wp-content/themes/retrolie/assets/images/wavy-icon.png);
margin-top: 34px; }
.tm-heading.below-x-arrow-separator .heading {
position: relative; }
.tm-heading.below-x-arrow-separator .heading:before, .tm-heading.below-x-arrow-separator .heading:after {
position: absolute;
content: '';
width: calc(50% - 40px);
top: calc(100% + 39px);
height: 2px;
border-top: 2px dotted #c0c0c0; }
.tm-heading.below-x-arrow-separator .heading:before {
left: 0; }
.tm-heading.below-x-arrow-separator .heading:after {
right: 0; }
.tm-heading.below-x-arrow-separator .separator {
line-height: 0;
text-align: center; }
.tm-heading.below-x-arrow-separator .separator:before {
content: '';
display: block; }
.tm-heading.below-x-arrow-separator .separator:after {
content: '';
display: inline-block;
width: 31px;
height: 32px;
background: url(//lafilanda-marradi.it/wp-content/themes/retrolie/assets/images/x-arrow-icon.png);
margin-top: 25px; }
.tm-heading.below-thin-separator .heading {
display: inline-block; }
.tm-heading.below-thin-separator .heading:after {
content: '';
display: block;
width: 100%;
height: 1px;
margin-top: 15px;
opacity: .4;
background: currentColor; }
.tm-heading.above-x-separator .separator {
line-height: 0;
position: relative;
display: inline-block;
width: 36px;
height: 36px;
margin-bottom: 27px; }
.tm-heading.above-x-separator .separator:before, .tm-heading.above-x-separator .separator:after {
content: '';
position: absolute;
height: 2.64px;
width: 37px;
top: 50%;
left: 0;
margin-top: -1px;
background: red; }
.tm-heading.above-x-separator .separator:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.tm-heading.above-x-separator .separator:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.tm-heading.below-x-separator .separator {
line-height: 0;
position: relative;
display: inline-block;
width: 36px;
height: 36px;
margin-top: 27px; }
.tm-heading.below-x-separator .separator:before, .tm-heading.below-x-separator .separator:after {
content: '';
position: absolute;
height: 2.64px;
width: 37px;
top: 50%;
left: 0;
margin-top: -1px;
background: red; }
.tm-heading.below-x-separator .separator:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.tm-heading.below-x-separator .separator:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.typed-text mark {
background: none; }
.typed-text-02 mark {
background: none;
font-style: italic; }
.tm-testimonial .post-thumbnail img {
border-radius: 50%; }
.tm-testimonial .testimonial-rating {
font-size: 16px;
margin-bottom: 21px;
color: #ffb944; }
.tm-testimonial .testimonial-rating > span {
padding: 0 2px; }
.tm-testimonial .testimonial-desc p:last-child {
margin-bottom: 0; }
.tm-testimonial.style-grid .testimonial-item {
background: #fff;
padding: 50px 40px 48px; }
.tm-testimonial.style-grid .testimonial-item:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);
color: #fff; }
.tm-testimonial.style-grid .testimonial-item:hover mark,
.tm-testimonial.style-grid .testimonial-item:hover .testimonial-name,
.tm-testimonial.style-grid .testimonial-item:hover .testimonial-by-line,
.tm-testimonial.style-grid .testimonial-item:hover .testimonial-quote-icon {
color: inherit; }
.tm-testimonial.style-grid .testimonial-info {
display: flex;
align-items: center;
padding-top: 26px; }
.tm-testimonial.style-grid .post-thumbnail {
flex-shrink: 0; }
.tm-testimonial.style-grid .testimonial-main-info {
flex-grow: 1;
margin-left: 20px; }
.tm-testimonial.style-grid .testimonial-name {
font-size: 18px;
line-height: 1.388;
margin-bottom: 6px; }
.tm-testimonial.style-grid .testimonial-quote-icon {
padding: 2px 5px 0 0;
font-size: 28px;
text-align: right;
line-height: 0; }
.tm-testimonial.style-carousel .tm-swiper, .tm-testimonial.style-carousel-02 .tm-swiper {
margin-top: -5px; }
.tm-testimonial.style-carousel .swiper-container, .tm-testimonial.style-carousel-02 .swiper-container {
padding-top: 5px; }
.tm-testimonial.style-carousel .testimonial-item, .tm-testimonial.style-carousel-02 .testimonial-item {
background: #fff;
padding: 51px 40px; }
.tm-testimonial.style-carousel .testimonial-item:hover, .tm-testimonial.style-carousel-02 .testimonial-item:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);
color: #fff; }
.tm-testimonial.style-carousel .testimonial-item:hover mark,
.tm-testimonial.style-carousel .testimonial-item:hover .testimonial-name,
.tm-testimonial.style-carousel .testimonial-item:hover .testimonial-by-line,
.tm-testimonial.style-carousel .testimonial-item:hover .testimonial-quote-icon, .tm-testimonial.style-carousel-02 .testimonial-item:hover mark,
.tm-testimonial.style-carousel-02 .testimonial-item:hover .testimonial-name,
.tm-testimonial.style-carousel-02 .testimonial-item:hover .testimonial-by-line,
.tm-testimonial.style-carousel-02 .testimonial-item:hover .testimonial-quote-icon {
color: inherit; }
.tm-testimonial.style-carousel .testimonial-info, .tm-testimonial.style-carousel-02 .testimonial-info {
display: flex;
align-items: center;
padding-top: 26px; }
.tm-testimonial.style-carousel .post-thumbnail, .tm-testimonial.style-carousel-02 .post-thumbnail {
flex-shrink: 0; }
.tm-testimonial.style-carousel .testimonial-main-info, .tm-testimonial.style-carousel-02 .testimonial-main-info {
flex-grow: 1;
margin-left: 20px; }
.tm-testimonial.style-carousel .testimonial-name, .tm-testimonial.style-carousel-02 .testimonial-name {
font-size: 18px;
line-height: 1.388;
margin-bottom: 6px; }
.tm-testimonial.style-carousel .testimonial-quote-icon, .tm-testimonial.style-carousel-02 .testimonial-quote-icon {
padding: 2px 5px 0 0;
font-size: 28px;
text-align: right;
line-height: 0; }
.tm-testimonial.style-carousel .testimonial-item {
background: #f5f5f5; }
.tm-testimonial.style-carousel-03 .swiper-slide {
width: 400px; }
.tm-testimonial.style-carousel-03 .swiper-slide-next .testimonial-item {
background: #222; }
.tm-testimonial.style-carousel-03 .testimonial-item {
background: #000;
padding: 58px 60px 70px;
color: #fff; }
.tm-testimonial.style-carousel-03 .testimonial-item mark,
.tm-testimonial.style-carousel-03 .testimonial-item .testimonial-name,
.tm-testimonial.style-carousel-03 .testimonial-item .testimonial-by-line,
.tm-testimonial.style-carousel-03 .testimonial-item .testimonial-quote-icon {
color: inherit; }
.tm-testimonial.style-carousel-03 .testimonial-desc {
font-size: 20px;
line-height: 1.75; }
.tm-testimonial.style-carousel-03 .testimonial-info {
display: flex;
align-items: center;
padding-top: 47px; }
.tm-testimonial.style-carousel-03 .post-thumbnail {
flex-shrink: 0; }
.tm-testimonial.style-carousel-03 .testimonial-main-info {
flex-grow: 1;
margin-left: 20px; }
.tm-testimonial.style-carousel-03 .testimonial-name {
font-size: 18px;
line-height: 1.388;
margin-bottom: 6px; }
.tm-testimonial.style-carousel-03 .testimonial-quote-icon {
padding: 52px 0 0 0;
font-size: 28px;
text-align: right;
line-height: 0; }
.tm-testimonial.style-carousel-04 .tm-swiper {
margin-top: -5px; }
.tm-testimonial.style-carousel-04 .swiper-container {
padding-top: 5px; }
.tm-testimonial.style-carousel-04 .testimonial-item {
background: #fff;
padding: 36px 30px 32px; }
.tm-testimonial.style-carousel-04 .testimonial-item:hover {
transform: translateY(-5px);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.07); }
.tm-testimonial.style-carousel-04 .testimonial-subject {
font-size: 24px;
line-height: 1.46;
margin-bottom: 25px; }
.tm-testimonial.style-carousel-04 .testimonial-rating {
font-size: 12px;
margin-bottom: 27px; }
.tm-testimonial.style-carousel-04 .testimonial-desc {
font-size: 16px;
line-height: 1.88; }
.tm-testimonial.style-carousel-04 .testimonial-info {
position: relative;
display: flex;
align-items: center;
padding-top: 30px;
padding-right: 35px;
margin-top: 26px;
border-top: 2px dashed #eee; }
.tm-testimonial.style-carousel-04 .post-thumbnail {
flex-shrink: 0; }
.tm-testimonial.style-carousel-04 .testimonial-main-info {
flex-grow: 1;
margin-left: 20px; }
.tm-testimonial.style-carousel-04 .testimonial-name {
font-size: 20px;
line-height: 1.388;
margin-bottom: 4px; }
.tm-testimonial.style-carousel-04 .testimonial-by-line {
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
color: #c6c6c6; }
.tm-testimonial.style-carousel-04 .testimonial-quote-icon {
position: absolute;
right: 0;
top: 33px;
padding: 2px 5px 0 0;
font-size: 28px;
text-align: right;
line-height: 0; }
.tm-testimonial.style-carousel-05 .tm-swiper {
margin-top: -25px; }
.tm-testimonial.style-carousel-05 .swiper-container {
padding-top: 25px; }
.tm-testimonial.style-carousel-05 .testimonial-item {
background: #f7f7f7;
padding: 42px 35px 62px;
text-align: center; }
.tm-testimonial.style-carousel-05 .testimonial-item:hover {
transform: translateY(-10px); }
.tm-testimonial.style-carousel-05 .post-thumbnail {
margin-bottom: 23px; }
.tm-testimonial.style-carousel-05 .testimonial-rating {
font-size: 15px;
margin: 32px 0 0; }
.tm-testimonial.style-carousel-05 .testimonial-desc {
font-size: 16px;
line-height: 1.88; }
.tm-testimonial.style-carousel-05 .testimonial-info {
margin-bottom: 24px; }
.tm-testimonial.style-carousel-05 .testimonial-name {
font-size: 18px;
margin-bottom: 2px; }
.tm-testimonial.style-carousel-05 .testimonial-by-line {
font-size: 14px;
color: #c6c6c6; }
.tm-testimonial.style-carousel-free-mode .tm-swiper {
margin-top: -5px; }
.tm-testimonial.style-carousel-free-mode .swiper-container {
padding-top: 5px; }
.tm-testimonial.style-carousel-free-mode .swiper-slide {
width: 390px; }
.tm-testimonial.style-carousel-free-mode .testimonial-item {
background: #fff;
padding: 51px 40px; }
.tm-testimonial.style-carousel-free-mode .testimonial-item:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);
color: #fff; }
.tm-testimonial.style-carousel-free-mode .testimonial-item:hover mark,
.tm-testimonial.style-carousel-free-mode .testimonial-item:hover .testimonial-name,
.tm-testimonial.style-carousel-free-mode .testimonial-item:hover .testimonial-by-line,
.tm-testimonial.style-carousel-free-mode .testimonial-item:hover .testimonial-quote-icon {
color: inherit; }
.tm-testimonial.style-carousel-free-mode .testimonial-info {
display: flex;
align-items: center;
padding-top: 26px; }
.tm-testimonial.style-carousel-free-mode .post-thumbnail {
flex-shrink: 0; }
.tm-testimonial.style-carousel-free-mode .testimonial-main-info {
flex-grow: 1;
margin-left: 20px; }
.tm-testimonial.style-carousel-free-mode .testimonial-name {
font-size: 18px;
line-height: 1.388;
margin-bottom: 6px; }
.tm-testimonial.style-carousel-free-mode .testimonial-quote-icon {
padding: 2px 5px 0 0;
font-size: 28px;
text-align: right;
line-height: 0; }
.tm-testimonial.style-modern-slider {
color: #fff; }
.tm-testimonial.style-modern-slider mark,
.tm-testimonial.style-modern-slider h1, .tm-testimonial.style-modern-slider h2, .tm-testimonial.style-modern-slider h3, .tm-testimonial.style-modern-slider h4, .tm-testimonial.style-modern-slider h5, .tm-testimonial.style-modern-slider h6 {
color: inherit; }
.tm-testimonial.style-modern-slider .testimonial-item {
width: 780px;
margin: 0 auto;
max-width: 100%;
text-align: center; }
.tm-testimonial.style-modern-slider .testimonial-desc {
font-size: 30px;
line-height: 1.6;
font-style: italic;
margin-bottom: 40px; }
.tm-testimonial.style-modern-slider .testimonial-rating {
font-size: 18px;
margin-bottom: 32px; }
.tm-testimonial.style-modern-slider .testimonial-name {
color: #fff;
font-size: 20px;
font-weight: 700;
display: inline-block;
margin-bottom: 0; }
.tm-testimonial.style-modern-slider .testimonial-by-line {
font-size: 15px;
font-style: italic;
display: inline-block; }
.tm-testimonial.style-modern-slider-02 .testimonial-item {
width: 780px;
margin: 0 auto;
max-width: 100%;
text-align: center; }
.tm-testimonial.style-modern-slider-02 .testimonial-desc {
font-size: 30px;
line-height: 1.5;
margin-bottom: 33px;
font-style: italic; }
.tm-testimonial.style-modern-slider-02 .testimonial-rating {
font-size: 18px;
margin-bottom: 32px; }
.tm-testimonial.style-modern-slider-02 .testimonial-name {
font-size: 22px;
display: inline-block;
margin-bottom: 0; }
.tm-testimonial.style-modern-slider-02 .testimonial-by-line {
font-size: 16px;
font-style: italic;
display: inline-block; }
.tm-testimonial.style-simple-slider {
text-align: center; }
.tm-testimonial.style-simple-slider .testimonial-desc {
font-size: 30px;
line-height: 1.48;
text-align: center;
margin-bottom: 58px; }
.tm-testimonial.style-simple-slider .testimonial-info {
display: inline-block; }
.tm-testimonial.style-simple-slider .testimonial-info .inner {
display: flex;
align-items: center; }
.tm-testimonial.style-simple-slider .post-thumbnail {
flex-shrink: 0; }
.tm-testimonial.style-simple-slider .testimonial-main-info {
flex-grow: 1;
margin-left: 20px;
text-align: left; }
.tm-testimonial.style-simple-slider .testimonial-name {
font-size: 18px;
font-family: inherit;
font-weight: 700;
margin-bottom: 6px; }
.tm-testimonial.style-simple-slider .testimonial-by-line {
font-size: 14px; }
.tm-testimonial.style-simple-slider .testimonial-quote-icon {
margin: 0 auto 52px;
font-size: 28px;
width: 100px;
height: 100px;
line-height: 100px;
border: 2px solid #eee;
border-radius: 50%;
text-align: center; }
.tm-testimonial-pagination.style-01 {
width: 456px;
max-width: 100%;
margin: 0 auto 70px;
text-align: center; }
.tm-testimonial-pagination.style-01 .thumb-wrap {
transition: all .6s ease 0s;
padding: 6px;
width: 132px;
height: 132px;
border-radius: 50%;
background-image: linear-gradient(to left, #F6732E 0%, #4F3230 100%); }
.tm-testimonial-pagination.style-01 .swiper-slide:not(.swiper-slide-active) {
cursor: pointer; }
.tm-testimonial-pagination.style-01 .swiper-slide:not(.swiper-slide-active) .thumb-wrap {
transform: scale(0.6667);
background: none; }
.tm-testimonial-pagination.style-01 .swiper-slide:not(.swiper-slide-active) .thumb-wrap:hover {
transform: scale(0.8); }
.tm-testimonial-pagination.style-02 {
width: 335px;
max-width: 100%;
margin: 0 auto 51px;
text-align: center; }
.tm-testimonial-pagination.style-02 .thumb-wrap {
transition: all .6s ease 0s;
width: 85px;
height: 85px;
border-radius: 50%; }
.tm-testimonial-pagination.style-02 .swiper-slide:not(.swiper-slide-active) {
cursor: pointer; }
.tm-testimonial-pagination.style-02 .swiper-slide:not(.swiper-slide-active) .thumb-wrap {
opacity: .4; }
.tm-slider a:hover .image img {
transform: scale(1.1, 1.1); }
.tm-slider.style-01 {
text-align: center; }
.tm-slider.style-01.align-left {
text-align: left; }
.tm-slider.style-01.align-left .slider-content {
padding: 0 30px 0 0; }
.tm-slider.style-01.align-right {
text-align: right; }
.tm-slider.style-01.align-right .slider-content {
padding: 0 0 0 30px; }
.tm-slider.style-01.align-justify {
text-align: justify; }
.tm-slider.style-01 .spacing {
height: 28px; }
.tm-slider.style-01 .sub-title {
font-size: 14px;
font-weight: 700;
letter-spacing: 3px;
line-height: 1.71;
text-transform: uppercase;
margin-bottom: 14px; }
.tm-slider.style-01 .heading {
font-size: 24px;
margin-bottom: 14px; }
.tm-slider.style-01.fw-image .swiper-slide-inner {
width: 100%; }
.tm-slider.style-01.fw-image .image {
overflow: hidden; }
.tm-slider.style-01.fw-image .image img {
width: 100%; }
.tm-slider.style-01 .slider-content {
padding: 0 20px; }
.tm-slider-gallery.tm-light-gallery .image {
position: relative; }
.tm-slider-gallery.tm-light-gallery .zoom-icon {
font-size: 18px;
color: #fff;
position: absolute;
bottom: 50px;
right: 50px; }
.tm-slider-gallery.tm-light-gallery .zoom-icon:before {
content: '\f00e'; }
.tm-slider-gallery.style-full-wide-left-image .swiper-slide-inner {
display: flex;
padding: 100px;
align-items: center; }
.tm-slider-gallery.style-full-wide-left-image .image-wrap {
flex-shrink: 0;
width: 50%; }
.tm-slider-gallery.style-full-wide-left-image .image {
position: relative;
display: inline-block; }
.tm-slider-gallery.style-full-wide-left-image .info {
flex-shrink: 0;
width: 50%;
padding: 50px 100px; }
.tm-slider-gallery.style-full-wide-left-image .image-title {
font-size: 70px;
letter-spacing: -3px;
line-height: 1.22;
font-weight: 400;
max-width: 400px;
margin-bottom: 0; }
.tm-slider-gallery.big-shadow .sc-outer {
width: 100%;
height: 100%;
float: left; }
.tm-slider-gallery.big-shadow .sc-inner {
margin-top: -50px;
margin-bottom: -50px; }
.tm-slider-gallery.big-shadow .swiper-slide-inner {
padding: 50px 40px; }
.tm-slider-gallery.big-shadow .image > img {
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12); }
@media (max-width: 1199px) {
.tm-slider-gallery.style-full-wide-left-image .swiper-slide-inner {
padding: 100px 50px; }
.tm-slider-gallery.style-full-wide-left-image .info {
padding: 50px 30px; }
.tm-slider-gallery.style-full-wide-left-image .image-title {
font-size: 60px; } }
@media (max-width: 767px) {
.tm-slider-gallery.style-full-wide-left-image .swiper-slide-inner {
display: block; }
.tm-slider-gallery.style-full-wide-left-image .image-wrap {
width: 100%; }
.tm-slider-gallery.style-full-wide-left-image .info {
width: 100%;
padding: 50px 0 0; }
.tm-slider-gallery.style-full-wide-left-image .image-title {
font-size: 60px; } }
@media (max-width: 543px) {
.tm-slider-gallery.style-full-wide-left-image .swiper-slide-inner {
display: block;
padding: 100px 15px; }
.tm-slider-gallery.style-full-wide-left-image .image-wrap {
width: 100%; }
.tm-slider-gallery.style-full-wide-left-image .info {
width: 100%;
padding: 30px 0 0; }
.tm-slider-gallery.style-full-wide-left-image .image-title {
font-size: 50px; } }
.tm-slider-button.style-01 .button-wrap {
display: inline-block; }
.tm-slider-button.style-01 .slider-btn {
border: 1px solid #dddddd;
border-radius: 50%;
cursor: pointer;
width: 60px;
height: 60px;
line-height: 60px;
float: left;
text-align: center;
font-size: 30px;
color: #111111;
outline: none; }
.tm-slider-button.style-01 .slider-btn:hover {
background: #111111;
color: #ffffff;
border-color: #111111; }
.tm-slider-button.style-01 .slider-prev-btn {
margin-right: 5px; }
.tm-slider-button.style-01.skin-light .slider-btn {
color: #ffffff;
border-color: rgba(221, 221, 221, 0.18); }
.tm-slider-button.style-02 .button-wrap {
display: inline-block; }
.tm-slider-button.style-02 .slider-btn {
width: 85px;
height: 30px;
cursor: pointer;
position: relative;
float: left;
opacity: .15;
outline: none; }
.tm-slider-button.style-02 .slider-btn:hover {
opacity: 1; }
.tm-slider-button.style-02 .slider-btn span {
display: none; }
.tm-slider-button.style-02 .slider-btn:before {
content: '';
width: 70px;
height: 2px;
background: #111111;
position: absolute;
top: 50%;
margin-top: -1px; }
.tm-slider-button.style-02 .slider-btn:after {
content: '';
position: absolute;
top: 50%;
margin-top: -9px;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent; }
.tm-slider-button.style-02 .slider-prev-btn:before {
left: 1px; }
.tm-slider-button.style-02 .slider-prev-btn:after {
left: 0;
border-right: 12px solid #111111; }
.tm-slider-button.style-02 .slider-next-btn:before {
right: 1px; }
.tm-slider-button.style-02 .slider-next-btn:after {
right: 0;
border-left: 12px solid #111111; }
.tm-slider-button.style-02.skin-light .slider-btn:before {
background: #ffffff; }
.tm-slider-button.style-02.skin-light .slider-prev-btn:after {
border-right-color: #ffffff; }
.tm-slider-button.style-02.skin-light .slider-next-btn:after {
border-left-color: #ffffff; }
.tm-slider-group .tm-box-icon {
margin-bottom: 0; }
.tm-slider-group.swiper-has-shadow {
margin: -15px; }
.tm-slider-group.swiper-has-shadow .swiper-slide-inner {
padding: 15px; }
.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; }
.tm-slider-modern.style-01 .swiper-slide {
min-height: 650px;
border-right: 1px solid rgba(255, 255, 255, 0.21); }
.tm-slider-modern.style-01 .slider-bg-list {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #222; }
.tm-slider-modern.style-01 .slide-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all .5s;
opacity: 0;
z-index: -1;
overflow: hidden; }
.tm-slider-modern.style-01 .slide-bg-inner {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transition: all 1.5s; }
.tm-slider-modern.style-01 .current {
z-index: 1;
opacity: 1; }
.tm-slider-modern.style-01 .current .slide-bg-inner {
transform: scale3d(1.05, 1.05, 1.05); }
.tm-slider-modern.style-01 .image-wrap {
margin-bottom: 23px; }
.tm-slider-modern.style-01 .swiper-slide-inner {
padding: 50px; }
.tm-slider-modern.style-01 .heading {
font-size: 24px;
color: #fff;
line-height: 1.38;
margin-bottom: 21px; }
.tm-slider-modern.style-01 .tm-button {
height: 0;
opacity: 0;
visibility: hidden;
transform: translateY(10px); }
.tm-slider-modern.style-01 .tm-button .button-text {
color: #fff; }
.tm-slider-modern.style-01 .slider-modern-current .tm-button {
height: auto;
opacity: 1;
visibility: visible;
margin-top: 24px;
transform: translateY(0); }
.tm-product-banner-slider .spacing {
height: 32px; }
.tm-product-banner-slider .info {
padding: 116px 90px 100px 90px;
background-color: #222222;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 5px; }
.tm-product-banner-slider .sub-title {
color: #ffffff;
font-size: 14px;
font-weight: 700;
letter-spacing: 3px;
line-height: 1.71;
text-transform: uppercase;
margin-bottom: 17px; }
.tm-product-banner-slider .heading {
color: #ffffff;
font-size: 56px;
line-height: 1.28;
margin-bottom: 38px; }
.tm-product-banner-slider .text {
font-size: 24px;
color: #ffffff;
line-height: 1.5;
margin-bottom: 74px; }
.tm-product-banner-slider.fw-image .image img {
width: 100%; }
.tm-product-banner-slider .tm-product-banner-btn {
background-color: #ffffff;
border-color: #ffffff; }
.tm-product-banner-slider .tm-product-banner-btn:hover {
color: #ffffff;
background-color: transparent; }
.tm-product-banner-slider.tm-swiper.has-pagination.pagination-style-01 {
margin-bottom: 50px; }
.tm-product-banner-slider.tm-swiper.has-pagination.pagination-style-01 .swiper-pagination {
bottom: -50px; }
@media (max-width: 991px) {
.tm-product-banner-slider .heading {
font-size: 46px; }
.tm-product-banner-slider .info {
padding: 50px 30px 100px; }
.tm-product-banner-slider .text {
font-size: 20px;
margin-bottom: 40px; } }
@media (max-width: 767px) {
.tm-product-banner-slider .heading {
font-size: 36px; }
.tm-product-banner-slider .text {
font-size: 16px; } }
.pricing-wrap {
display: flex;
align-items: stretch; }
.pricing-wrap .tm-pricing {
flex: 1 1 auto; }
.pricing-wrap .tm-pricing .inner {
height: 100%; }
.tm-pricing-group {
margin: 0 -15px; }
.tm-pricing-group .tm-pricing {
padding: 0 15px; }
.tm-pricing {
z-index: 2; }
.tm-pricing .tm-pricing-list {
margin: 0;
padding: 0; }
.tm-pricing .tm-pricing-list li {
list-style-type: none; }
.tm-pricing .tm-pricing-button {
display: inline-block;
margin: 0 auto; }
.tm-pricing.style-01 {
margin-bottom: 30px; }
.tm-pricing.style-01 .inner {
position: relative;
margin: 0 auto;
background-color: #fff;
padding: 60px 40px 160px; }
.tm-pricing.style-01:hover .inner {
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.07);
transform: translateY(-5px); }
.tm-pricing.style-01 .tm-pricing-feature-mark {
display: block;
padding: 5px 18px 5px 10px;
position: absolute;
top: 20px;
left: -4px;
text-transform: uppercase;
font-size: 10px;
line-height: 1.4;
font-weight: 700;
color: #fff; }
.tm-pricing.style-01 .tm-pricing-feature-mark:after {
content: '';
position: absolute;
top: 0;
right: 0;
border-right: 9px solid #fff;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent; }
.tm-pricing.style-01 .price-wrap-inner {
display: flex;
align-items: flex-start; }
.tm-pricing.style-01 .tm-pricing-header {
padding-bottom: 20px;
border-bottom: 1px solid #eee;
margin-bottom: 38px; }
.tm-pricing.style-01 .currency {
font-size: 20px;
margin-bottom: 0; }
.tm-pricing.style-01 .price {
font-size: 56px;
line-height: .9;
margin: 0 10px; }
.tm-pricing.style-01 .period {
font-family: "Playfair Display";
font-size: 16px;
font-style: italic;
margin-bottom: 0; }
.tm-pricing.style-01 .period:before {
content: '/ '; }
.tm-pricing.style-01 .image {
margin-bottom: 30px; }
.tm-pricing.style-01 .title {
font-size: 30px;
margin-bottom: 15px; }
.tm-pricing.style-01 .sub-title {
font-family: "Playfair Display";
font-style: italic;
margin-bottom: 15px; }
.tm-pricing.style-01 .description {
font-size: 15px; }
.tm-pricing.style-01 .tm-pricing-list {
font-size: 15px;
margin-top: 30px; }
.tm-pricing.style-01 .tm-pricing-list li {
position: relative;
display: block;
padding: 8px 0; }
.tm-pricing.style-01 .tm-pricing-list li i {
font-size: 16px;
margin-right: 5px; }
.tm-pricing.style-01 .tm-pricing-list li.item-available:before {
color: #7ed321; }
.tm-pricing.style-01 .tm-pricing-footer {
position: absolute;
bottom: 60px;
left: 0;
width: 100%;
padding: 0 40px; }
.tm-pricing.style-01 .tm-pricing-button {
width: 100%;
text-align: center; }
.tm-pricing.style-02 {
margin-bottom: 30px; }
.tm-pricing.style-02 .inner {
position: relative;
margin: 0 auto;
background-color: #fff;
padding: 43px 35px 150px;
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.04);
text-align: center; }
.tm-pricing.style-02:hover .inner {
transform: translateY(-5px);
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.07); }
.tm-pricing.style-02.tm-pricing-featured .inner {
border: 2px solid #F6732E; }
.tm-pricing.style-02 .tm-pricing-header {
padding-bottom: 25px;
border-bottom: 2px dotted #c0c0c0;
margin-bottom: 38px; }
.tm-pricing.style-02 .currency {
display: inline-block;
vertical-align: super;
font-size: 24px;
margin-bottom: 0; }
.tm-pricing.style-02 .price {
font-size: 70px;
font-weight: 400;
line-height: .9;
margin: 0 5px;
color: #F6732E;
text-align: center; }
.tm-pricing.style-02 .period {
font-size: 16px;
font-family: "Playfair Display";
font-style: italic;
color: #4F3230; }
.tm-pricing.style-02 .period:before {
content: '/ '; }
.tm-pricing.style-02 .image {
margin-bottom: 30px; }
.tm-pricing.style-02 .sub-title {
font-family: "Playfair Display";
font-size: 14px;
font-style: italic;
margin-bottom: 19px; }
.tm-pricing.style-02 .title {
font-size: 30px;
margin-bottom: 0; }
.tm-pricing.style-02 .description {
margin-top: 12px;
font-size: 15px; }
.tm-pricing.style-02 .tm-pricing-list {
font-size: 15px;
margin-top: 30px;
text-align: left; }
.tm-pricing.style-02 .tm-pricing-list li {
position: relative;
display: block;
padding: 8px 0; }
.tm-pricing.style-02 .tm-pricing-list li i {
font-size: 16px;
margin-right: 5px; }
.tm-pricing.style-02 .tm-pricing-list li.item-available:before {
color: #7ed321; }
.tm-pricing.style-02 .tm-pricing-footer {
position: absolute;
bottom: 50px;
left: 0;
width: 100%; }
@media (max-width: 991px) {
.pricing-wrap {
flex-wrap: wrap; }
.pricing-wrap .tm-pricing {
width: 100%;
max-width: 100%; } }
.tm-pricing-table {
box-shadow: 0 0px 40px rgba(0, 0, 0, 0.06); }
.tm-pricing-table .inner {
overflow-x: auto; }
.tm-pricing-table .pricing-header {
position: relative;
padding: 52px 30px 32px; }
.tm-pricing-table table {
table-layout: fixed;
margin: 0; }
.tm-pricing-table td, .tm-pricing-table th {
border: 0;
border-left: 1px solid rgba(51, 51, 51, 0.1);
border-right: 1px solid rgba(51, 51, 51, 0.1);
padding: 0 30px; }
.tm-pricing-table td:first-child, .tm-pricing-table th:first-child {
border-left: 0; }
.tm-pricing-table td:last-child, .tm-pricing-table th:last-child {
border-right: 0; }
.tm-pricing-table th:first-child {
text-align: left;
width: 370px; }
.tm-pricing-table th:first-child .pricing-header {
padding: 52px 30px 32px 46px; }
.tm-pricing-table th {
padding: 0;
width: 266px; }
.tm-pricing-table ul {
margin: 0;
padding: 0;
list-style-type: none; }
.tm-pricing-table li {
border-top: 1px solid rgba(51, 51, 51, 0.1);
padding: 9px 0; }
.tm-pricing-table li:last-child {
border-bottom: 1px solid rgba(51, 51, 51, 0.1); }
.tm-pricing-table tfoot td {
padding: 30px 10px 40px; }
.tm-pricing-table .pricing-feature-labels {
text-align: left; }
.tm-pricing-table .pricing-feature-labels li {
padding-left: 20px; }
.tm-pricing-table .heading {
font-size: 24px; }
.tm-pricing-table .item-checked {
color: #7ed321;
font-size: 16px; }
.tm-pricing-table .title {
color: blue;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 34px; }
.tm-pricing-table .tm-pricing-feature-mark {
background: blue;
padding: 6px 21px;
position: absolute;
top: 15px;
left: 50%;
transform: translate(-50%, 0);
color: #fff;
font-size: 10px;
text-transform: uppercase; }
.tm-pricing-table .price-wrap-inner {
display: flex;
align-items: flex-start;
justify-content: center; }
.tm-pricing-table .currency {
font-size: 18px;
margin-bottom: 0; }
.tm-pricing-table .price {
font-size: 36px !important;
line-height: .9;
margin: 0 4px;
font-weight: 600 !important; }
.tm-pricing-table .period {
font-size: 14px;
margin-bottom: 0;
color: #999;
align-self: flex-end;
line-height: 2; }
.tm-pricing-table .tm-button.tm-button-primary.tm-pricing-button {
background: #222;
border: 0; }
.tm-pricing-rotate-box .tm-rotate-box .box {
background-color: #222222; }
.tm-pricing-rotate-box .tm-rotate-box .front:before {
background-image: linear-gradient(-180deg, transparent 0%, #000000 100%); }
.tm-pricing-rotate-box .tm-rotate-box .content-wrap {
padding: 40px; }
.tm-pricing-rotate-box .title {
position: absolute;
top: 40px;
right: 36px;
display: inline-block;
border-radius: 100px;
font-size: 15px;
color: #ffffff;
padding: 6px 16px; }
.tm-pricing-rotate-box .price-wrap {
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: left;
padding: 0 38px 45px; }
.tm-pricing-rotate-box .price-wrap-inner {
font-size: 50px;
color: #ffffff; }
.tm-pricing-rotate-box .period {
color: #ffffff;
font-size: 15px; }
.tm-pricing-rotate-box .tm-pricing-list {
margin: 0;
padding: 0;
text-align: left;
list-style-type: none;
font-weight: 500;
color: #999999; }
.tm-pricing-rotate-box .tm-pricing-list li {
position: relative; }
.tm-pricing-rotate-box .tm-pricing-list li + li {
margin-top: 16px; }
.tm-pricing-rotate-box .tm-button {
margin-top: 53px !important;
min-width: 180px;
background-color: transparent;
color: #ffffff;
border-color: #ffffff; }
.tm-pricing-rotate-box .tm-button:hover {
background-color: #ffffff;
color: #222222;
border-color: #ffffff; }
.tm-countdown {
text-align: center; }
.tm-countdown .day,
.tm-countdown .hour,
.tm-countdown .minute,
.tm-countdown .second {
text-align: center;
flex-grow: 1; }
.tm-countdown .countdown {
display: inline-block; }
.tm-countdown.style-01 .countdown-wrap {
display: grid;
grid-gap: 30px;
grid-template-columns: repeat(4, 1fr); }
.tm-countdown.style-01 .number {
display: inline-block;
font-size: 36px;
font-weight: 700;
color: #4F3230;
min-width: 80px;
height: 90px;
border-radius: 3px;
line-height: 90px;
text-align: center;
background: #eee; }
.tm-countdown.style-01 .text {
display: block;
margin-top: 16px; }
.tm-countdown.style-01.skin-light .number {
color: #fff; }
.tm-countdown.style-01.skin-light .text {
color: rgba(255, 255, 255, 0.7); }
.tm-countdown.style-02 .countdown-wrap {
display: grid;
grid-gap: 30px;
grid-template-columns: repeat(4, 1fr); }
.tm-countdown.style-02 .number {
display: inline-block;
font-size: 36px;
font-weight: 700;
min-width: 80px;
height: 90px;
border-radius: 3px;
line-height: 90px;
text-align: center;
background: red;
color: #fff; }
.tm-countdown.style-02 .text {
display: block;
margin-top: 16px; }
.tm-countdown.style-02.skin-light .number {
color: #fff; }
.tm-countdown.style-02.skin-light .text {
color: rgba(255, 255, 255, 0.7); }
.tm-countdown.style-03 .countdown-wrap {
display: grid;
grid-gap: 30px;
grid-template-columns: repeat(4, 1fr); }
.tm-countdown.style-03 .number {
display: inline-block;
font-size: 70px;
font-weight: 700;
line-height: 1;
color: #4F3230; }
.tm-countdown.style-03 .text {
display: block;
text-transform: uppercase;
letter-spacing: 2.14px;
font-weight: 700;
font-size: 12px;
margin-top: 13px;
color: #999; }
.tm-countdown.style-03.skin-light .number {
color: #fff; }
.tm-countdown.style-03.skin-light .text {
color: rgba(255, 255, 255, 0.7); }
.tm-countdown.style-04 .countdown {
display: inline-block;
width: 770px;
max-width: 100%; }
.tm-countdown.style-04 .time_circles {
position: relative;
width: 100%;
height: 100%; }
.tm-countdown.style-04 .time_circles > div {
position: absolute;
text-align: center; }
.tm-countdown.style-04 .time_circles > div > h4 {
font-family: inherit;
font-size: 12px !important;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.71px;
line-height: 1;
margin: 18px 0 0; }
.tm-countdown.style-04 .time_circles > div > span {
display: block;
width: 100%;
line-height: .8;
font-size: 50px;
font-weight: 600;
color: #4F3230; }
.tm-countdown .flip-clock-wrapper {
margin: 0;
width: auto;
display: inline-block; }
.tm-countdown .flip-time-wrap {
position: relative;
float: left;
margin-bottom: 30px; }
.tm-countdown .flip-clock-label {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2.5px;
float: none;
clear: both;
display: block;
position: static;
padding-top: 30px; }
.tm-countdown .flip-clock-dot {
height: 5px;
width: 6px;
left: 7px; }
.tm-countdown .flip-clock-dot.top {
top: 40px; }
.tm-countdown .flip-clock-dot.bottom {
bottom: 40px; }
.tm-countdown.style-05 {
margin: 0 auto; }
.tm-countdown.style-05 .flip-clock-label {
color: #222; }
.tm-countdown.style-05.skin-light .flip-clock-label {
color: #fff; }
.tm-countdown.style-05.skin-light .flip-clock-wrapper ul li a div.up:after {
background-color: transparent; }
.tm-countdown.style-05.skin-light .flip-clock-wrapper ul li a div div.inn {
background-color: #fff;
text-shadow: none;
color: #081d6a; }
.tm-countdown.style-05.skin-light .flip-clock-dot {
background: #fefefe; }
@media (max-width: 1199px) {
.tm-countdown.style-03 .number {
font-size: 80px; } }
@media (max-width: 991px) {
.tm-countdown.style-03 .number {
font-size: 60px; } }
@media (max-width: 767px) {
.tm-countdown.style-01 .countdown-wrap {
grid-template-columns: repeat(2, 1fr); }
.tm-countdown.style-01 .countdown-wrap .countdown {
margin: 0 auto; }
.tm-countdown.style-03 .number {
font-size: 40px; }
.tm-countdown.style-04 .time_circles > div > h4 {
margin: 10px 0 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 .heading {
margin-bottom: 0; }
.tm-counter.style-01 .icon {
font-size: 80px;
line-height: 1;
margin-bottom: 11px; }
.tm-counter.style-01 .icon i {
color: transparent;
-webkit-background-clip: text;
background-clip: text; }
.tm-counter.style-01 .number-wrap {
display: flex;
margin-bottom: 3px;
font-size: 70px; }
.tm-counter.style-01 .heading {
font-size: 16px;
font-weight: 700;
line-height: 1.5; }
.tm-counter.style-01 .description {
margin-top: 10px; }
.tm-counter.style-02 .inner {
position: relative;
display: inline-block; }
.tm-counter.style-02 .icon {
position: absolute;
top: 50%;
right: calc(100% - 20px);
transform: translateY(-50%);
z-index: -1;
font-size: 70px;
line-height: 1;
opacity: 0.4; }
.tm-counter.style-02 .icon i {
line-height: 1; }
.tm-counter.style-02 .number-wrap {
display: flex;
margin-bottom: 4px;
line-height: 1;
font-size: 70px; }
.tm-counter.style-02 .heading {
font-size: 16px;
font-weight: 700;
line-height: 1.5; }
.tm-counter.style-02 .description {
margin-top: 10px; }
.tm-counter.style-03 .number-wrap {
display: flex;
font-size: 70px;
font-weight: 700;
line-height: .9;
padding-right: 60px;
flex-shrink: 0; }
.tm-counter.style-03 .heading {
font-size: 18px;
line-height: 1.39; }
.tm-counter.style-03 .description {
margin-top: 20px; }
.tm-counter.style-04 .icon {
font-size: 80px;
line-height: 1;
margin-bottom: 11px; }
.tm-counter.style-04 .icon i {
color: transparent;
-webkit-background-clip: text;
background-clip: text; }
.tm-counter.style-04 .number-wrap {
display: flex;
margin-bottom: 3px;
font-size: 48px;
font-weight: 700; }
.tm-counter.style-04 .heading {
font-size: 15px;
font-weight: 500;
font-style: italic;
line-height: 1.6;
color: inherit; }
.tm-counter.style-05 .icon {
font-size: 80px;
line-height: 1;
margin-bottom: 18px; }
.tm-counter.style-05 .number-wrap {
display: flex;
margin-bottom: 22px;
font-size: 80px;
font-weight: 600;
line-height: .9; }
.tm-counter.style-05 .heading {
font-size: 16px;
font-weight: 600;
line-height: 1.5;
color: inherit; }
@media (max-width: 991px) {
.tm-counter.style-01 .number-wrap {
font-size: 42px; } }
@media (max-width: 767px) {
.tm-counter.style-01 .number-wrap {
font-size: 36px; } }
.tm-team-member {
position: relative; }
.tm-team-member.style-01 {
text-align: center; }
.tm-team-member.style-01:hover .overlay {
opacity: 1;
visibility: visible; }
.tm-team-member.style-01:hover .social-networks {
opacity: 1;
visibility: visible;
transform: translateY(0); }
.tm-team-member.style-01 .photo {
position: relative;
margin-bottom: 38px; }
.tm-team-member.style-01 .photo img {
width: 100%; }
.tm-team-member.style-01 .name {
font-size: 24px;
margin-bottom: 6px; }
.tm-team-member.style-01 .description {
margin-top: 12px; }
.tm-team-member.style-01 .social-networks {
position: absolute;
bottom: 33px;
left: 0;
width: 100%;
padding: 0 30px;
font-size: 0;
opacity: 0;
visibility: hidden;
transform: translateY(-5px); }
.tm-team-member.style-01 .social-networks a {
display: inline-block;
font-size: 18px;
color: #222;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
background: #fff;
margin: 7px; }
.tm-team-member.style-01 .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: inherit;
padding: 30px;
opacity: 0;
visibility: hidden;
background-blend-mode: multiply;
background-size: cover; }
.tm-team-member.style-02 {
text-align: center; }
.tm-team-member.style-02:hover .photo {
border-color: #0a0a0a; }
.tm-team-member.style-02:hover .overlay {
opacity: .85;
visibility: visible; }
.tm-team-member.style-02:hover .social-networks {
opacity: 1;
visibility: visible; }
.tm-team-member.style-02:hover .info {
opacity: 1;
visibility: visible; }
.tm-team-member.style-02 .photo {
position: relative;
border-radius: 50%;
border: 20px solid transparent; }
.tm-team-member.style-02 .photo img {
border-radius: inherit;
width: 100%; }
.tm-team-member.style-02 .name {
font-size: 24px;
line-height: 1.388;
margin-bottom: 6px;
color: #fff; }
.tm-team-member.style-02 .social-networks {
position: absolute;
top: 50%;
left: 0;
width: 100%;
padding: 0 30px;
font-size: 0;
opacity: 0;
visibility: hidden;
transform: translateY(-50%); }
.tm-team-member.style-02 .social-networks a {
display: inline-block;
font-size: 18px;
color: #fff;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.2);
margin: 7px; }
.tm-team-member.style-02 .social-networks a:hover {
background: #fff;
color: #222; }
.tm-team-member.style-02 .info {
opacity: 0;
visibility: hidden;
position: absolute;
bottom: 58px;
left: 0;
width: 100%;
color: rgba(255, 255, 255, 0.5);
text-align: center; }
.tm-team-member.style-02 .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: inherit;
padding: 30px;
opacity: 0;
visibility: hidden; }
.tm-team-member.style-03:hover .social-networks {
opacity: 1;
visibility: visible;
transform: translateY(0); }
.tm-team-member.style-03 .photo {
position: relative;
margin-bottom: 27px; }
.tm-team-member.style-03 .photo img {
width: 100%; }
.tm-team-member.style-03 .photo .image-wrap {
position: relative;
overflow: hidden; }
.tm-team-member.style-03 .name {
font-size: 24px;
margin-bottom: 4px; }
.tm-team-member.style-03 .description {
margin-top: 12px; }
.tm-team-member.style-03 .social-networks {
position: absolute;
bottom: 20px;
left: 0;
width: 100%;
padding: 0 20px;
font-size: 0;
opacity: 0;
visibility: hidden;
transform: translateY(-5px); }
.tm-team-member.style-03 .social-networks a {
display: inline-block;
font-size: 18px;
padding: 5px 10px;
color: #fff; }
.tm-team-member.style-04 {
text-align: center; }
.tm-team-member.style-04:hover .social-networks {
transform: translateY(0);
opacity: 1;
visibility: visible; }
.tm-team-member.style-04 .content-header {
margin-bottom: 23px; }
.tm-team-member.style-04 .photo img {
border-radius: 50%; }
.tm-team-member.style-04 .name {
font-size: 24px;
line-height: 1.4;
margin-bottom: 2px; }
.tm-team-member.style-04 .position {
font-size: 14px; }
.tm-team-member.style-04 .description {
margin-top: 15px; }
.tm-team-member.style-04 .social-networks {
margin-top: -43px;
transform: translateY(10px);
opacity: 0;
visibility: hidden; }
.tm-team-member.style-04 .social-networks .inner {
padding: 11px 10px;
min-width: 160px;
border-radius: 5px;
display: inline-block;
background: #fff;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.06); }
.tm-team-member.style-04 .social-networks a {
display: inline-block;
padding: 5px 10px;
line-height: 1.15;
font-size: 16px; }
.tm-team-member.style-05 {
text-align: center;
background-color: #FAF5F4;
padding: 40px 30px 0; }
.tm-team-member.style-05:hover .social-networks {
margin-top: 22px; }
.tm-team-member.style-05:hover .social-networks .inner {
transform: translateY(0); }
.tm-team-member.style-05:hover .social-networks a {
display: inline-block;
padding: 5px 10px;
font-size: 16px; }
.tm-team-member.style-05 .content-header {
margin-bottom: 23px; }
.tm-team-member.style-05 .name {
font-size: 24px;
line-height: 1.4;
margin-bottom: 2px; }
.tm-team-member.style-05 .position {
font-size: 14px; }
.tm-team-member.style-05 .description {
margin-top: 15px; }
.tm-team-member.style-05 .social-networks {
overflow: hidden; }
.tm-team-member.style-05 .social-networks .inner {
transform: translateY(-100%); }
.tm-team-member.style-05 .social-networks a {
display: inline-block;
padding: 0 10px;
font-size: 16px; }
.tm-team-member.style-05 .photo {
margin-top: 30px; }
.tm-social-networks {
line-height: 0; }
.tm-social-networks ul {
display: inline-block;
padding: 0;
margin: 0 -8px; }
.tm-social-networks br {
display: none; }
.tm-social-networks .item {
list-style-type: none; }
.tm-social-networks .link {
display: inline-block;
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 -10px; }
.tm-social-networks.layout-two-columns .item {
display: block;
float: left;
width: 50%; }
.tm-social-networks.layout-two-columns .link {
padding: 5px 10px; }
.tm-social-networks.style-icons {
font-size: 20px; }
.tm-social-networks.style-large-icons {
font-size: 24px; }
.tm-social-networks.style-large-icons ul {
margin: 0 -13px; }
.tm-social-networks.style-large-icons .link {
padding: 5px 13px; }
.tm-social-networks.style-extra-large-icons {
font-size: 30px; }
.tm-social-networks.style-extra-large-icons ul {
margin: 0 -15px; }
.tm-social-networks.style-extra-large-icons .link {
padding: 5px 15px; }
.tm-social-networks.style-icons .link-icon, .tm-social-networks.style-large-icons .link-icon, .tm-social-networks.style-extra-large-icons .link-icon, .tm-social-networks.style-solid-rounded-icon .link-icon, .tm-social-networks.style-solid-thin-rounded-icon .link-icon {
transition: none; }
.tm-social-networks.style-flat-rounded-icon ul {
margin: -5px; }
.tm-social-networks.style-flat-rounded-icon li {
float: left;
margin: 5px; }
.tm-social-networks.style-flat-rounded-icon .item:hover .link-icon {
color: #fff; }
.tm-social-networks.style-flat-rounded-icon .link {
font-size: 20px;
display: block;
text-align: center;
height: 50px;
width: 50px;
background: #eee;
color: #222;
border-radius: 50%;
position: relative; }
.tm-social-networks.style-flat-rounded-icon .link-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.tm-social-networks.style-solid-rounded-icon ul {
margin: -10px; }
.tm-social-networks.style-solid-rounded-icon li {
float: left;
margin: 10px; }
.tm-social-networks.style-solid-rounded-icon .item:hover .link-icon {
color: #fff; }
.tm-social-networks.style-solid-rounded-icon .item:hover .link {
border-color: transparent; }
.tm-social-networks.style-solid-rounded-icon .link {
font-size: 20px;
display: block;
text-align: center;
height: 55px;
width: 55px;
background: transparent;
color: #222;
border: 2px solid rgba(0, 0, 0, 0.21);
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-thin-rounded-icon ul {
margin: -5px; }
.tm-social-networks.style-solid-thin-rounded-icon li {
float: left;
margin: 5px; }
.tm-social-networks.style-solid-thin-rounded-icon .item:hover .link {
color: #fff; }
.tm-social-networks.style-solid-thin-rounded-icon .item:hover .link {
border-color: #222;
background: #222; }
.tm-social-networks.style-solid-thin-rounded-icon .link {
font-size: 20px;
display: block;
text-align: center;
height: 55px;
width: 55px;
background: transparent;
color: #222;
border: 1px solid #eee;
border-radius: 50%;
position: relative; }
.tm-social-networks.style-solid-thin-rounded-icon .link-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.tm-social-networks.style-icon-title .link-icon {
font-size: 16px;
margin-right: 10px; }
.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: 15px;
position: relative;
padding: 2px 0;
overflow: hidden;
z-index: 1; }
.tm-social-networks.style-title .link-text: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; }
.tm-social-networks.style-title .link-text:hover:after {
width: 100%;
left: 0;
right: auto; }
.tm-soundcloud {
line-height: 0; }
.tm-circle-progress-chart.style-01 {
text-align: center; }
.tm-circle-progress-chart.style-01 .chart {
position: relative;
margin: 0 auto 33px;
width: 126px;
height: 126px; }
.tm-circle-progress-chart.style-01 .chart canvas {
position: absolute;
top: 0;
left: 0; }
.tm-circle-progress-chart.style-01 .inner-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.tm-circle-progress-chart.style-01 .chart-number {
font-size: 20px;
font-family: inherit;
font-weight: 700;
line-height: 1;
margin-bottom: 0; }
.tm-circle-progress-chart.style-01 .chart-icon {
font-size: 55px; }
.tm-circle-progress-chart.style-01 .inner-circle {
width: 100%;
height: 100%;
border-radius: 50%; }
.tm-circle-progress-chart.style-01 .title-wrap {
margin-bottom: 15px; }
.tm-circle-progress-chart.style-01 .title {
font-size: 24px; }
.tm-circle-progress-chart.style-02 {
display: flex; }
.tm-circle-progress-chart.style-02 .chart {
flex-shrink: 0;
position: relative;
width: 126px;
height: 126px; }
.tm-circle-progress-chart.style-02 .chart canvas {
position: absolute;
top: 0;
left: 0; }
.tm-circle-progress-chart.style-02 .chart-info {
flex-grow: 1;
padding-top: 34px;
padding-left: 34px; }
.tm-circle-progress-chart.style-02 .inner-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.tm-circle-progress-chart.style-02 .chart-number {
font-size: 20px;
font-family: inherit;
font-weight: 700;
line-height: 1;
margin-bottom: 0; }
.tm-circle-progress-chart.style-02 .chart-icon {
font-size: 55px; }
.tm-circle-progress-chart.style-02 .inner-circle {
width: 100%;
height: 100%;
border-radius: 50%; }
.tm-circle-progress-chart.style-02 .title-wrap {
margin-bottom: 15px; }
.tm-circle-progress-chart.style-02 .title {
font-size: 24px; }
.tm-circle-progress-chart.style-03 {
display: flex; }
.tm-circle-progress-chart.style-03 .chart {
flex-shrink: 0;
order: 1;
position: relative;
width: 126px;
height: 126px; }
.tm-circle-progress-chart.style-03 .chart canvas {
position: absolute;
top: 0;
left: 0; }
.tm-circle-progress-chart.style-03 .chart-info {
flex-grow: 1;
padding-top: 34px;
padding-right: 34px; }
.tm-circle-progress-chart.style-03 .inner-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.tm-circle-progress-chart.style-03 .chart-number {
font-size: 20px;
font-family: inherit;
font-weight: 700;
line-height: 1;
margin-bottom: 0; }
.tm-circle-progress-chart.style-03 .chart-icon {
font-size: 55px; }
.tm-circle-progress-chart.style-03 .inner-circle {
width: 100%;
height: 100%;
border-radius: 50%; }
.tm-circle-progress-chart.style-03 .title-wrap {
margin-bottom: 15px; }
.tm-circle-progress-chart.style-03 .title {
font-size: 24px; }
@media (max-width: 543px) {
.tm-circle-progress-chart .chart {
margin-bottom: 30px; }
.tm-circle-progress-chart.style-02, .tm-circle-progress-chart.style-03 {
display: block;
text-align: center; }
.tm-circle-progress-chart.style-02 .chart, .tm-circle-progress-chart.style-03 .chart {
margin-left: auto;
margin-right: auto; }
.tm-circle-progress-chart.style-02 .chart-info, .tm-circle-progress-chart.style-03 .chart-info {
padding: 0; } }
.tm-js-chart.legends-top .chart-legends {
margin-bottom: 60px; }
.tm-js-chart.legends-bottom .chart-legends {
margin-top: 60px; }
.tm-js-chart.legends-left .chart-wrap, .tm-js-chart.legends-right .chart-wrap {
display: flex;
align-items: center; }
.tm-js-chart.legends-left .chart-wrap .chart-canvas, .tm-js-chart.legends-right .chart-wrap .chart-canvas {
width: 50%; }
.tm-js-chart.legends-left .chart-wrap .chart-legends, .tm-js-chart.legends-right .chart-wrap .chart-legends {
width: 50%; }
.tm-js-chart.legends-left .chart-wrap .chart-legends ul, .tm-js-chart.legends-right .chart-wrap .chart-legends ul {
grid-template-columns: repeat(1, auto);
grid-gap: 20px 0; }
.tm-js-chart.legends-left .chart-legends {
padding-right: 10%; }
.tm-js-chart.legends-right .chart-legends {
padding-left: 10%; }
.tm-js-chart .chart-legends ul {
padding: 0;
margin: 0;
list-style-type: none;
display: grid;
grid-template-columns: repeat(2, auto);
grid-gap: 10px 20px;
justify-content: space-between; }
.tm-js-chart .chart-legends li {
position: relative;
font-size: 15px;
font-weight: 500;
padding-left: 28px; }
.tm-js-chart .chart-legends li.hidden {
text-decoration: line-through; }
.tm-js-chart .chart-legends li span {
position: absolute;
top: 4px;
left: 0;
width: 15px;
height: 15px;
border-radius: 50%;
display: inline-block; }
.tm-js-chart.legends-clickable .chart-legends li {
cursor: pointer;
user-select: none; }
@media (max-width: 543px) {
.tm-js-chart.legends-left .chart-wrap, .tm-js-chart.legends-right .chart-wrap {
display: block; }
.tm-js-chart.legends-left .chart-wrap .chart-canvas,
.tm-js-chart.legends-left .chart-wrap .chart-legends, .tm-js-chart.legends-right .chart-wrap .chart-canvas,
.tm-js-chart.legends-right .chart-wrap .chart-legends {
width: 100%; }
.tm-js-chart.legends-left .chart-wrap .chart-legends, .tm-js-chart.legends-right .chart-wrap .chart-legends {
padding: 40px 0 0; } }
.tm-contact-form-7-box .wpcf7-form br {
display: none; }
.tm-contact-form-7-box .form-item {
position: relative; }
.tm-contact-form-7-box .form-item.has-icon .wpcf7-text,
.tm-contact-form-7-box .form-item.has-icon .wpcf7-date {
padding-right: 40px; }
.tm-contact-form-7-box .form-icon {
font-size: 18px;
color: #ccc;
position: absolute;
top: 14px;
right: 17px;
line-height: 0; }
.tm-contact-form-7-box .wpcf7-form-control-wrap {
display: block;
margin-bottom: 30px; }
.tm-contact-form-7-box .wpcf7-textarea {
height: 150px; }
.tm-contact-form-7-box .ajax-loader {
display: none !important; }
.tm-contact-form-7-box .wpcf7-submit {
display: block;
margin: 47px auto 0; }
.tm-contact-form-7-box.style-01 {
background: #fff;
padding: 60px 50px; }
.tm-contact-form-7-box.style-01 input[type='text'],
.tm-contact-form-7-box.style-01 input[type='email'],
.tm-contact-form-7-box.style-01 input[type='tel'],
.tm-contact-form-7-box.style-01 select,
.tm-contact-form-7-box.style-01 textarea {
border-width: 0;
border-bottom-width: 1px;
padding-left: 0;
padding-right: 0;
height: 44px; }
.tm-contact-form-7-box.style-01 input[type='text']:focus,
.tm-contact-form-7-box.style-01 input[type='email']:focus,
.tm-contact-form-7-box.style-01 input[type='tel']:focus,
.tm-contact-form-7-box.style-01 select:focus,
.tm-contact-form-7-box.style-01 textarea:focus {
color: #222; }
.tm-contact-form-7-box.style-01 textarea {
height: 87px; }
.tm-contact-form-7-box.style-01 .form-left-icon input[type='text'],
.tm-contact-form-7-box.style-01 .form-left-icon input[type='email'],
.tm-contact-form-7-box.style-01 .form-left-icon input[type='tel'] {
padding-left: 35px; }
.tm-contact-form-7-box.style-01 .form-left-icon input[type='text'],
.tm-contact-form-7-box.style-01 .form-left-icon input[type='email'],
.tm-contact-form-7-box.style-01 .form-left-icon input[type='tel'] {
padding-right: 35px; }
.tm-contact-form-7-box.style-01 .form-icon {
left: 0;
right: auto;
top: 24px;
z-index: 2;
font-size: 20px;
color: #888; }
.tm-contact-form-7-box.style-01 .wpcf7-form-control-wrap {
position: relative;
margin-bottom: 30px;
z-index: 1; }
.tm-contact-form-7-box.style-01 .wpcf7-form-control-wrap:hover:after {
width: 100%;
left: 0;
right: auto; }
.tm-contact-form-7-box.style-01 .wpcf7-form-control-wrap:after {
content: '';
width: 0;
height: 2px;
bottom: 0;
position: absolute;
left: auto;
right: 0;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; }
.tm-contact-form-7-box.style-01 .form-title {
font-size: 48px;
text-align: center;
line-height: 1.25;
margin-bottom: 21px; }
.tm-contact-form-7-box.style-01 .form-description {
line-height: 1.72;
text-align: center;
margin-bottom: 50px; }
.tm-contact-form-7-box.style-01 .wpcf7-submit {
margin: 15px auto 0; }
@media (max-width: 1199px) {
.tm-contact-form-7-box.style-01 .form-title {
font-size: 42px; } }
@media (max-width: 991px) {
.tm-contact-form-7-box.style-01 .form-title {
font-size: 36px; } }
.wpcf7 .wpcf7-response-output {
margin: 30px 0 0;
padding: 15px 20px;
border: 0;
color: #fff; }
.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 .form-item {
position: relative; }
.tm-contact-form-7 .form-item.has-icon .wpcf7-text,
.tm-contact-form-7 .form-item.has-icon .wpcf7-date {
padding-right: 40px; }
.tm-contact-form-7 .form-icon {
font-size: 18px;
color: #ccc;
position: absolute;
top: 14px;
right: 17px;
line-height: 0; }
.tm-contact-form-7 .wpcf7-form-control-wrap {
display: block;
margin-bottom: 30px; }
.tm-contact-form-7 .wpcf7-textarea {
height: 150px; }
.tm-contact-form-7 .ajax-loader {
display: none !important; }
.tm-contact-form-7 .wpcf7-submit {
display: block;
margin: 47px auto 0; }
.tm-contact-form-7.style-02 .wpcf7-submit {
margin: 0;
width: 100%; }
.tm-contact-form-7.style-03 input[type='text'],
.tm-contact-form-7.style-03 input[type='email'],
.tm-contact-form-7.style-03 input[type='tel'],
.tm-contact-form-7.style-03 select,
.tm-contact-form-7.style-03 textarea {
border: 0;
border-bottom: 2px solid #ddd;
background: none;
padding-left: 0;
padding-right: 0;
height: 50px; }
.tm-contact-form-7.style-03 input[type='text']:focus,
.tm-contact-form-7.style-03 input[type='email']:focus,
.tm-contact-form-7.style-03 input[type='tel']:focus,
.tm-contact-form-7.style-03 select:focus,
.tm-contact-form-7.style-03 textarea:focus {
color: #222; }
.tm-contact-form-7.style-03 textarea {
height: 120px; }
.tm-contact-form-7.style-03 .form-left-icon input[type='text'],
.tm-contact-form-7.style-03 .form-left-icon input[type='email'],
.tm-contact-form-7.style-03 .form-left-icon input[type='tel'] {
padding-left: 35px; }
.tm-contact-form-7.style-03 .form-left-icon input[type='text'],
.tm-contact-form-7.style-03 .form-left-icon input[type='email'],
.tm-contact-form-7.style-03 .form-left-icon input[type='tel'] {
padding-right: 35px; }
.tm-contact-form-7.style-03 .form-icon {
left: 0;
right: auto;
top: 24px;
z-index: 2;
font-size: 20px;
color: #888; }
.tm-contact-form-7.style-03 .wpcf7-form-control-wrap {
position: relative;
margin-bottom: 30px;
z-index: 1; }
.tm-contact-form-7.style-03 .wpcf7-form-control-wrap:hover:after {
width: 100%;
left: 0;
right: auto; }
.tm-contact-form-7.style-03 .wpcf7-form-control-wrap:after {
content: '';
width: 0;
height: 2px;
bottom: 0;
position: absolute;
left: auto;
right: 0;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; }
.tm-contact-form-7.style-03 .form-actions {
display: flex;
margin-top: 19px; }
.tm-contact-form-7.style-03 .form-description {
flex-grow: 1;
line-height: 1.63;
margin-right: 110px; }
.tm-contact-form-7.style-03 .form-submit {
flex-shrink: 0; }
.tm-contact-form-7.style-03 .wpcf7-submit {
margin: 35px 0 0 0; }
@media (max-width: 767px) {
.tm-contact-form-7.style-03 .form-actions {
display: block;
margin-top: 0; }
.tm-contact-form-7.style-03 .form-description {
margin-right: 0;
margin-bottom: 30px; } }
.tm-mailchimp-form .form-title,
.tm-mailchimp-form .form-description {
display: none; }
.tm-mailchimp-form input[type='email']::-webkit-input-placeholder {
color: inherit; }
.tm-mailchimp-form input[type='email']:-moz-placeholder {
color: inherit; }
.tm-mailchimp-form input[type='email']::-moz-placeholder {
color: inherit; }
.tm-mailchimp-form input[type='email']:-ms-input-placeholder {
color: inherit; }
.tm-mailchimp-form .button-icon:before {
content: '\f0e0'; }
.tm-mailchimp-form.style-01 .form-item-wrap {
position: relative; }
.tm-mailchimp-form.style-01 input[type='email'] {
padding-right: 65px; }
.tm-mailchimp-form.style-01 .form-submit {
border: 0 !important;
border-radius: 0;
background: transparent;
position: absolute;
top: 0;
right: 0;
width: 62px;
height: 62px;
line-height: 62px;
padding: 0;
box-shadow: none;
transform: none;
font-size: 18px;
text-align: right; }
.tm-mailchimp-form.style-01 .form-submit-text {
display: none; }
.tm-mailchimp-form.style-01 .button-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.tm-mailchimp-form.style-01 .form-description {
color: #fff;
margin-top: 24px; }
.tm-mailchimp-form.style-01 .button-text {
display: none; }
.tm-mailchimp-form.style-02 .form-item-wrap {
position: relative; }
.tm-mailchimp-form.style-02 input[type='email'] {
padding-right: 110px; }
.tm-mailchimp-form.style-02 input[type='email']:focus {
border-color: #fff; }
.tm-mailchimp-form.style-02 .form-submit {
border: 0 !important;
border-radius: 0;
background: transparent;
position: absolute;
top: 0;
right: 0;
padding: 0;
box-shadow: none;
transform: none;
height: 55px;
line-height: 55px;
font-size: 18px;
text-align: right; }
.tm-mailchimp-form.style-02 .form-submit-text {
display: none; }
.tm-mailchimp-form.style-02 .form-description {
color: #fff;
margin-top: 24px; }
.tm-mailchimp-form.style-02 .button-icon {
display: none; }
.tm-mailchimp-form.style-03 .form-item-wrap {
position: relative; }
.tm-mailchimp-form.style-03 input[type='email'] {
padding-left: 0;
padding-right: 65px;
height: 46px;
border: 0;
border-bottom: 2px solid rgba(255, 255, 255, 0.23);
background: transparent; }
.tm-mailchimp-form.style-03 input[type='email']:focus {
color: #fff; }
.tm-mailchimp-form.style-03 .form-submit {
border: 0 !important;
border-radius: 0;
background: transparent;
position: absolute;
top: 0;
right: 0;
width: 46px;
height: 100%;
padding: 0;
box-shadow: none;
transform: none; }
.tm-mailchimp-form.style-03 .form-submit:hover {
color: #fff; }
.tm-mailchimp-form.style-03 .form-submit-text {
display: none; }
.tm-mailchimp-form.style-03 .button-icon {
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
font-size: 12px; }
.tm-mailchimp-form.style-03 .button-icon:before {
content: '\f061'; }
.tm-mailchimp-form.style-03 .form-description {
color: #fff;
margin-top: 24px; }
.tm-mailchimp-form.style-03 .button-text {
display: none; }
.tm-mailchimp-form.style-04 .form-item-wrap {
position: relative; }
.tm-mailchimp-form.style-04 input[type='email'] {
padding-left: 0;
padding-right: 35px;
height: 56px;
border: 0;
border-bottom: 2px solid rgba(255, 255, 255, 0.07);
background: transparent;
font-size: 30px;
color: #fff;
text-align: center; }
.tm-mailchimp-form.style-04 input[type='email']:focus {
color: #fff; }
.tm-mailchimp-form.style-04 .form-submit {
border: 0 !important;
border-radius: 0;
background: transparent;
position: absolute;
top: 0;
right: 0;
width: 46px;
height: 100%;
padding: 0;
box-shadow: none;
transform: none;
font-size: 24px;
text-align: right; }
.tm-mailchimp-form.style-04 .form-submit:hover {
color: #fff; }
.tm-mailchimp-form.style-04 .form-submit-text {
display: none; }
.tm-mailchimp-form.style-04 .button-icon {
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
font-size: 12px; }
.tm-mailchimp-form.style-04 .button-icon:before {
content: '\f061'; }
.tm-mailchimp-form.style-04 .form-description {
color: #fff;
margin-top: 24px; }
.tm-mailchimp-form.style-04 .button-text {
display: none; }
.tm-mailchimp-form.style-05 {
text-align: center; }
.tm-mailchimp-form.style-05 input[type='email'] {
margin-bottom: 60px; }
.tm-mailchimp-form.style-05 .form-submit {
border: 2px solid rgba(79, 50, 48, 0.17);
background-color: transparent; }
.tm-mailchimp-form.style-05 .form-submit i {
display: none; }
.tm-mailchimp-form.style-05 .form-submit:hover {
color: #fff; }
.tm-mailchimp-form.style-05 .button-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.tm-mailchimp-form.style-05 .form-description {
color: #fff;
margin-top: 24px; }
.tm-mailchimp-form.style-05 .button-text {
display: none; }
.tm-mailchimp-form-box .form-item-wrap {
position: relative; }
.tm-mailchimp-form-box .button-icon:before {
content: '\f0e0'; }
.tm-mailchimp-form-box.style-01 {
padding: 53px 30px 61px; }
.tm-mailchimp-form-box.style-01 .form-title {
font-size: 18px;
color: #fff;
margin-bottom: 35px; }
.tm-mailchimp-form-box.style-01 input[type='email'] {
background: #fff;
border-color: #fff !important; }
.tm-mailchimp-form-box.style-01 .button-text {
display: none; }
.tm-mailchimp-form-box.style-01 .form-submit {
position: absolute;
top: 0;
right: 0;
border: 0;
border-radius: 0;
background: transparent;
font-size: 14px;
padding: 0;
width: 62px;
height: 62px;
line-height: 62px;
box-shadow: none;
transform: none; }
.tm-mailchimp-form-box.style-02, .tm-mailchimp-form-box.style-03 {
padding: 83px 70px 85px;
background: #fff;
text-align: center; }
.tm-mailchimp-form-box.style-02 .form-title, .tm-mailchimp-form-box.style-03 .form-title {
font-size: 24px;
line-height: 1.59;
margin-bottom: 37px; }
.tm-mailchimp-form-box.style-02 input, .tm-mailchimp-form-box.style-03 input {
text-align: center; }
.tm-mailchimp-form-box.style-02 .form-submit, .tm-mailchimp-form-box.style-03 .form-submit {
display: block;
margin: 38px auto 0; }
.tm-mailchimp-form-box.style-02 .button-icon, .tm-mailchimp-form-box.style-03 .button-icon {
display: none; }
.tm-mailchimp-form-box.style-02 .form-description, .tm-mailchimp-form-box.style-03 .form-description {
display: block;
margin-top: 20px;
font-size: 12px;
line-height: 1.84;
font-style: italic; }
.tm-mailchimp-form-box.style-02 .form-item + .form-item, .tm-mailchimp-form-box.style-03 .form-item + .form-item {
margin-top: 30px; }
.tm-mailchimp-form-box.style-02 .form-item-name, .tm-mailchimp-form-box.style-03 .form-item-name {
display: block; }
.tm-mailchimp-form-box.style-02 .form-submit {
width: 100%; }
.tm-mailchimp-form-box.style-03 .form-submit {
border-radius: 40px; }
@media (max-width: 543px) {
.tm-mailchimp-form-box.style-02 {
padding: 60px 40px 55px; }
.tm-mailchimp-form-box.style-03 {
padding: 53px 40px 55px; } }
.tm-mailchimp-form-popup {
text-align: center; }
.tm-mailchimp-form-popup .subscribe-open-popup-link {
font-size: 15px;
font-weight: 700;
text-decoration: underline; }
.tm-mailchimp-form-popup .subscribe-open-popup-link:hover {
text-decoration: none; }
.mailchimp-form-popup {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 99999;
background: rgba(0, 0, 0, 0.67);
opacity: 0;
visibility: hidden;
text-align: center; }
.mailchimp-form-popup .inner {
position: absolute;
top: 50%;
left: 50%;
width: 500px;
max-width: 90%;
background: #ffffff;
border-radius: 5px;
transform: translate(-50%, -50%) scale(1.1, 1.1);
padding: 55px 35px 91px; }
.mailchimp-form-popup .form-title {
font-size: 34px;
margin-bottom: 11px;
color: #111111; }
.mailchimp-form-popup input[type='email'] {
background-color: #ffffff;
border-width: 2px;
border-color: #dddddd;
border-radius: 30px;
color: #222222;
height: 60px;
font-size: 15px;
font-weight: 700; }
.mailchimp-form-popup input[type='email']:focus {
background: #ffffff; }
.mailchimp-form-popup .form-submit {
margin-top: 22px;
width: 100%; }
.mailchimp-form-popup .form-description {
margin-bottom: 41px; }
.mailchimp-form-popup-opened {
overflow: hidden; }
.mailchimp-form-popup-opened .mailchimp-form-popup {
opacity: 1;
visibility: visible; }
.mailchimp-form-popup-opened .inner {
transform: translate(-50%, -50%) scale(1, 1); }
.mailchimp-form-popup-close {
position: absolute;
top: 14px;
right: 20px;
font-size: 26px;
color: #111111;
cursor: pointer; }
.tm-search-form .search-form {
position: relative; }
.tm-search-form .search-field {
padding: 3px 160px 3px 20px;
background: #ffffff; }
.tm-search-form .search-field::-webkit-input-placeholder {
font-weight: 500; }
.tm-search-form .search-field:-moz-placeholder { font-weight: 500; }
.tm-search-form .search-field::-moz-placeholder { font-weight: 500; }
.tm-search-form .search-field:-ms-input-placeholder {
font-weight: 500; }
.tm-search-form .search-submit {
position: absolute;
top: 0;
right: 0;
border: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
font-size: 20px;
font-weight: 700;
letter-spacing: 1.25px; }
.tm-search-form .search-submit:hover {
color: #ffffff; }
.tm-search-form .search-btn-icon {
display: none; }
.tm-search-form .search-btn-text {
display: block; }
.tm-search-form .category-wrap {
margin-top: 40px;
display: flex;
justify-content: center; }
.tm-search-form .category-label {
display: inline-block;
color: #ffffff;
margin-right: 34px;
font-size: 16px;
font-weight: 500;
margin-bottom: 10px; }
.tm-search-form .category-list {
display: inline-block; }
.tm-search-form .category-list a {
display: inline-block;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 14px;
font-weight: 700;
background: rgba(126, 126, 126, 0.3);
border-radius: 3px;
padding: 5px 15px;
margin-right: 11px;
margin-bottom: 12px; }
@media (min-width: 768px) {
.tm-search-form .search-field {
height: 64px;
padding: 3px 190px 3px 30px; }
.tm-search-form .search-submit {
min-width: 180px;
height: 64px; } }
.tm-popup-video {
position: relative; }
.tm-popup-video .video-link {
display: inline-block; }
.tm-popup-video .video-link:hover .video-play {
transform: scale3d(1.15, 1.15, 1.15); }
.tm-popup-video .video-poster {
position: relative; }
.tm-popup-video .video-play {
position: relative;
transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
border-radius: 50%;
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2); }
.tm-popup-video .video-play:hover {
transform: scale3d(1.15, 1.15, 1.15); }
.tm-popup-video .video-text {
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1.7px;
margin-top: 15px;
text-align: center; }
.tm-popup-video .video-play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
line-height: 1;
margin-left: 1px; }
.tm-popup-video .video-play-icon:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
transform: translate(-50%, -50%);
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
border-left: 15px solid #fff; }
.tm-popup-video .video-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.tm-popup-video.style-poster-01 .video-play, .tm-popup-video.style-poster-02 .video-play, .tm-popup-video.style-poster-03 .video-play {
color: #fff;
display: inline-block; }
.tm-popup-video.style-poster-01 .video-button, .tm-popup-video.style-poster-02 .video-button, .tm-popup-video.style-poster-03 .video-button {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translate(0, -50%);
text-align: center; }
.tm-popup-video.style-poster-01.poster-full-wide .video-link, .tm-popup-video.style-poster-02.poster-full-wide .video-link, .tm-popup-video.style-poster-03.poster-full-wide .video-link {
display: block; }
.tm-popup-video.style-poster-01.poster-full-wide .video-poster img, .tm-popup-video.style-poster-02.poster-full-wide .video-poster img, .tm-popup-video.style-poster-03.poster-full-wide .video-poster img {
width: 100%; }
.tm-popup-video.style-poster-01 .video-play {
width: 72px;
height: 72px; }
.tm-popup-video.style-poster-02 .video-play {
width: 90px;
height: 90px; }
.tm-popup-video.style-poster-03 .video-play {
width: 110px;
height: 110px; }
.tm-popup-video.style-poster-03 .video-play-icon:before {
border-top-width: 13px;
border-bottom-width: 13px;
border-left-width: 23px; }
.tm-popup-video.style-poster-04 .video-play {
background: #fff;
color: #222;
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.07); }
.tm-popup-video.style-poster-04 .video-button {
position: absolute;
top: 50%;
right: 100%;
transform: translate(50%, -50%); }
@media (max-width: 1199px) {
.tm-popup-video.style-poster-04 .video-button {
right: 50%; } }
.tm-popup-video.style-poster-04.poster-full-wide .video-link {
display: block; }
.tm-popup-video.style-poster-04.poster-full-wide .video-poster img {
width: 100%; }
.tm-popup-video.style-poster-04 .video-play {
width: 100px;
height: 100px; }
.tm-popup-video.style-poster-04 .video-play-icon:before {
border-top-width: 12px;
border-bottom-width: 12px;
border-left-width: 21px;
border-left-color: currentColor; }
.tm-popup-video.style-button, .tm-popup-video.style-button-03, .tm-popup-video.style-button-04, .tm-popup-video.style-button-05, .tm-popup-video.style-button-06 {
line-height: 0; }
.tm-popup-video.style-button > a, .tm-popup-video.style-button-03 > a, .tm-popup-video.style-button-04 > a, .tm-popup-video.style-button-05 > a, .tm-popup-video.style-button-06 > a {
display: inline-block;
text-align: center; }
.tm-popup-video.style-button .video-play, .tm-popup-video.style-button-03 .video-play, .tm-popup-video.style-button-04 .video-play, .tm-popup-video.style-button-05 .video-play, .tm-popup-video.style-button-06 .video-play {
display: block;
margin: 0 auto; }
.tm-popup-video.style-button .video-text, .tm-popup-video.style-button-03 .video-text, .tm-popup-video.style-button-04 .video-text, .tm-popup-video.style-button-05 .video-text, .tm-popup-video.style-button-06 .video-text {
line-height: 1.4; }
.tm-popup-video.style-button .video-play {
width: 90px;
height: 90px; }
.tm-popup-video.style-button .video-play-icon:before {
border-top-width: 11px;
border-bottom-width: 11px;
border-left-width: 19px; }
.tm-popup-video.style-button-02 .video-link {
display: block; }
.tm-popup-video.style-button-02 .video-content {
text-align: center;
position: relative; }
.tm-popup-video.style-button-02 .video-content:before, .tm-popup-video.style-button-02 .video-content:after {
content: '';
position: absolute;
top: 40px;
height: 1px;
width: calc(50% - 85px);
background: #eee; }
.tm-popup-video.style-button-02 .video-content:before {
left: 0; }
.tm-popup-video.style-button-02 .video-content:after {
right: 0; }
.tm-popup-video.style-button-02 .video-play {
display: inline-block;
width: 80px;
height: 80px;
color: #fff; }
.tm-popup-video.style-button-02 .video-play-icon:before {
border-top-width: 10px;
border-bottom-width: 10px;
border-left-width: 17px; }
.tm-popup-video.style-button-02 .video-text {
color: inherit;
margin: 16px 0 0; }
.tm-popup-video.style-button-03 .video-play {
width: 110px;
height: 110px; }
.tm-popup-video.style-button-03 .video-play-icon:before {
border-top-width: 14px;
border-bottom-width: 14px;
border-left-width: 24px; }
.tm-popup-video.style-button-04 .video-content {
display: flex;
align-items: center; }
.tm-popup-video.style-button-04 .video-play {
width: 90px;
height: 90px; }
.tm-popup-video.style-button-04 .video-text {
margin-top: 0;
margin-left: 20px; }
.tm-popup-video.style-button-04 .video-play-icon:before {
border-top-width: 9px;
border-bottom-width: 9px;
border-left-width: 15px; }
.tm-popup-video.style-button-05 .video-play {
width: 130px;
height: 130px; }
.tm-popup-video.style-button-05 .video-play-icon:before {
border-top-width: 16px;
border-bottom-width: 16px;
border-left-width: 28px; }
.tm-popup-video.style-button-06 .video-link:hover .video-play {
transform: none; }
.tm-popup-video.style-button-06 .video-link:hover .video-play:before {
transform: scale3d(1.15, 1.15, 1.15);
opacity: 0; }
.tm-popup-video.style-button-06 .video-play {
width: 130px;
height: 130px;
box-shadow: none;
background: none; }
.tm-popup-video.style-button-06 .video-play:before {
transition: all .5s;
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 50%;
background-image: linear-gradient(-142deg, #fe5b34 0%, #fe378c 100%);
z-index: 1;
opacity: .15; }
.tm-popup-video.style-button-06 .video-play:after {
position: absolute;
content: '';
width: 90px;
height: 90px;
top: 20px;
left: 20px;
border-radius: 50%;
background-image: linear-gradient(-142deg, #fe5b34 0%, #fe378c 100%);
z-index: 2; }
.tm-popup-video.style-button-06 .video-play-icon {
z-index: 3; }
.tm-popup-video.style-button-06 .video-play-icon:before {
border-top-width: 11px;
border-bottom-width: 11px;
border-left-width: 19px; }
.tm-gallery {
position: relative; }
.tm-gallery img {
width: 100%; }
.tm-gallery .caption {
display: none !important; }
.tm-gallery .gallery-item {
overflow: hidden; }
.tm-gallery .gallery-item:hover .overlay {
visibility: visible;
opacity: .9; }
.tm-gallery .gallery-item > a {
display: block;
position: relative;
width: 100%;
height: 100%; }
.tm-gallery .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden; }
.tm-gallery .overlay > div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 36px;
color: #fff; }
.tm-gallery.style-metro .item-wrapper {
position: relative;
display: flex;
align-items: stretch;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 100%;
width: 100%; }
.tm-gallery.style-metro .item-wrapper:before {
content: '';
display: block;
padding-top: 100%; }
.tm-gallery.style-metro .grid-width-2 .item-wrapper:before {
padding-top: 50%; }
.tm-gallery.style-metro .grid-height-2 .item-wrapper:before {
padding-top: 200%; }
.tm-gallery.style-metro .grid-width-2.grid-height-2 .item-wrapper:before {
padding-top: 100%; }
.tm-gallery.style-metro-02 .item-wrapper {
position: relative;
display: flex;
align-items: stretch;
background-position: center;
background-size: cover;
height: 100%;
width: 100%; }
.tm-gallery.style-metro-02 .item-wrapper:before {
content: '';
display: block;
padding-top: 67%; }
.tm-gallery.style-metro-02 .grid-width-2 .item-wrapper:before {
padding-top: 67%; }
.tm-gallery.style-metro-02 .grid-height-2 .item-wrapper:before {
padding-top: 134%; }
.tm-gallery.style-metro-02 .grid-width-2.grid-height-2 .item-wrapper:before {
padding-top: 67%; }
@media (max-width: 767px) {
.tm-gallery.style-metro .grid-width-2 .post-wrapper:before,
.tm-gallery.style-metro .grid-height-2 .post-wrapper:before {
padding-top: 100%; } }
.tm-view-demo .tm-filter-button-group {
text-align: center; }
.tm-view-demo .view-demo-title {
font-size: 46px;
padding-bottom: 30px;
margin-bottom: 35px;
border-bottom: 2px dotted #c0c0c0; }
.tm-view-demo .tm-box-icon__btn {
margin-top: 45px; }
.tm-view-demo .grid-item:hover .item-wrap {
transform: translateY(-10px); }
.tm-view-demo .thumbnail {
position: relative;
margin-bottom: 25px;
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.07); }
.tm-view-demo .thumbnail > img {
border-radius: inherit;
width: 100%; }
.tm-view-demo .heading {
font-family: inherit;
font-size: 12px;
font-weight: 700;
letter-spacing: 1.71px;
text-transform: uppercase;
line-height: 1.39;
margin-bottom: 0;
text-align: center; }
.tm-view-demo .badge {
position: absolute;
top: -15px;
right: -15px; }
@media only screen and (min-width: 1400px) {
.tm-view-demo .tm-grid-wrapper {
display: flex; }
.tm-view-demo .tm-filter-button-group {
flex: 1 0 0;
margin-right: 90px;
text-align: left; }
.tm-view-demo .tm-grid-wrapper.filter-counter-style-02 .btn-filter {
display: block;
padding: 10px 0; }
.tm-view-demo .tm-grid-wrapper.filter-counter-style-02 .btn-filter:hover .filter-counter, .tm-view-demo .tm-grid-wrapper.filter-counter-style-02 .btn-filter.current .filter-counter {
transform: translateY(-11px);
opacity: 1; }
.tm-view-demo .tm-grid-wrapper.filter-counter-style-02 .filter-counter {
display: inline-block;
position: static;
padding-left: 8px;
opacity: 0; }
.tm-view-demo .tm-grid {
flex: 3 0 0; } }
.tm-instagram {
position: relative; }
.tm-instagram br {
display: none; }
.tm-instagram:hover .instagram-user-name {
opacity: 0;
visibility: hidden;
transform: translate(-50%, -50%) scale3d(0.8, 0.8, 0.8); }
.tm-instagram .instagram-user-name {
transition: all 0.6s cubic-bezier(0, 0, 0.2, 1);
padding: 10px 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #ffffff;
box-shadow: 0 47px 30px rgba(0, 0, 0, 0.21);
font-size: 16px;
min-width: 190px;
text-align: center;
border-radius: 1px; }
.tm-instagram img {
border-radius: inherit;
width: 100%;
transition: all 1.5s cubic-bezier(0, 0, 0.2, 1); }
.tm-instagram .inner {
position: relative;
overflow: hidden; }
.tm-instagram .inner:hover .overlay {
visibility: visible;
opacity: 1; }
.tm-instagram .inner:hover img {
transform: scale3d(1.1, 1.1, 1.1); }
.tm-instagram .item-info {
position: absolute;
top: 50%;
left: 0;
width: 100%;
color: #ffffff;
text-align: center;
transform: translate(0, -50%);
margin: 0;
padding: 5px; }
.tm-instagram .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
cursor: pointer;
border-radius: inherit; }
.tm-instagram .overlay > a {
display: block;
height: 100%;
width: 100%; }
.tm-instagram .likes,
.tm-instagram .comments {
position: relative;
color: #ffffff;
font-size: 14px;
display: inline-block; }
.tm-instagram .likes:before,
.tm-instagram .comments:before {
margin-right: 4px; }
.tm-instagram .likes:before {
content: '\f004'; }
.tm-instagram .comments {
margin-left: 5px; }
.tm-instagram .comments:before {
content: '\f4ad'; }
.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 #eee; }
.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 {
content: '\f099';
font-size: 18px;
line-height: 1;
position: absolute;
top: 0;
left: 23px;
display: block; }
.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-wrap: break-word; }
.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;
font-family: Ionicons;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f242";
font-size: 39px;
margin: 0 auto 48px;
border: 2px dotted #B4ACAB;
border-radius: 50%;
background-color: #fff;
width: 105px;
height: 105px;
line-height: 105px; }
.tm-twitter.style-slider .tweet .tweet-heading {
font-size: 30px;
margin-bottom: 0; }
.tm-twitter.style-slider .tweet .tweet-username {
margin-top: 10px; }
.tm-twitter.style-slider .tweet .tweet-text {
font-size: 18px;
margin-top: 40px;
color: #4F3230; }
.tm-twitter.style-slider .tweet .tweet-text a {
color: #F6732E; }
.tm-twitter.style-slider .tweet .tweet-date {
display: block;
margin-top: 26px;
color: #888; }
.tm-twitter.style-slider .tweet + .tweet {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #eee; }
.tm-twitter.style-slider .tweet + .tweet:before {
top: 13px; }
.tm-twitter.style-list .item + .item {
margin-top: 45px; }
.tm-twitter.style-list .tweet {
position: relative;
padding-left: 31px; }
.tm-twitter.style-list .tweet:before {
content: '\f099';
position: absolute;
top: 3px;
left: 0;
font-size: 18px;
line-height: 1; }
.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 #eee; }
.tm-twitter.style-list .tweet + .tweet:before {
top: 13px; }
.tm-timeline ul {
margin: 0;
padding: 0; }
.tm-timeline .grid-item + .grid-item {
padding-top: 120px; }
.tm-timeline .grid-item:not([style*='left: 0']) .content-wrap {
float: right; }
.tm-timeline .grid-item:not([style*='left: 0']) .dot:before {
left: -12px; }
.tm-timeline .grid-item:not([style*='left: 0']) .dot:after {
left: -7px; }
.tm-timeline .grid-item:not([style*='left: 0']) .dashed:after {
right: auto;
left: 0; }
.tm-timeline .item-wrapper {
position: relative;
padding: 0 30px; }
.tm-timeline .line {
position: absolute;
left: 50%;
margin-left: -1px;
height: 100%;
border-left: 2px dashed #d8d8d8; }
.tm-timeline .dot:before {
content: '';
position: absolute;
top: 50%;
right: -12px;
width: 24px;
height: 24px;
opacity: .3;
border-radius: 50%;
transform: translateY(-50%); }
.tm-timeline .dot:after {
content: '';
width: 14px;
height: 14px;
border-radius: 50%;
position: absolute;
top: 50%;
right: -7px;
transform: translateY(-50%); }
.tm-timeline .dashed:after {
content: '';
width: calc(100% - 30px);
border-top: 2px dashed #d8d8d8;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%); }
.tm-timeline .content-wrap {
position: relative;
overflow: hidden;
width: 400px;
max-width: 100%; }
.tm-timeline .content-header {
display: flex;
align-items: center; }
.tm-timeline.style-01 .content-wrap {
background: #fff;
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.07); }
.tm-timeline.style-01 .content-body {
padding: 20px; }
.tm-timeline.style-01 .date {
padding: 26px 30px;
font-size: 24px;
line-height: 1.4;
font-weight: bold;
text-align: center;
border-right: 1px solid rgba(255, 255, 255, 0.15);
margin-bottom: 0; }
.tm-timeline.style-01 .month {
color: #fff; }
.tm-timeline.style-01 .heading {
font-weight: 700;
font-size: 24px;
padding: 10px 20px;
margin-bottom: 0;
line-height: 1.4;
color: #fff; }
.tm-timeline.style-01 .photo {
margin-bottom: 20px; }
.tm-timeline.style-01 .photo img {
width: 100%; }
.tm-timeline.style-01 .text {
margin-bottom: 25px; }
.tm-timeline.style-02 .content-wrap {
background-color: #fff;
padding: 20px;
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.07); }
.tm-timeline.style-02 .photo {
margin-bottom: 36px; }
.tm-timeline.style-02 .photo img {
width: 100%; }
.tm-timeline.style-02 .heading {
font-size: 24px;
margin-bottom: 17px; }
.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 (max-width: 1199px) {
.tm-timeline.style-01 .date {
font-size: 20px; }
.tm-timeline.style-01 .heading {
font-size: 20px; }
.tm-timeline.style-01 .grid-item:not([style*='left: 0']) .year {
left: -25px; } }
@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 70px; }
.tm-timeline.style-01 .line {
left: 26px; }
.tm-timeline.style-01 .dot:before {
left: 14px;
right: auto; }
.tm-timeline.style-01 .dot:after {
left: 19px;
right: auto; }
.tm-timeline.style-01 .dashed:after {
left: 25px !important;
right: auto; }
.tm-timeline.style-01 .content-wrap {
float: right; } }
.tm-blockquote.style-02 blockquote {
margin: 37px 0 44px 0 !important; }
.tm-drop-cap {
margin-bottom: 70px; }
.tm-drop-cap.style-01 .drop-cap {
float: left;
font-weight: 600;
font-size: 48px;
line-height: 33px;
padding-right: 10px; }
.tm-drop-cap.style-02 {
font-size: 32px;
font-weight: 600;
line-height: 1.875; }
.tm-drop-cap.style-02 .drop-cap {
float: left;
font-size: 56px;
line-height: 60px;
padding-right: 7px; }
.tm-text-box .heading {
margin-bottom: 21px;
font-size: 24px; }
.tm-text-box.style-01 {
padding: 50px 35px 61px;
background: #eee; }
.tm-text-box.style-02 {
padding: 50px 35px 61px;
border: 1px solid #ddd; }
.tm-text-box.style-03, .tm-text-box.style-04 {
padding: 50px 40px 61px;
color: #fff; }
.tm-text-box.style-03 .heading, .tm-text-box.style-04 .heading {
color: inherit; }
.tm-text-box.style-04 {
background: #222; }
.tm-maps {
position: relative; }
.tm-maps .map {
height: 100px; }
.gmap-marker-wrap {
padding: 20px; }
.gmap-marker-title {
font-size: 24px;
line-height: 1.39;
margin-bottom: 14px; }
.tm-maps.marker-style-signal .animated-dot {
position: relative;
width: 20px;
height: 20px; }
.tm-maps.marker-style-signal .animated-dot .middle-dot {
width: 14px;
height: 14px;
border-radius: 50%;
position: absolute;
top: 3px;
left: 3px;
animation-fill-mode: forwards;
animation-iteration-count: infinite; }
.tm-maps.marker-style-signal .animated-dot .middle-dot:after {
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
content: ' ';
background-color: #fff;
border-radius: 50%;
z-index: 100;
opacity: 0;
transform-origin: 50% 50%; }
.tm-maps.marker-style-signal .animated-dot .signal {
pointer-events: none;
width: 100px;
height: 100px;
border-radius: 50%;
position: absolute;
left: -40px;
top: -40px;
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.marker-style-signal .animated-dot .signal2 {
width: 100px;
height: 100px;
pointer-events: none;
border-radius: 50%;
position: absolute;
left: -40px;
top: -40px;
opacity: 0;
animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
transform-origin: 50% 50%;
animation-fill-mode: forwards;
animation-delay: 1.1s;
animation-iteration-count: infinite; }
.tm-maps .gmap-info-wrapper .gmap-info-template {
display: none; }
.tm-maps .gmap-info-template-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.tm-maps .gmap-info-template {
position: absolute;
bottom: 100%;
right: 50%;
width: 470px;
transform: translate(150px, 15px);
padding-bottom: 40px; }
.tm-maps .gmap-info-template .gmap-info-content {
display: flex;
align-items: center;
background: #fff;
padding: 25px 30px;
box-shadow: 0 30px 30px rgba(0, 0, 0, 0.12); }
.tm-maps .gmap-info-template .gmap-info-content:before {
content: '';
position: absolute;
bottom: 25px;
right: 130px;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 25px solid #fff; }
.tm-maps .gmap-info-template .info-image {
flex-shrink: 0;
margin-right: 30px; }
.tm-maps .gmap-info-template .info-main {
flex-grow: 1; }
.tm-maps .gmap-info-template .gmap-marker-content {
font-size: 14px;
line-height: 1.79; }
.tm-maps .gmap-info-template .gmap-marker-content a {
color: #222; }
@keyframes animationSignal {
0% {
opacity: 0;
transform: scale(0); }
1% {
opacity: .14; }
20% {
opacity: .14; }
60% {
transform: scale(1);
opacity: 0; } }
.tm-services-list.style-01 .service-item {
display: flex;
align-items: center; }
.tm-services-list.style-01 .service-item + .service-item {
margin-top: 100px; }
.tm-services-list.style-01 .service-image {
flex-shrink: 0;
max-width: 40%; }
.tm-services-list.style-01 .service-info {
flex-grow: 1;
padding: 0 30px;
max-width: 890px; }
.tm-services-list.style-01 .service-name {
margin-bottom: 36px; }
.tm-services-list.style-02 .service-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px; }
.tm-services-list.style-02 .service-item:hover .blend-image {
transform: translate(-10px, 0); }
.tm-services-list.style-02 .service-item:hover .blend-bg {
transform: translate(10px, -20px);
opacity: 1; }
.tm-services-list.style-02 .service-image {
width: 100%;
padding: 0 10px;
margin-top: 20px; }
.tm-services-list.style-02 .service-image .inner {
position: relative;
display: inline-block; }
.tm-services-list.style-02 .service-image img {
visibility: hidden;
opacity: 0;
width: 100%; }
.tm-services-list.style-02 .service-image .blend-bg,
.tm-services-list.style-02 .service-image .blend-image {
position: absolute;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.tm-services-list.style-02 .service-image .blend-image {
background-size: cover; }
.tm-services-list.style-02 .service-image .blend-bg {
opacity: 0;
background-color: #d0021b;
mix-blend-mode: multiply;
transform: translate(10px, -10px); }
.tm-services-list.style-02 .service-name {
position: relative;
font-size: 18px;
line-height: 1.39;
margin-bottom: 31px; }
.tm-services-list.style-02 .service-name:before {
content: '';
position: absolute;
top: 11px;
left: -70px;
width: 50px;
height: 3px;
background: currentColor; }
.tm-services-list.style-02 .service-info {
padding: 44px 30px 10px 70px; }
@media (min-width: 1200px) {
.tm-services-list.style-01 .service-info {
padding-left: 130px;
padding-right: 100px; } }
@media (max-width: 543px) {
.tm-services-list.style-01 .service-item {
display: block; }
.tm-services-list.style-01 .service-image {
max-width: 100%; }
.tm-services-list.style-01 .service-image img {
width: 100%; }
.tm-services-list.style-01 .service-info {
padding-top: 30px; } }
.tm-problem-solution .ps-label {
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
font-size: 13px;
margin-bottom: 13px; }
.tm-problem-solution .name {
font-size: 24px;
line-height: 1.33;
margin-bottom: 23px; }
.tm-problem-solution .problem {
text-align: right; }
.tm-problem-solution .image {
text-align: center; }
@media (max-width: 767px) {
.tm-problem-solution .problem {
margin-bottom: 30px;
text-align: left; }
.tm-problem-solution .solution {
margin-top: 30px; } }
.tm-product.style-grid .product-wrapper {
position: relative; }
.tm-product.style-grid .product-wrapper:hover .product-action {
opacity: 1;
visibility: visible;
transform: translateY(0); }
.tm-product.style-grid .product-wrapper:hover .thumbnail img {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); }
.tm-product.style-grid .product-wrapper:hover .product-hover-image {
z-index: 9;
opacity: 1;
visibility: visible;
transform: translateY(0); }
.tm-product.style-grid .product-thumbnail {
position: relative;
margin-bottom: 28px; }
.tm-product.style-grid .thumbnail {
position: relative; }
.tm-product.style-grid .thumbnail img {
width: 100%; }
.tm-product.style-grid .product-hover-image {
transition: all .6s;
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
transform: translateY(10px); }
.tm-product.style-grid .product-actions {
position: absolute;
left: 0;
bottom: 40px;
width: 100%;
z-index: 99;
text-align: center; }
.tm-product.style-grid .product-action {
transition: all .3s ease-in-out;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
display: inline-block;
padding: 5px;
margin: 0 !important; }
.tm-product.style-grid .product-action + .product-action {
transition-delay: .08s; }
.tm-product.style-grid .product-action + .product-action + .product-action {
transition-delay: .16s; }
.tm-product.style-grid .product-action + .product-action + .product-action + .product-action {
transition-delay: .24s; }
.tm-product.style-grid .product-action > a:hover {
transform: translateY(-3px); }
.tm-product.style-grid .woocommerce_loop_add_to_cart_wrap a,
.tm-product.style-grid .woosw-btn,
.tm-product.style-grid .wooscp-btn {
position: relative;
display: block;
width: 60px;
height: 60px;
line-height: 85px;
border-radius: 0;
color: #4F3230;
font-size: 0 !important;
padding: 0 !important;
background: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
border: 0;
text-align: center; }
.tm-product.style-grid .woocommerce_loop_add_to_cart_wrap a:hover,
.tm-product.style-grid .woosw-btn:hover,
.tm-product.style-grid .wooscp-btn:hover {
color: #fff !important; }
.tm-product.style-grid .woocommerce_loop_add_to_cart_wrap a:before,
.tm-product.style-grid .woosw-btn:before,
.tm-product.style-grid .wooscp-btn:before {
font-size: 18px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
line-height: 60px;
text-align: center; }
.tm-product.style-grid .added_to_cart {
display: none !important; }
.tm-product.style-grid .woocommerce_loop_add_to_cart_wrap .button:before {
content: '\f290'; }
.tm-product.style-grid .product_type_simple.add_to_cart_button:before {
content: '\f290'; }
.tm-product.style-grid .product_type_simple.add_to_cart_button:after {
display: none; }
.tm-product.style-grid .product_type_simple:before {
content: '\f290'; }
.tm-product.style-grid .product_type_variable:before {
content: '\f290'; }
.tm-product.style-grid .compare-btn a:before {
content: '\f3f1'; }
.tm-product.style-grid .woosw-btn:before {
content: '\f004'; }
.tm-product.style-grid .woosw-btn.woosw-added:before {
content: '\f004';
margin: 0;
line-height: 60px; }
.tm-product.style-grid .add_to_cart_button.loading:before {
-webkit-animation: load-spin 1s linear infinite !important;
animation: load-spin 1s linear infinite !important;
content: '\f3f4'; }
.tm-product.style-grid .woosw-adding:before,
.tm-product.style-grid .wooscp-btn-adding:before {
animation: load-spin 1s linear infinite !important;
content: '\f3f4' !important; }
.tm-product.style-grid .product-info {
text-align: center; }
.tm-product.style-grid .woocommerce-loop-product__title {
font-size: 20px;
line-height: 1.4;
margin-bottom: 10px; }
.tm-product.style-grid .woocommerce-loop-product__title a {
color: inherit; }
.tm-product.style-grid .star-rating {
margin: 0 auto 13px; }
.tm-product.style-grid div.product .amount,
.tm-product.style-grid div.product p.price,
.tm-product.style-grid div.product span.price {
font-size: 16px !important;
font-weight: 400 !important; }
body:not(.wpb-js-composer) .tm-product.style-grid .tm-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 50px; }
@media (max-width: 1199px) {
body:not(.wpb-js-composer) .tm-product.style-grid .tm-grid {
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px; } }
@media (max-width: 991px) {
body:not(.wpb-js-composer) .tm-product.style-grid .tm-grid {
grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 543px) {
body:not(.wpb-js-composer) .tm-product.style-grid .tm-grid {
grid-template-columns: repeat(1, 1fr); } }
.tm-product-categories.style-carousel .cat-wrapper {
position: relative; }
.tm-product-categories.style-carousel .cat-wrapper:hover .cat-thumbnail img {
transform: scale(1.15); }
.tm-product-categories.style-carousel .cat-thumbnail {
overflow: hidden;
border-radius: 5px; }
.tm-product-categories.style-carousel .cat-thumbnail img {
transition: all 1s cubic-bezier(0, 0, 0.2, 1);
width: 100%; }
.tm-product-categories.style-carousel .cat-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 30px 40px 45px;
font-size: 14px;
box-sizing: border-box; }
.tm-product-categories.style-carousel .cat-title {
color: #ffffff;
font-size: 40px;
font-weight: 900;
margin-bottom: 7px; }
.tm-product-categories.style-carousel .cat-title a {
color: inherit; }
.tm-product-categories.style-carousel .cat-count {
text-transform: uppercase;
font-size: 16px;
letter-spacing: 3.56px;
font-weight: 700;
color: rgba(69, 69, 69, 0.3); }
.tm-product-search-form form {
position: relative; }
.tm-product-search-form .search-field {
padding: 3px 160px 3px 20px;
background: #ffffff; }
.tm-product-search-form .search-field::-webkit-input-placeholder {
font-weight: 500; }
.tm-product-search-form .search-field:-moz-placeholder { font-weight: 500; }
.tm-product-search-form .search-field::-moz-placeholder { font-weight: 500; }
.tm-product-search-form .search-field:-ms-input-placeholder {
font-weight: 500; }
.tm-product-search-form .search-submit {
position: absolute;
top: 0;
right: 0;
border: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
font-size: 20px;
font-weight: 700;
letter-spacing: 1.25px; }
.tm-product-search-form .search-submit:hover {
color: #ffffff; }
.tm-product-search-form .search-btn-icon {
display: none; }
.tm-product-search-form .search-btn-text {
display: block; }
@media (min-width: 768px) {
.tm-product-search-form .search-field {
height: 64px;
padding: 3px 190px 3px 30px; }
.tm-product-search-form .search-submit {
min-width: 180px;
height: 64px; } }
.tm-rotate-box {
position: relative;
text-align: center; }
.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;
border-radius: 5px;
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 .back {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.tm-rotate-box .back .content-wrap {
top: 50%;
left: 0;
transform: translate3d(0, -50%, 50px) scale(0.9); }
.tm-rotate-box .content-wrap {
position: absolute;
width: 100%;
display: block;
transform-style: preserve-3d;
perspective: inherit;
backface-visibility: hidden;
padding: 50px 30px;
z-index: 2;
top: 50%;
left: 0;
transform: translate3d(0, -50%, 50px) scale(0.9); }
.tm-rotate-box .heading {
font-size: 24px;
color: #ffffff;
margin-bottom: 0; }
.tm-rotate-box .text {
color: rgba(255, 255, 255, 0.55);
margin: 32px auto 0;
max-width: 420px; }
.tm-rotate-box .tm-button {
margin-top: 78px;
color: #ffffff; }
.tm-custom-menu .widget {
margin: 0 !important; }
.tm-custom-menu .menu-item:hover .menu-item-title:after {
width: 100%;
left: 0;
right: auto; }
.tm-custom-menu .menu-item-title {
position: relative;
display: inline-block;
overflow: hidden;
z-index: 1; }
.tm-custom-menu .menu-item-title: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; }
.tm-custom-menu.style-02 .menu {
margin: -8px -15px 0; }
.tm-custom-menu.style-02 .menu > li {
width: 50%;
padding: 0 15px;
float: left; }
.tm-custom-menu.style-03 .menu {
margin: -5px -12px; }
.tm-custom-menu.style-03 .menu > li {
display: inline-block;
vertical-align: top;
padding: 5px 12px; }
.tm-custom-menu.align-center {
text-align: center; }
.tm-custom-menu.align-right {
text-align: right; }
.tm-grid-group {
display: flex; }
.tm-grid-group .tm-box-icon,
.tm-grid-group .tm-pricing {
height: 100%;
margin-bottom: 0; }
.tm-grid-group .tm-grid {
width: 100%;
max-width: 100%; }
.tm-grid-group .grid-item {
width: 100%; }
.tm-grid-group.style-border .grid-item:after {
position: absolute;
content: '';
right: 0;
top: 0;
bottom: 0;
background: #eeeeee;
width: 1px; }
.tm-grid-group.style-border .grid-item:last-child:after {
display: none; }
.tm-grid-group.style-border-rounded .tm-grid {
border: 1px solid rgba(238, 238, 238, 0.17);
border-radius: 10px;
overflow: hidden; }
.tm-grid-group.style-border-rounded .grid-item:after {
position: absolute;
content: '';
left: -1px;
top: -1px;
right: -1px;
bottom: -1px;
border: 1px solid rgba(238, 238, 238, 0.17);
pointer-events: none; }
.tm-grid-group.style-rounded {
border-radius: 10px;
overflow: hidden; }
@-webkit-keyframes separator-bounce {
0%,
80%,
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5); }
40% {
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes separator-bounce {
0%,
80%,
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5); }
40% {
-webkit-transform: scale(1);
transform: scale(1); } }
.tm-separator {
line-height: 0;
font-size: 0; }
.tm-separator.style-thin-line {
border-bottom: 1px solid #ddd; }
.tm-separator.style-thick-line {
border-bottom: 2px solid #ddd; }
.tm-separator.style-dash-line {
border-bottom: 1px dashed #ddd; }
.tm-separator.style-thin-short-line .separator-wrap, .tm-separator.style-thick-short-line .separator-wrap {
display: inline-block;
height: 2px;
width: 120px;
background: #222; }
.tm-separator.style-thick-short-line .separator-wrap {
height: 3px; }
.tm-separator.style-modern-dots.clickable .separator-wrap {
cursor: pointer; }
.tm-separator.style-modern-dots .separator-wrap {
display: inline-block;
padding: 3px 10px; }
.tm-separator.style-modern-dots .dot {
border-radius: 50%;
box-shadow: 0 0 12px #def0ff;
background: #000;
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-separator.style-modern-dots-02.clickable .separator-wrap {
cursor: pointer; }
.tm-separator.style-modern-dots-02 .separator-wrap {
display: inline-block;
padding: 3px 10px; }
.tm-separator.style-modern-dots-02 .dot {
border-radius: 50%;
box-shadow: 0 0 12px #def0ff;
background: #000;
animation: separator-bounce 1.4s ease-in-out 0s infinite both;
width: 20px;
height: 20px; }
.tm-separator.style-modern-dots-02 .second-circle {
margin-top: 15px;
animation-delay: -.16s; }
.tm-separator.style-modern-dots-02 .third-circle {
margin-top: 14px;
animation-delay: -.32s; }
.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-message-box {
background: #eee;
padding: 37px 30px 37px 70px; }
.tm-message-box p:last-child {
margin-bottom: 0; }
.tm-message-box .icon {
position: absolute;
top: 40px;
left: 35px;
font-size: 20px;
line-height: 1;
color: #222; }
.tm-message-box.style-info {
color: #5e7f96;
background: #dff2fe; }
.tm-message-box.style-info .icon {
color: inherit; }
.tm-message-box.style-warning {
color: #d0021b;
background: #f9e2e5; }
.tm-message-box.style-warning .icon {
color: inherit; }
.tm-message-box.style-error {
color: #fff;
background: #4F3230; }
.tm-message-box.style-error .icon {
color: inherit; }
.tm-message-box.style-success {
background: #edf9e1;
color: #6ca928; }
.tm-message-box.style-success .icon {
color: inherit; }
.tm-spacer {
clear: both; }
.tm-attribute-list .list {
padding: 0;
margin: 0; }
.tm-attribute-list .attribute-gutter {
display: inline-block;
width: 30px; }
.tm-attribute-list.style-01 .list {
display: table;
width: 100%; }
.tm-attribute-list.style-01 .item {
list-style-type: none;
display: table-row; }
.tm-attribute-list.style-01 .item div {
display: table-cell;
padding: 12px 0; }
.tm-attribute-list.style-01 .content-wrap {
padding: 52px 30px 54px;
background: #fff;
border: 1px solid #eee;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
border-radius: 10px; }
.tm-attribute-list.style-01 .list {
border-collapse: collapse; }
.tm-attribute-list.style-01 .item {
border-bottom: 1px solid #eee; }
.tm-attribute-list.style-01 .name {
color: #777; }
.tm-attribute-list.style-01 .value {
font-weight: 700;
text-align: right;
color: #111; }
.tm-attribute-list.style-01.skin-dark .content-wrap {
background: #1c1c1c;
border-color: transparent;
box-shadow: none; }
.tm-attribute-list.style-01.skin-dark .item {
border-color: rgba(238, 238, 238, 0.05); }
.tm-attribute-list.style-01.skin-dark .value {
color: #fff; }
.tm-attribute-list.style-02 .item {
position: relative;
list-style-type: none;
border-bottom: 1px solid #eee;
padding: 11px 0 11px 17px; }
.tm-attribute-list.style-02 .item:before {
content: '';
position: absolute;
top: 24px;
left: 0;
width: 5px;
height: 5px;
border-radius: 50%; }
.tm-attribute-list.style-02 .name {
font-weight: 700;
float: left;
margin-right: 5px;
padding: 2px 0;
color: #111; }
.tm-attribute-list.style-02 .value {
float: left;
padding: 2px 0; }
.tm-attribute-list.style-02.skin-light .name {
color: #fff; }
.tm-attribute-list.style-02.skin-light .item {
border-color: rgba(255, 255, 255, 0.2); }
.tm-image .caption-image {
font-size: 12px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase; }
.tm-image.caption-positon-left {
position: relative; }
.tm-image.caption-positon-left .caption-image {
position: absolute;
right: calc(100% + 20px);
top: 0;
writing-mode: vertical-rl; }
.tm-image.caption-positon-right .caption-image {
position: absolute;
left: calc(100% + 20px);
top: 0;
writing-mode: vertical-rl; }
.tm-image.caption-positon-top .caption-image {
margin-bottom: 20px; }
.tm-image.caption-positon-bottom .caption-image {
margin-top: 20px; }
.vc_row {
position: relative;
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; }
.vc_row-o-full-height.vc_row-o-columns-stretch > .vc_column_container > .vc_column-inner > .wpb_wrapper {
height: 100%; }
.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; }
.constellation-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden; }
.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: 150px;
width: 1px;
background: rgba(238, 238, 238, 0.26); }
@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-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_row-separator.square {
width: auto;
left: 50%; }
.vc_row-separator.square svg {
width: auto; }
.vc_row-separator.square.top {
transform: translate(-50%, -50%); }
.vc_row-separator.square.bottom {
transform: translate(-50%, 50%); }
.vc_progress_bar .vc_single_bar_wrapper + .vc_single_bar_wrapper {
margin-top: 42px; }
.vc_progress_bar .vc_single_bar_title {
margin-bottom: 13px;
font-size: 12px;
font-weight: 700;
letter-spacing: 1.71px;
text-transform: uppercase; }
.vc_progress_bar .vc_single_bar_title .vc_label_units {
float: right;
font-size: 16px;
font-weight: 400;
letter-spacing: 0; }
.vc_progress_bar .vc_general.vc_single_bar {
height: 5px;
border-radius: 0;
box-shadow: none;
background-color: rgba(79, 50, 48, 0.15); }
.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:before, .vc_progress_bar .vc_bar:after {
position: absolute;
top: 50%;
right: -1px;
width: 12px;
height: 12px;
transform: translate(0, -50%);
background: inherit;
content: '';
border-radius: 50%; }
.vc_progress_bar .vc_bar:before {
right: auto;
left: -1px; }
.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_tta-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-retrolie-01 .vc_tta-tabs-container {
margin: 0; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-01 .vc_tta-tabs-list {
display: flex;
width: 100%;
align-items: stretch;
margin: 0; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-01 .vc_tta-tab {
flex-grow: 1;
flex-basis: 0;
text-align: center;
margin: 0;
padding: 41px 0 0;
position: relative; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-01 .vc_tta-tab:before {
content: '';
border-top: 2px dashed #979797;
opacity: .6;
position: absolute;
top: 26px;
left: 0;
width: 100%; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-01 .vc_tta-tab:after {
content: '';
width: 16px;
height: 16px;
position: absolute;
top: 19px;
left: 50%;
border-radius: 50%;
background: #999999;
transform: translateX(-50%); }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-01 .vc_tta-tab > a {
font-size: 20px;
font-weight: 700;
line-height: 1.3;
border: 0; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-01 .vc_tta-tab.vc_active > a {
padding-top: 19px;
font-size: 30px; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-01 .vc_tta-panels-container {
position: relative; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-01 .vc_tta-panels-container:before {
position: absolute;
top: 0;
left: 50%;
content: '';
width: 0;
height: 0;
margin-left: -7px;
border: 15px solid transparent;
border-color: #ffffff #ffffff transparent transparent;
transform-origin: 0 0;
transform: translateX(-50%) rotate(-45deg);
box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.03); }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-01 .vc_tta-panel-body {
margin-top: 30px;
padding: 30px 30px 40px;
background: #ffffff;
border-radius: 10px !important;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07); }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-01 .vc_tta-panel-title {
color: inherit; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-01 .vc_tta-panel-heading {
background: #eeeeee; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-01 .vc_active .vc_tta-panel-heading {
color: #ffffff; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-01 .vc_tta-panel + .vc_tta-panel {
margin-top: 20px; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-01 .vc_tta-panel-heading {
margin: 0 !important; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-02.vc_tta-tabs-position-top .vc_tta-tabs-container,
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-02.vc_tta-tabs-position-top .vc_tta-tabs-list {
overflow: visible; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-02.vc_tta-shape-rounded .vc_tta-tabs-list {
border-radius: 30px; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-02.vc_tta-shape-rounded .vc_tta-tab > a {
border-radius: 0; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-02.vc_tta-shape-rounded .vc_tta-tab:first-child {
border-top-left-radius: 30px;
border-bottom-left-radius: 30px; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-02.vc_tta-shape-rounded .vc_tta-tab:last-child {
border-top-right-radius: 30px;
border-bottom-right-radius: 30px; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-02 .vc_tta-tabs-list {
display: flex;
align-items: stretch;
width: 100%;
margin: 0;
padding: 0 0 0 1px; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-02 .vc_tta-tab {
flex-basis: 100%;
border: 1px solid #dddddd;
text-align: center;
margin: 0 0 0 -1px;
display: flex;
align-items: center; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-02 .vc_tta-tab > a {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
border: 0;
width: 100%; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-02 .vc_tta-tab.vc_active > a {
color: #ffffff; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-02 .vc_tta-panel-body {
padding: 30px 0;
border: 0; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-02 .vc_tta-panel-title {
color: inherit; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-02 .vc_tta-panel-heading {
background: #eeeeee; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-02 .vc_active .vc_tta-panel-heading {
color: #ffffff; }
@media (min-width: 768px) {
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-01 .vc_tta-panel-body {
margin-top: 57px;
padding: 50px 118px 55px; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-retrolie-02 .vc_tta-panel-body {
padding: 72px 0 30px; } }
.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; } .page-content .widget-title,
.page-content .widgettitle {
font-size: 26px;
margin-bottom: 32px; }
.page-sidebar .page-sidebar-inner {
height: 100%; }
.page-sidebar.wpb_widgetised_column {
padding-left: 0;
padding-right: 0; }
.page-sidebar .widget:not(.widget_search):not(.widget_media_image):not(.widget_calendar) {
position: relative;
padding: 42px 38px 52px;
border: 1px solid #eee;
background-color: #fff; }
.page-sidebar .widget:not(.widget_search):not(.widget_media_image):not(.widget_calendar):before {
display: block;
position: absolute;
top: 8px;
left: 8px;
content: '';
width: calc(100% - 16px);
height: calc(100% - 16px);
border: 1px solid #eee;
z-index: -1; }
.page-sidebar .widget_search .search-field,
.page-sidebar .widget_product_search .search-field {
background-color: #fff;
padding-left: 25px;
border: 1px solid #eee; }
@media (min-width: 1200px) {
.page-sidebar.wpb_widgetised_column.page-sidebar-left {
padding-right: 20px;
padding-left: 0; }
.page-sidebar.wpb_widgetised_column.page-sidebar-right {
padding-left: 20px;
padding-right: 0; } }
.page-content .widget + .widget {
margin: 30px 0 0; }
.page-sidebar-special {
margin-top: 60px; }
.insight-core-bmw ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_categories ul,
.widget_product_categories ul,
.widget_recent_entries ul,
.widget_recent_comments ul,
.widget_archive ul,
.widget_rss ul,
.widget_meta ul {
margin: 0;
padding: 0;
list-style-type: none; }
.insight-core-bmw > ul,
.widget_nav_menu > ul,
.widget_pages > ul,
.widget_categories > ul,
.widget_product_categories > ul,
.widget_recent_entries > ul,
.widget_archive > ul,
.widget_meta > ul {
margin: -10px 0; }
.insight-core-bmw li a,
.widget_nav_menu li a,
.widget_pages li a,
.widget_categories li a,
.widget_product_categories li a,
.widget_recent_entries li a,
.widget_archive li a,
.widget_meta li a {
display: block;
position: relative;
padding: 10px 0;
color: #888; }
.insight-core-bmw li a .count,
.widget_nav_menu li a .count,
.widget_pages li a .count,
.widget_categories li a .count,
.widget_product_categories li a .count,
.widget_recent_entries li a .count,
.widget_archive li a .count,
.widget_meta li a .count {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
line-height: 1; }
.insight-core-bmw ul ul a,
.widget_nav_menu ul ul a,
.widget_pages ul ul a,
.widget_categories ul ul a,
.widget_product_categories ul ul a {
padding-left: 15px; }
.insight-core-bmw ul ul ul a,
.widget_nav_menu ul ul ul a,
.widget_pages ul ul ul a,
.widget_categories ul ul ul a,
.widget_product_categories ul ul ul a {
padding-left: 30px; }
.insight-core-bmw ul ul ul ul a,
.widget_nav_menu ul ul ul ul a,
.widget_pages ul ul ul ul a,
.widget_categories ul ul ul ul a,
.widget_product_categories ul ul ul ul a {
padding-left: 45px; }
.insight-core-bmw a:empty,
.widget_nav_menu a:empty,
.widget_pages a:empty,
.widget_categories a:empty,
.widget_product_categories a:empty {
display: none; }
.widget_recent_comments li,
.widget_rss li {
padding: 12px 0; }
.widget_recent_comments .comment-author-link {
position: relative;
padding-left: 24px; }
.widget_recent_comments .comment-author-link:before {
content: '\f27a';
font-size: 14px;
line-height: 0;
position: absolute;
top: 11px;
left: 0; }
.widget_recent_comments .recentcomments a {
display: inline !important; }
.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 {
font-size: 16px;
content: '\f073';
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%); }
.page-footer .widgettitle {
line-height: 1.2;
font-weight: 700;
font-size: 15px;
padding-bottom: 13px;
border-bottom: 1px solid rgba(238, 238, 238, 0.13);
margin-bottom: 30px; }
.page-footer .insight-core-bmw li a,
.page-footer .widget_nav_menu li a,
.page-footer .widget_pages li a,
.page-footer .widget_categories li a,
.page-footer .widget_product_categories li a,
.page-footer .widget_recent_entries li a,
.page-footer .widget_archive li a,
.page-footer .widget_meta li a {
display: block;
padding: 6px 0; }
@media (max-width: 991px) {
.page-content .widget + .widget {
margin: 40px 0 0; } }
@media (max-width: 767px) {
.page-sidebar {
margin-bottom: 50px; } }
.widget_search form,
.widget_product_search form {
position: relative; }
.widget_search .search-field,
.widget_product_search .search-field {
width: 100%;
padding-right: 72px; }
.widget_search .search-submit,
.widget_product_search .search-submit {
position: absolute;
top: 0;
right: 0;
padding: 0;
border: 0;
border-radius: 0;
width: 62px;
height: 62px;
line-height: 62px;
text-align: center;
background: none;
box-shadow: none;
transform: none; }
.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%;
left: 50%;
transform: translate(-50%, -50%);
line-height: 1;
font-size: 18px;
font-weight: 400; }
.widget .tagcloud {
margin: -5px -10px; }
.widget .tagcloud a {
display: block;
float: left;
font-size: 16px !important;
font-weight: 500;
padding: 5px 10px;
color: inherit; }
.widget_calendar .calendar_wrap {
overflow-x: auto; }
.widget_calendar table {
background-color: #fff; }
.widget_calendar caption {
font-weight: 700;
margin-bottom: 10px;
font-size: 14px;
letter-spacing: 3px;
text-transform: uppercase; }
.widget_calendar #today {
color: #ffffff; }
.widget_calendar #today a {
color: inherit; }
.widget_rss .widget-title a.rsswidget {
color: inherit;
font-weight: inherit; }
.widget_rss .rss-widget-icon {
vertical-align: middle; }
.widget_rss a.rsswidget {
font-weight: 700; }
.widget_rss .rss-date {
display: block;
margin: 8px 0;
position: relative;
padding-left: 24px;
font-size: 14px;
color: #c0c0c0; }
.widget_rss .rss-date:before {
content: '\f133';
position: absolute;
top: 50%;
left: 0;
line-height: 0;
transform: translate(0, -50%); }
.widget_rss .rssSummary {
margin-bottom: 5px; }
.widget_rss cite {
margin-top: 5px;
color: #c0c0c0; }
.widget_rss cite:before {
content: '- '; }
.tm-posts-widget .post-item {
display: flex; }
.tm-posts-widget .post-item + .post-item {
margin-top: 49px; }
.tm-posts-widget .post-widget-thumbnail {
flex-shrink: 0;
margin-right: 20px;
width: 80px;
height: 80px;
border-radius: 5px;
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.44;
margin-bottom: 0; }
.tm-posts-widget .post-date {
display: block;
font-size: 15px;
font-weight: 500;
margin-top: 17px;
position: relative;
padding-left: 25px; }
.tm-posts-widget .post-date:before {
font-size: 16px;
content: '\f073';
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%); }
.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: #fff;
font-weight: 500;
font-size: 24px; } .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((545px - 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%;
clear: both; }
@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; } }
.wp-block-table td,
.wp-block-table th {
border: 1px solid rgba(0, 0, 0, 0.08);
padding: 10px; }
.wp-block-separator {
margin-bottom: 1.625em;
height: 1px;
border: 0;
background-color: #ccc; }
.wp-block-quote:not(.is-large):not(.is-style-large) {
margin: 54px 65px 44px 70px !important;
padding-left: 20px;
font-family: 'Playfair Display', serif;
font-size: 20px;
font-style: italic;
line-height: 1.78;
border-left: 3px solid #F6732E;
position: relative;
color: #4F3230; }
.wp-block-quote:not(.is-large):not(.is-style-large):before {
content: ''; }
.wp-block-quote:not(.is-large):not(.is-style-large) cite {
font-size: 15px;
font-family: 'Arimo', sans-serif; }
.wp-block-quote:not(.is-large):not(.is-style-large) p {
margin-bottom: 10px; }
.wp-block-quote.is-large {
margin: 54px 65px 44px 70px !important;
padding-left: 20px;
font-family: 'Playfair Display', serif;
font-size: 20px;
font-style: italic;
line-height: 1.78;
border-left: 3px solid #F6732E;
position: relative;
color: #4F3230; }
.wp-block-quote.is-large:before {
content: ''; }
.wp-block-quote.is-large cite {
font-size: 16px;
font-family: 'Arimo', sans-serif; }
.wp-block-quote.is-large p {
margin-bottom: 10px; }
.wp-block-pullquote blockquote {
padding-left: 0; }
.wp-block-pullquote blockquote:before {
content: ''; }
.wp-block-pullquote blockquote p {
font-style: italic;
margin-bottom: 10px; }
.wp-block-pullquote blockquote cite {
font-size: 16px;
font-family: 'Arimo', sans-serif;
color: #888; }
.wp-block-archives,
.wp-block-categories {
list-style-type: none;
padding-left: 0; }
.wp-block-archives ul,
.wp-block-categories ul {
list-style-type: none;
padding-left: 0; }
.wp-block-archives.aligncenter,
.wp-block-categories.aligncenter {
text-align: center; }
.wp-block-archives li a,
.wp-block-categories li a {
display: inline-block;
position: relative;
font-size: 16px;
line-height: 1.64;
font-weight: 400;
padding: 16px 40px 16px 0;
color: #4F3230; }
.wp-block-archives li a:hover,
.wp-block-categories li a:hover {
color: #F6732E; }
.wp-block-archives .count,
.wp-block-categories .count {
position: absolute;
top: 16px;
right: 0;
font-size: 16px;
line-height: 1;
color: #4F3230;
padding: 5px 11px; } .woocommerce-error,
.woocommerce-info,
.woocommerce-message {
margin-bottom: 30px !important;
width: 100%;
border: 0;
color: #fff;
padding: 1em 2em 1em 4em; }
.woocommerce-error:before,
.woocommerce-info:before,
.woocommerce-message:before {
font-size: 18px;
color: #fff;
top: 50%;
left: 1.2em;
transform: translate(0, -50%); }
.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a {
color: #fff;
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: #fff; }
.woocommerce-error .button.button,
.woocommerce-info .button.button,
.woocommerce-message .button.button {
margin: 1px 0 0 10px !important;
height: auto !important;
border: 0 !important;
border-radius: 0 !important;
background-color: transparent !important;
color: #fff !important;
line-height: 1.2 !important;
font-weight: 600 !important;
text-transform: uppercase;
letter-spacing: .1em;
font-size: 12px !important;
box-shadow: none;
position: relative;
padding: 2px 0;
overflow: hidden;
z-index: 1; }
.woocommerce-error .button.button:after,
.woocommerce-info .button.button:after,
.woocommerce-message .button.button: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; }
.woocommerce-error .button.button:hover:after,
.woocommerce-info .button.button:hover:after,
.woocommerce-message .button.button:hover:after {
width: 100%;
left: 0;
right: auto; }
.woocommerce-error {
background: #d9534f; }
.woocommerce-error:before {
content: '\f0f3'; }
.woocommerce-info {
background: #5bc0de; }
.woocommerce-info:before {
content: '\f05a'; }
.woocommerce-message {
background: #5cb85c; }
.woocommerce-message:before {
content: "\f058"; }
.notify-actions {
margin-top: 20px;
text-align: center; }
.notify-actions .notify-link {
margin-right: 10px;
color: #fff;
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;
right: 30px;
z-index: 99;
display: flex; }
.woocommerce .product-badges > span {
position: relative;
top: 0;
left: 0;
display: block;
margin: 0 2px;
min-height: 0;
min-width: 0;
border-radius: 0;
color: #fff;
text-align: center;
font-weight: 700;
font-size: 13px;
letter-spacing: 1px;
line-height: 1.44;
text-transform: uppercase; }
.woocommerce .product-badges .hot {
background: #d31129;
padding: 4px 11px; }
.woocommerce .product-badges .onsale {
background: #d5382c;
padding: 4px 8px; }
.woocommerce .product-badges .new {
background: #38cb89;
padding: 4px 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 {
font-size: 16px;
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
color: #d31129; }
.stock.in-stock:before {
content: '\f058'; }
.stock.out-of-stock:before {
content: '\f057'; }
.woocommerce-store-notice, p.demo_store {
position: fixed;
top: auto !important;
bottom: 0;
background: #000; }
.select2 {
height: 62px; }
.select2-search--dropdown {
position: relative; }
.select2-search--dropdown:after {
content: '\f002';
font-size: 14px;
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: 15px; }
.select2-dropdown {
border-color: #eee;
border-radius: 0; }
.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: 62px;
border-radius: 0; }
.select2-container .select2-selection__rendered {
padding: 0 20px !important;
outline: 0; }
.select2-container--default .select2-selection--single {
border-color: #eee;
outline: 0; }
.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: 60px;
color: #878c9b; }
.select2-container--default .select2-search--dropdown .select2-search__field {
border-color: #efefef; }
.select2-results__option {
outline: 0; }
.mini-cart {
position: relative; }
.mini-cart ul {
margin: 0;
padding: 0; }
.mini-cart.hide-on-empty [data-count="0"] {
display: none; }
.mini-cart .mini-cart-icon {
position: relative;
display: block;
width: 30px;
height: 30px;
text-align: center;
font-size: 18px;
line-height: 30px;
cursor: pointer; }
.mini-cart .mini-cart-icon:before {
position: absolute;
top: 50%;
left: 0;
color: inherit;
content: '\f290';
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: #222;
background: #fff;
content: attr(data-count);
font-weight: 500;
font-size: 10px;
line-height: 15px; }
.mini-cart .widget_shopping_cart_content {
position: absolute;
top: calc(100% + 20px);
right: 0;
z-index: 99999;
visibility: hidden;
overflow: auto;
padding: 30px 20px 27px;
max-height: 700px;
width: 360px;
border: 1px solid #eee;
border-bottom: 2px solid transparent;
background-color: #fff;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
opacity: 0; }
.mini-cart .widget_shopping_cart_content li > a:not(.remove) {
font-size: 16px !important;
font-weight: 600; }
.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 #eee; }
.widget_shopping_cart_content .total {
padding: 0 !important;
width: 100%;
border-top: 0 !important;
font-size: 16px;
margin-bottom: 10px; }
.widget_shopping_cart_content .total .amount {
font-weight: 600; }
.widget_shopping_cart_content .buttons {
display: flex; }
.widget_shopping_cart_content .buttons a {
display: inline-block;
padding: 0 20px !important;
min-width: 176px;
text-align: center; }
.widget_shopping_cart_content .button.checkout {
display: none; }
.cart_list.product_list_widget li {
display: block;
list-style-type: none; }
.cart_list.product_list_widget li + li {
margin-top: 20px !important; }
.cart_list.product_list_widget li img {
float: left !important;
margin-right: 20px;
width: 80px;
height: 80px;
border-radius: 3px; }
.cart_list.product_list_widget li .quantity {
display: block;
font-size: 15px;
margin-top: 5px; }
.cart_list.product_list_widget li .remove {
position: relative !important;
float: right;
width: 20px;
height: 20px;
color: inherit !important;
font-size: 0;
line-height: 1.5; }
.cart_list.product_list_widget li .remove:hover {
background: transparent;
color: initial !important; }
.cart_list.product_list_widget li .remove:after {
content: '\f00d';
font-size: 18px;
position: absolute;
top: 4px;
left: 3px; }
.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;
font-size: 12px;
font-weight: 700; }
.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; }
.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: 3px; }
.woocommerce .widget_shopping_cart .cart_list li {
padding-left: 0; }
@keyframes load-spin {
100% {
transform: rotate(360deg); } }
@-webkit-keyframes load-spin {
100% {
-webkit-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 33px;
height: 50px;
line-height: 48px;
outline: none;
border-width: 1px;
border-style: solid;
border-radius: 0;
font-weight: 700;
font-size: 12px;
letter-spacing: 1.71px;
cursor: pointer; }
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled, .woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
padding: 0 41px; }
.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover {
transform: none; }
.woocommerce form .form-row {
margin: 0 0 10px;
padding: 0; }
.woocommerce form .form-row textarea {
height: 140px; }
.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: 400;
font-size: 16px; }
.woocommerce ins {
background: none;
color: #999; }
.woocommerce ins .amount {
color: #d5382c; }
.woocommerce del {
position: relative;
text-decoration: none;
opacity: 1 !important; }
.woocommerce del .amount {
color: inherit !important; }
.woocommerce del:before {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
margin-top: -1px;
background: currentColor;
content: ''; }
.woocommerce .star-rating {
color: #ffb805;
font-size: 16px;
float: none; }
.woocommerce .star-rating:before {
color: #ddd;
content: "SSSSS"; }
.woocommerce div.quantity {
position: relative;
width: 66px; }
.woocommerce div.quantity button {
background: none;
position: absolute;
right: 0;
padding: 0;
width: 30px;
height: 20px;
border: 0;
font-size: 0;
box-shadow: none;
transform: none; }
.woocommerce div.quantity button span {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
color: #ccc;
font-size: 12px; }
.woocommerce div.quantity .qty {
padding: 3px 30px 3px 10px;
width: 100%;
height: 40px;
border: 1px solid #eee; }
.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:before,
.woocommerce div.quantity .decrease:before {
content: '';
position: absolute;
right: 15px;
border-left: 4px solid transparent !important;
border-right: 4px solid transparent !important; }
.woocommerce div.quantity .increase {
top: 0; }
.woocommerce div.quantity .increase:before {
top: 50%;
border-bottom: 4px solid #d8d8d8; }
.woocommerce div.quantity .decrease {
bottom: 0; }
.woocommerce div.quantity .decrease:before {
bottom: 50%;
border-top: 4px solid #d8d8d8; }
.woocommerce nav.woocommerce-pagination {
text-align: center; }
.woocommerce nav.woocommerce-pagination ul {
margin: 70px -5px 0;
border: 0; }
.woocommerce nav.woocommerce-pagination ul li {
display: inline-block;
padding: 5px;
border: 0;
list-style-type: none; }
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {
display: block;
font-size: 16px;
padding: 0;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
background: #fff; }
.woocommerce nav.woocommerce-pagination ul li .dots {
width: 20px;
border: 0;
background: none;
color: #ddd;
font-weight: 400;
font-size: 14px; }
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li span.current {
background-color: #FBF5F1;
font-weight: 700; }
.woocommerce .archive-shop-actions {
margin-bottom: 48px; }
.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; }
.woocommerce .cats {
margin-bottom: 50px; }
.woocommerce .cats .product-category .cat-title,
.woocommerce .cats .product-category .cat-count {
color: #fff; }
.woocommerce .cats .cat-title {
margin-bottom: 5px; }
.woocommerce .cats .cat-image img {
width: 100%; }
.woocommerce .cats .cat-text {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
padding: 15px;
background-color: rgba(0, 0, 0, 0.8);
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; }
@media (min-width: 1200px) {
.archive-shop-wide .page-content > .container {
max-width: 1870px; }
.archive-shop-wide .page-sidebar {
flex: 0 0 25%;
max-width: 25%; }
.archive-shop-wide .page-main-content {
flex: 0 0 75%;
max-width: 75%; }
.archive-shop-wide.page-has-no-sidebar .page-main-content {
flex: 0 0 100%;
max-width: 100%; } }
.woocommerce a.remove {
color: #d8d8d8 !important; }
.woocommerce a.remove:hover {
background: none;
color: #222 !important; }
.woocommerce a.remove span {
font-size: 20px; }
.woocommerce table.shop_table {
border: 0;
border-collapse: collapse; }
.woocommerce table.shop_table td, .woocommerce table.shop_table th {
border: 0;
background: none;
text-align: left; }
.woocommerce table.shop_table thead {
border-radius: 4px; }
.woocommerce table.shop_table thead tr {
border-bottom: 1px solid #ededed; }
.woocommerce table.shop_table thead th {
padding: 20px 0;
font-weight: inherit;
font-size: 20px;
line-height: 1.2; }
.woocommerce table.shop_table thead th.product-remove {
width: 40px; }
.woocommerce table.shop_table thead th.product-thumbnail {
width: 110px; }
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tbody td,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td {
padding: 15px 0;
border: 0; }
.woocommerce table.shop_table tbody tr,
.woocommerce table.shop_table tfoot tr {
border-bottom: 1px solid #ededed; }
.woocommerce .cart.shop_table {
margin-bottom: 95px;
border: 0;
border-collapse: collapse; }
.woocommerce .cart.shop_table td, .woocommerce .cart.shop_table th {
border: 0;
text-align: left; }
.woocommerce .cart.shop_table thead {
border-radius: 4px; }
.woocommerce .cart.shop_table th {
padding: 20px 0;
font-weight: inherit;
font-size: 24px;
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 h6 {
margin-bottom: 0; }
.woocommerce .cart.shop_table td.product-name a {
font-size: 18px;
color: inherit; }
.woocommerce .cart.shop_table td.product-subtotal .amount {
font-weight: 700; }
.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 {
font-weight: 700;
font-family: inherit;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px; }
.woocommerce table.woocommerce-checkout-review-order-table td .shipping-method-label {
color: #f00;
font-weight: 600; }
.woocommerce #coupon_code {
margin: 0 10px 0 0;
width: 320px;
height: 50px; }
.woocommerce .cart-collaterals .cart_totals {
width: 100%;
max-width: 600px; }
.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;
font-size: 16px;
font-weight: inherit;
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 .order-total .amount {
font-weight: 700; }
.woocommerce .woocommerce-shipping-calculator p {
margin-bottom: 10px; }
.woocommerce .woocommerce-shipping-calculator #calc_shipping_state_field {
margin-bottom: 0; }
body.woocommerce-cart table.cart td.actions .coupon .input-text {
border-color: #efefef;
padding: 3px 20px; }
body.woocommerce-cart .cross-sells {
margin-bottom: 60px; }
body.woocommerce-cart .wc-proceed-to-checkout {
padding: 0;
text-align: right; }
body.woocommerce-cart .wc-proceed-to-checkout a {
display: inline-block;
text-align: center;
margin-bottom: 30px; }
body.woocommerce-cart .wc-proceed-to-checkout .wc-return-shop {
min-width: 238px; }
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
display: inline-block;
margin-bottom: 0;
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,
.cart_totals > h2 {
margin-bottom: 40px;
font-size: 30px; }
#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: 767px) {
.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 .woocommerce-form-coupon .form-row {
width: auto !important;
float: left !important; }
.woocommerce-checkout .woocommerce-form-coupon #coupon_code {
margin: 0; }
.woocommerce-checkout .woocommerce-form-login #rememberme {
margin-left: 20px; }
.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 #customer_details {
margin-bottom: 50px; }
.woocommerce-checkout #payment {
background: none; }
.woocommerce-checkout #payment ul.payment_methods {
padding: 0;
border: 0;
margin-bottom: 10px; }
.woocommerce-checkout #payment ul.payment_methods li {
margin-bottom: 10px; }
.woocommerce-checkout #payment div.payment_box {
margin: 0;
padding: 28px 20px 15px;
background: none;
font-size: inherit; }
.woocommerce-checkout #payment div.payment_box:before {
display: none; }
.woocommerce-checkout #payment .payment_title {
padding: 17px 20px;
border-radius: 4px;
background: #ededed;
color: #222;
text-transform: uppercase;
font-weight: 700;
font-size: 14px; }
.woocommerce-checkout #payment .payment_title label {
cursor: pointer; }
.woocommerce-checkout #payment div.form-row {
margin: 0;
padding: 0;
text-align: center; }
.woocommerce-checkout #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-privacy-policy-text {
margin-bottom: 30px; }
.woocommerce.single-product #reviews #comments .commentlist {
margin: 0 0 46px;
padding: 0; }
.woocommerce.single-product #reviews #comments .commentlist > li {
margin-bottom: 30px; }
.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: 50%;
float: none;
position: static; }
.woocommerce.single-product #reviews #comments .commentlist .meta {
margin-bottom: 15px; }
.woocommerce.single-product #reviews #comments .commentlist .comment-author {
float: left; }
.woocommerce.single-product #reviews #comments .commentlist .star-rating {
position: absolute;
top: 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: 150px; }
.woocommerce.single-product #reviews #review_form .comment-reply-title {
margin-bottom: 35px;
font-size: 30px; }
.woocommerce.single-product .comment-content {
margin-left: 110px; }
.woocommerce.single-product .comment-actions {
margin: 15px -20px 0; }
.woocommerce.single-product .comment-actions a {
font-size: 14px;
font-weight: 400;
line-height: 1.26;
border-right: 1px solid #ddd;
padding: 0 20px;
color: inherit; }
.woocommerce.single-product .comment-actions a:last-child {
border-right: 0; }
.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 .form-submit {
margin: 0; }
.woocommerce.single-product #review_form #respond p {
margin-bottom: 25px; }
.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: 20px;
display: inline-block;
margin-bottom: 8px; }
.woocommerce-review__published-date {
display: block;
font-size: 14px;
line-height: 1.23;
color: #c0c0c0; }
.woocommerce-noreviews {
margin-bottom: 30px !important; }
.comment-form-rating {
line-height: 1;
margin-bottom: 15px; }
.comment-form-rating label {
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
color: #4F3230;
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 div.product > .row {
margin-bottom: 42px; }
.woocommerce.single-product div.product .woo-single-images .feature-style-list img {
width: 100%;
margin-bottom: 20px; }
.woocommerce.single-product div.product .woo-single-images .feature-style-slider {
margin-bottom: 20px; }
.woocommerce.single-product div.product .woo-single-images .feature-style-slider img {
width: 100%; }
.woocommerce.single-product div.product .summary {
margin-bottom: 40px;
width: 100% !important;
float: none; }
.woocommerce.single-product div.product .summary .product-badges {
position: static;
display: inline-block;
margin: 0 15px 0 0;
z-index: 0; }
.woocommerce.single-product div.product .summary .product-action > a:hover {
transform: translateY(-3px); }
.woocommerce.single-product div.product .entry-header {
display: flex;
margin-bottom: 24px; }
.woocommerce.single-product div.product .entry-header .product-badges > span {
display: inline-block;
vertical-align: -webkit-baseline-middle; }
.woocommerce.single-product div.product .product_title {
display: inline-block;
font-size: 36px;
line-height: 1.23;
margin: -3px 0 0; }
.woocommerce.single-product div.product .woocommerce-product-details__short-description {
margin-bottom: 44px; }
.woocommerce.single-product div.product p.price {
margin-bottom: 42px; }
.woocommerce.single-product div.product p.price .amount {
font-size: 18px;
font-weight: 700; }
.woocommerce.single-product div.product form.cart {
border-top: 2px dotted #d8d8d8;
border-bottom: 2px dotted #d8d8d8;
padding: 46px 0 49px 0;
margin: 41px 0 0; }
.woocommerce.single-product div.product form.cart table th, .woocommerce.single-product div.product form.cart table td {
text-align: left; }
.woocommerce.single-product div.product form.cart table td {
background: none; }
.woocommerce.single-product div.product form.cart div.quantity {
display: inline-block;
float: left;
margin: 0 30px 0 0; }
.woocommerce.single-product div.product form.cart label {
margin-right: 15px;
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
letter-spacing: 0.86px;
min-width: 100px; }
.woocommerce.single-product div.product form.cart .variations {
margin-bottom: 15px; }
.woocommerce.single-product div.product form.cart .variations td {
vertical-align: middle;
padding-top: 15px;
padding-bottom: 15px; }
.woocommerce.single-product div.product form.cart .variations select {
margin-right: 0;
padding: 3px 40px 3px 15px;
min-width: 0;
width: auto;
height: 40px; }
.woocommerce.single-product div.product form.cart .variations .label {
padding: 10px 15px 10px 0;
min-width: 115px; }
.woocommerce.single-product div.product form.cart .variations .value {
width: 100%; }
.woocommerce.single-product div.product .reset_variations:before {
content: '\f00d';
font-size: 14px;
margin-right: 5px;
vertical-align: middle;
margin-left: 10px; }
.woocommerce.single-product div.product .single_add_to_cart_button {
position: relative;
padding: 0 30px 0 59px !important; }
.woocommerce.single-product div.product .single_add_to_cart_button:before {
content: '\f07a';
font-size: 18px;
position: absolute;
top: 50%;
left: 20px;
transform: translate(0, -50%); }
.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 .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: 0;
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 35px 0 0;
padding: 0;
border: 0;
border-bottom: 2px 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: 12px;
font-weight: 700;
letter-spacing: 0.86px;
text-transform: uppercase;
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: 40px; }
.woocommerce.single-product .quantity-button-wrapper label {
float: left;
margin: 12px 15px 0 0;
min-width: 100px; }
.woocommerce.single-product #respond.comment-respond {
box-shadow: none; }
.woocommerce.single-product .product-meta-wrap {
margin-top: 52px; }
.woocommerce.single-product .product-meta-wrap .product-meta {
width: 100%; }
.woocommerce.single-product .product-meta-wrap .meta-item + .meta-item {
margin-top: 24px; }
.woocommerce.single-product .product-meta-wrap .meta-title {
display: inline-block;
font-family: inherit;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.86px;
min-width: 100px;
margin: 0 15px 0 0; }
.woocommerce.single-product .product-meta-wrap a {
color: inherit; }
.woo-nav-links {
margin-bottom: 29px; }
.woo-nav-links .nav-list {
display: flex;
align-items: center; }
.woo-nav-links .nav-item {
width: 50%; }
.woo-nav-links .nav-item a {
display: inline-block;
position: relative; }
.woo-nav-links .nav-item a:before {
position: absolute;
top: 5px;
font-size: 12px; }
.woo-nav-links .prev,
.woo-nav-links .next {
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase; }
.woo-nav-links .prev a {
padding-left: 22px; }
.woo-nav-links .prev a:before {
content: '\f060';
left: 0; }
.woo-nav-links .next {
text-align: right; }
.woo-nav-links .next a {
padding-right: 22px; }
.woo-nav-links .next a:before {
content: '\f061';
right: 0; }
.product-sharing-list {
display: inline-block;
margin: 0 -7px; }
.product-sharing-list a {
padding: 0 7px;
font-size: 16px; }
.cross-sells.products,
.up-sells.products,
.related.products {
margin-top: 70px; }
.cross-sells.products .section-title,
.up-sells.products .section-title,
.related.products .section-title {
display: block;
margin-bottom: 52px;
font-size: 34px;
text-align: center; }
.cross-sells.products .product,
.up-sells.products .product,
.related.products .product {
width: 100%;
margin: 0 !important; } @media (min-width: 1200px) {
.woocommerce.single-product div.product .summary {
margin-left: 35px; } }
@media (max-width: 991px) {
.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 .summary {
padding-left: 0; } }
.woocommerce form.login {
margin: 39px 0 0; }
.woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
list-style: none;
border-radius: 5px;
border: 1px solid #eeeeee; }
.woocommerce-MyAccount-navigation li {
margin: -1px -1px 0; }
.woocommerce-MyAccount-navigation li:first-child a {
border-radius: 5px 5px 0 0; }
.woocommerce-MyAccount-navigation li:last-child a {
border-radius: 0 0 5px 5px; }
.woocommerce-MyAccount-navigation li a {
display: block;
padding: 17px 35px;
font-size: 16px;
font-weight: 500;
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 {
content: '\f00d' !important; }
.wooscp-area .wooscp-inner .wooscp-table .wooscp-table-inner .wooscp-table-close {
padding: 12px 15px; }
.woosw-area.woosw-area .woosw-inner .woosw-content {
max-width: 570px; }
.woosw-area.woosw-area .woosw-inner .woosw-content .woosw-content-top .woosw-close:before {
content: '\f00d' !important; }
.woosw-area.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-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-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--remove > span:before {
content: '\f00d' !important; }
.woosw-area.woosw-area .woosw-content .button {
height: 45px !important;
line-height: 43px !important;
padding: 0 20px; }
.woosw-list .woocommerce_loop_add_to_cart_wrap:before, .woosw-list .woocommerce_loop_add_to_cart_wrap:after,
.woosw-area .woocommerce_loop_add_to_cart_wrap:before,
.woosw-area .woocommerce_loop_add_to_cart_wrap:after,
.wooscp-area .woocommerce_loop_add_to_cart_wrap:before,
.wooscp-area .woocommerce_loop_add_to_cart_wrap:after {
display: none; }
.woosw-content-item--add {
min-width: 140px;
margin-top: 5px; }
.single-product .woo-single-summary .wishlist-btn,
.single-product .woo-single-summary .compare-btn {
float: left;
margin-left: 10px; }
.single-product .woo-single-summary .wishlist-btn a,
.single-product .woo-single-summary .compare-btn a {
position: relative;
display: block;
width: 50px;
height: 50px;
color: #ababab;
font-size: 0 !important;
padding: 0 !important;
border: 1px solid #ededed;
text-align: center; }
.single-product .woo-single-summary .wishlist-btn a:hover,
.single-product .woo-single-summary .compare-btn a:hover {
color: #fff !important; }
.single-product .woo-single-summary .wishlist-btn a:before,
.single-product .woo-single-summary .compare-btn a:before {
content: '\f004';
font-size: 20px;
margin: 0;
width: 50px;
height: 50px;
line-height: 50px; }
.single-product .woo-single-summary .woosw-btn:before {
content: '\f388'; }
.single-product .woo-single-summary .compare-btn .wooscp-btn:before {
content: '\f3f1'; }
.single-product .woo-single-summary .wishlist-btn .woosw-adding:before,
.single-product .woo-single-summary .compare-btn .wooscp-btn-adding:before {
animation: load-spin 1s linear infinite;
content: '\f3f4'; }
.single-product .wccpf-fields-container {
margin-bottom: 30px; }
.single-product form.cart table.wccpf_fields_table td {
border: 0; }
.single-product form.cart table.wccpf_fields_table td.wccpf_label {
width: 115px;
padding: 0; }
.single-product form.cart table.wccpf_fields_table td.wccpf_label label {
min-width: 0;
width: auto; }