@charset "UTF-8";
    a, input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'],
input[type='number'],
input[type='tel'], select, textarea, button,
input[type='button'],
input[type='reset'],
input[type='submit'],
.button, .header-right-inner, .popup-search-wrap i, .btn-open-popup-search,
.mini-cart__button,
.header-right-more, .page-open-main-menu i, .switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu, .page-close-main-menu, .page-close-main-menu:before, .page-close-main-menu:after, .page-off-canvas-main-menu, .page-open-mobile-menu i, .page-close-mobile-menu:before, .page-close-mobile-menu:after, .page-mobile-menu-opened.mobile-menu-push-to-right .site, .page-mobile-menu-opened.mobile-menu-push-to-left .site, .page-mobile-main-menu, .page-mobile-main-menu .toggle-sub-menu, .page-scroll-up, .page-scroll-up i, .search-popup-close:before, .search-popup-close:after, .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 .swiper-pagination-bullet:before, .tm-swiper.nav-style-02 .swiper-nav-button:before, .newsletter-popup, .newsletter-popup .inner, .newsletter-popup-close, .entry-post-share .share-list, .blog-nav-links .inner div, .blog-nav-links .inner h6:before, .single-case_study .tm-sticky-column, .case-study-nav-links .inner h6, .case-study-nav-links .inner h6:before, .tm-grid-wrapper.filter-style-01 .filter-counter, .tm-blog.style-grid-classic .post-feature, .tm-blog.style-grid-masonry .post-wrapper, .tm-blog.style-grid-masonry .btn, .tm-blog.style-grid-masonry .btn:before, .tm-blog.style-grid-metro .post-wrapper, .tm-blog.style-list-small-image-02 .post-title, .tm-blog-widget.style-list .post-overlay, .tm-blog-widget.style-simple-list .post-overlay, .tm-blog-widget.style-simple-list .post-title a:before, .tm-blog-widget.style-simple-list .post-title a:after, .tm-case-study .post-wrapper, .tm-case-study .post-thumbnail img, .tm-case-study.caption-style-01 .post-wrapper, .tm-case-study.caption-style-02 .btn, .tm-case-study.caption-style-02 .btn:before, .tm-case-study.style-carousel .btn, .tm-case-study.style-carousel .btn:before, .case-study-overlay-faded .post-overlay,
.case-study-overlay-faded-02 .post-overlay, .case-study-overlay-faded-03 .post-overlay, .case-study-overlay-faded-03 .post-overlay-title,
.case-study-overlay-faded-03 .post-overlay-read-more, .tm-button, .tm-button.tm-button-icon-move .button-icon, .tm-list .title, .tm-list .marker, .tm-list.style-auto-numbered-02 .title, .tm-list.style-auto-numbered-02 .title:before, .tm-list.style-auto-numbered-02 .title:after, .tm-gradation.style-01 .circle, .tm-gradation.style-01 .icon, .tm-gradation.style-01 .heading, .tm-gradation.style-02 .icon, .tm-gradation.style-02 .heading, .tm-simple-job-listing .item, .tm-box-icon .icon, .tm-box-icon .content-wrap, .tm-box-icon .heading, .tm-box-icon .btn, .tm-box-image .content-wrap, .tm-box-image .image, .tm-box-image .image-hover, .tm-box-image .heading, .tm-box-image .text, .tm-box-image .btn, .tm-box-image.style-01 .circle-arrow .middle-arrow, .tm-box-image.style-02 .images, .tm-box-image.style-05 .images, .tm-box-image.style-06 .btn, .tm-box-image.style-06 .btn:before, .tm-box-large-image .content-wrap, .tm-box-large-image .heading, .tm-box-large-image.style-01 .image:after, .tm-box-large-image.style-02 .image:before, .tm-box-large-image.style-02 .image:after, .tm-box-large-image.style-03 .btn, .tm-box-large-image.style-03 .btn:before, .tm-box-large-image.style-04 .image, .tm-accordion .accordion-title, .tm-accordion.style-02 .accordion-icon:before, .tm-testimonial .testimonial-item, .tm-slider.style-01.fw-image .image img, .tm-slider-gallery.big-shadow .image > img, .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-simple-product .product-wrapper, .tm-team-member.group-style-01, .tm-team-member.group-style-01 .social-networks, .tm-team-member.group-style-01 .social-networks a, .tm-social-networks.style-icon-title .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-gallery .overlay, .tm-gallery .overlay-icon, .tm-view-demo .frame-screen, .tm-view-demo .overlay, .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 .woocommerce_loop_add_to_cart_wrap a, .tm-product.style-grid .woocommerce_loop_add_to_cart_wrap a:before, .tm-product-categories.style-carousel .cat-content, .vc_general.vc_pagination.vc_pagination-shape-round .vc_pagination-trigger:before, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-01 .vc_tta-tab > a, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-02 .vc_tta-tab > a, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-03 .vc_tta-tab > a, .widget_recent_entries li a:before, .widget_recent_entries li a:after {
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.page-links::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 .inner::after, .tm-blog.style-list::after, .tm-blog.style-list-02::after, .tm-blog-widget.style-list .post-item::after, .tm-blog-widget.style-simple-list .post-item::after, .tm-list .list-item::after, .tm-restaurant-menu .menu-header::after, .tm-box-icon::after, .tm-box-image::after, .tm-box-large-image::after, .tm-heading.modern-number-01 .heading::after, .tm-heading.modern-number-02 .heading::after, .tm-heading.modern-number-03 .heading::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.style-01 .timeline-info > .inner::after, .tm-custom-menu .menu-item-wrap::after, .tm-custom-menu.style-02 .menu::after, .vc_progress_bar.style-01 .vc_single_bar_title::after, .vc_progress_bar.style-02 .vc_single_bar_title::after, .vc_progress_bar.style-03 .vc_single_bar_title::after, .widget .tagcloud::after {
content: "";
display: table;
clear: both;
}
.tm-swiper.nav-style-02 .swiper-nav-button:before, .blog-nav-links .inner div:before, .tm-blog.style-grid-masonry .btn:before, .tm-blog.style-grid-metro .post-overlay:before, .tm-blog.style-list-02 .post-feature:before, .tm-blog.style-list-small-image-02 .post-feature:before, .tm-banner.style-01 .banner-image:after, .tm-case-study.caption-style-02 .btn:before, .tm-case-study.style-carousel .btn:before, .tm-box-image.style-06 .images:before, .tm-box-image.style-06 .btn:before, .tm-box-large-image.style-01 .image:after, .tm-box-large-image.style-02 .image:before, .tm-box-large-image.style-02 .image:after, .tm-box-large-image.style-03 .btn:before, .tm-testimonial.style-carousel .testimonial-item:before, .tm-rotate-box .box:before, .widget .tagcloud a:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.switcher-language-wrapper .wpml-ls .wpml-ls-item-toggle:after, .desktop-menu .toggle-sub-menu:before, .tm-blog-widget.style-simple-list .post-title a:before, .tm-blog-widget.style-simple-list .post-title a:after, .tm-list.style-check .marker:before, .tm-slider-gallery.tm-light-gallery .zoom-icon, .tm-pricing.style-01 .tm-pricing-list li:before, .tm-mailchimp-form .button-icon, .tm-mailchimp-form-box .button-icon, .tm-instagram .likes:before,
.tm-instagram .comments:before, .tm-popup-map.style-01 .tm-button-map .button-icon, .tm-product.style-grid .woosw-btn.woosw-added:before, .widget_recent_comments .comment-author-link:before, .widget_recent_entries li a:before, .widget_recent_entries li a:after, .widget_rss .rss-date: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;
}
.tm-swiper .swiper-nav-button i, .growl.growl .growl-close:before, .blog-nav-links .inner h6:before, .case-study-nav-links .inner h6:before, .tm-gallery .overlay-icon:before, .widget_recent_entries .post-date: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;
}
.page-mobile-main-menu .toggle-sub-menu:after, .tm-swiper.nav-style-03 .nav-button-icon, .tm-blog .post-read-more.style-link a:after, .tm-blog-widget.style-list .post-date:before, .tm-blog-widget.style-simple-list .post-date:before, .tm-list.style-check-02 .marker:before, .tm-list.style-auto-numbered-02 .title:before, .tm-list.style-auto-numbered-02 .title:after, .tm-box-icon .btn .button-icon:before, .tm-box-image .btn .button-icon:before, .tm-accordion.style-01 .accordion-icon:before, .tm-accordion.style-02 .accordion-icon:before, .tm-heading.link-style-02 a:after, .tm-heading.link-style-03 a:after, .tm-problem-solution .problem:before, .tm-problem-solution .solution:before, .tm-product.style-grid .woocommerce_loop_add_to_cart_wrap a:before, .tm-product.style-grid .quick-view-icon:before,
.tm-product.style-grid .woosw-btn:before,
.tm-product.style-grid .wooscp-btn:before, .tm-product.style-list .add_to_cart_button.product_type_simple.loading: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.group-style-01 .tweet-info:before, .tm-twitter.style-slider .tweet: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;
} *,
*: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;
}
html .row:before, html .row:after {
display: block;
}
.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: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
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 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xs-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xs-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xs-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xs-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xs-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xs-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xs-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xs-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xs-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xs-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xs-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
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%;
}
@media (min-width: 544px) {
.col-sm-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
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%;
}
}
@media (min-width: 768px) {
.col-md-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
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%;
}
}
@media (min-width: 992px) {
.col-lg-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
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%;
}
}
@media (min-width: 1200px) {
.col-xl-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
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-xs-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.col-xs-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
@media (min-width: 544px) {
.col-sm-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.col-sm-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
}
@media (min-width: 768px) {
.col-md-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.col-md-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
}
@media (min-width: 992px) {
.col-lg-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.col-lg-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
}
.row-xs-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.row-xs-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.row-xs-bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}   [class*="hint--"] {
position: relative;
display: inline-block;  }
[class*="hint--"]:before, [class*="hint--"]:after {
position: absolute;
-webkit-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;
transition: 0.3s ease;
-webkit-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;
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%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.hint--top:hover:before {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--top:hover:after {
-webkit-transform: translateX(-50%) translateY(-8px);
-ms-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%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.hint--bottom:hover:before {
-webkit-transform: translateY(8px);
-ms-transform: translateY(8px);
transform: translateY(8px);
}
.hint--bottom:hover:after {
-webkit-transform: translateX(-50%) translateY(8px);
-ms-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);
-ms-transform: translateX(8px);
transform: translateX(8px);
}
.hint--right:hover:after {
-webkit-transform: translateX(8px);
-ms-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);
-ms-transform: translateX(-8px);
transform: translateX(-8px);
}
.hint--left:hover:after {
-webkit-transform: translateX(-8px);
-ms-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%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.hint--top-left:after {
margin-left: 14px;
}
.hint--top-left:hover:before {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--top-left:hover:after {
-webkit-transform: translateX(-100%) translateY(-8px);
-ms-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);
-ms-transform: translateX(0);
transform: translateX(0);
}
.hint--top-right:after {
margin-left: -14px;
}
.hint--top-right:hover:before {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--top-right:hover:after {
-webkit-transform: translateY(-8px);
-ms-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%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.hint--bottom-left:after {
margin-left: 14px;
}
.hint--bottom-left:hover:before {
-webkit-transform: translateY(8px);
-ms-transform: translateY(8px);
transform: translateY(8px);
}
.hint--bottom-left:hover:after {
-webkit-transform: translateX(-100%) translateY(8px);
-ms-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);
-ms-transform: translateX(0);
transform: translateX(0);
}
.hint--bottom-right:after {
margin-left: -14px;
}
.hint--bottom-right:hover:before {
-webkit-transform: translateY(8px);
-ms-transform: translateY(8px);
transform: translateY(8px);
}
.hint--bottom-right:hover:after {
-webkit-transform: translateY(8px);
-ms-transform: translateY(8px);
transform: translateY(8px);
} [class*="hint--"] { }
[class*="hint--"]:after {
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
} .hint--rounded:after {
border-radius: 4px;
} .hint--no-animate:before, .hint--no-animate:after {
-webkit-transition-duration: 0ms;
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);
transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-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);
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
} 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;
-webkit-transition: opacity .3s !important;
transition: opacity .3s !important;
}
::-moz-placeholder { color: inherit;
opacity: 1;
-webkit-transition: opacity .3s !important;
transition: opacity .3s !important;
}
:-ms-input-placeholder {
color: inherit;
opacity: 1;
-webkit-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'] {
width: 100%;
outline: none;
border: 1px solid #f5f5f5;
border-radius: 5px;
padding: 3px 20px;
height: 56px;
}
select {
padding: 3px 20px;
height: 56px;
max-width: 100%;
width: 100%;
outline: none;
border: 1px solid #f5f5f5;
border-radius: 5px;
background: #f5f5f5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAELY03+AAAABGdBTUEAALGPC/xhBQAAAFFJREFUCB1tTsERwCAIC9MyhnQMprUJPTw9mweGmACWmQFggGSSQCT02lLUCaayAuTubrcNeNr5TaRAZyhd6A1q2hnkQ8IPKl3G/tyPoHaMfwHyzSNHeemKDAAAAABJRU5ErkJggg==) no-repeat center right 20px;
-moz-appearance: none;
-webkit-appearance: none;
}
textarea {
width: 100%;
outline: none;
border: 1px solid #f5f5f5;
border-radius: 5px;
background: #f5f5f5;
display: block;
padding: 12px 20px 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%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #fff;
border: 1px solid #ddd;
-webkit-transition: border-color .3s ease;
transition: border-color .3s ease;
}
input[type='checkbox']:after {
content: '';
display: block;
width: 8px;
height: 8px;
position: absolute;
top: 50%;
left: 50%;
background: #333;
z-index: 2;
-webkit-transform: translate(-50%, -50%) scale(0);
-ms-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
}
input[type='checkbox']:hover:before {
border-color: #333;
}
input[type='checkbox']:checked:before {
border-color: #333;
}
input[type='checkbox']:checked:after {
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
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%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #fff;
border: 1px solid #ddd;
border-radius: 50%;
-webkit-transition: border-color .3s ease;
transition: border-color .3s ease;
}
input[type='radio']:after {
content: '';
display: block;
width: 8px;
height: 8px;
position: absolute;
top: 50%;
left: 50%;
background: #333;
border-radius: 50%;
-webkit-transform: translate(-50%, -50%) scale(0);
-ms-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
}
input[type='radio']:hover:before {
border-color: #333;
}
input[type='radio']:checked {
cursor: auto;
}
input[type='radio']:checked:before {
border-color: #333;
}
input[type='radio']:checked:after {
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
button,
input[type='button'],
input[type='reset'],
input[type='submit'],
.button {
padding: 0 41px;
height: 56px;
line-height: 54px;
outline: none;
border-width: 1px;
border-style: solid;
border-radius: 5px;
font-size: 14px;
font-weight: 600;
letter-spacing: 0;
cursor: pointer;
}
button:focus,
input[type='button']:focus,
input[type='reset']:focus,
input[type='submit']:focus,
.button:focus {
outline: none;
}
button:hover,
input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover,
.button:hover {
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
button[disabled],
input[type='button'][disabled],
input[type='reset'][disabled],
input[type='submit'][disabled],
.button[disabled] {
cursor: not-allowed;
opacity: .5;
}
button[disabled]:hover,
input[type='button'][disabled]:hover,
input[type='reset'][disabled]:hover,
input[type='submit'][disabled]:hover,
.button[disabled]:hover {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.button {
display: inline-block;
}
hr {
margin-bottom: 1.5em;
height: 1px;
border: 0;
background-color: #ccc;
}
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: #eee;
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 #666;
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: 50px 150px 44px 70px !important;
padding: 2px 0 2px 20px;
font-size: 18px;
font-weight: 500;
line-height: 1.78;
border-left: 4px solid #eee;
position: relative;
color: #333;
max-width: 100%;
}
@media (max-width: 767px) {
blockquote {
font-size: 16px;
margin: 50px 70px 44px 70px !important;
}
}
@media (max-width: 543px) {
blockquote {
margin: 40px 30px !important;
}
}  .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; }
.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: 7px 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;
}
.comment-nav-links,
.page-pagination {
padding: 0;
margin: 0;
font-size: 14px;
font-weight: 700;
text-align: center;
}
.comment-nav-links li,
.page-pagination li {
display: inline-block;
list-style-type: none;
}
.comment-nav-links li span,
.comment-nav-links li a,
.page-pagination li span,
.page-pagination li a {
padding: 0 10px;
display: block;
text-align: center;
line-height: 41px;
min-width: 41px;
height: 41px;
text-transform: uppercase;
color: #ababab;
letter-spacing: 2px;
border-radius: 5px;
}
.comment-nav-links li .current,
.page-pagination li .current {
background: #f6f2ed;
}
.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: 0 0 50px;
}
#comment-nav-below ul {
margin: 50px 0 0;
}
.page-links {
clear: both;
padding-top: 30px;
}
.page-links > span,
.page-links > a {
display: block;
float: left;
padding: 0 10px;
text-align: center;
font-size: 14px;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
color: #ababab;
width: 41px;
height: 41px;
line-height: 41px;
border-radius: 5px;
}
.page-links > span {
background: #f6f5f9;
}
.post-navigation {
position: relative;
}
.page-top-bar {
z-index: 99999;
border: 0 solid transparent;
}
.page-top-bar * {
height: 100%;
}
.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-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: 14px;
margin-right: 5px;
vertical-align: middle;
}
.top-bar-info .info-text {
vertical-align: middle;
}
.top-bar-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 50px;
}
.top-bar-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.top-bar-01 .top-bar-wrap {
height: 100%;
}
@media (max-width: 991px) {
.top-bar-01 {
display: none;
}
}
.top-bar-02 .top-bar-wrap {
height: 100%;
}
.top-bar-02 .top-bar-left {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
@media (max-width: 991px) {
.top-bar-02 {
display: none;
}
}
.top-bar-03 {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.top-bar-03 .top-bar-wrap {
height: 100%;
}
.top-bar-03 .top-bar-left {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
@media (max-width: 991px) {
.top-bar-03 {
display: none;
}
}
@-webkit-keyframes headerSlideDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes headerSlideDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(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%;
}
.header-layout-fixed.headroom--top .page-header-inner {
pointer-events: none;
}
.header-layout-fixed.headroom--top .branding *,
.header-layout-fixed.headroom--top .page-navigation,
.header-layout-fixed.headroom--top .header-left *,
.header-layout-fixed.headroom--top .header-center *,
.header-layout-fixed.headroom--top .header-right * {
pointer-events: auto;
}
.header-wrap {
position: relative;
}
.mobile-menu .header-wrap {
min-height: 80px;
}
.tm-button.header-sticky-button {
display: none;
}
.headroom--not-top .header-button {
display: none;
}
.headroom--not-top .header-sticky-button {
display: block;
}
.headroom--not-top .custom-logo {
display: none;
}
.headroom--not-top.header-sticky-dark-logo .dark-logo {
display: block;
}
.headroom--not-top.header-sticky-dark-logo .light-logo {
display: none;
}
.headroom--not-top.header-sticky-light-logo .dark-logo {
display: none;
}
.headroom--not-top.header-sticky-light-logo .light-logo {
display: block;
}
.header-sticky-both .headroom.headroom--not-top,
.header-sticky-up .headroom.headroom--not-top.headroom--pinned,
.header-sticky-down .headroom.headroom--not-top.headroom--unpinned {
position: relative;
z-index: 9999;
}
.header-sticky-both .headroom.headroom--not-top .page-header-inner,
.header-sticky-up .headroom.headroom--not-top.headroom--pinned .page-header-inner,
.header-sticky-down .headroom.headroom--not-top.headroom--unpinned .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);
-webkit-animation: headerSlideDown 0.95s ease forwards;
animation: headerSlideDown 0.95s ease forwards;
will-change: transform;
}
.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,
.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,
.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-both .headroom.headroom--not-top .page-header-inner .row > div,
.header-sticky-up .headroom.headroom--not-top.headroom--pinned .page-header-inner .row > div,
.header-sticky-down .headroom.headroom--not-top.headroom--unpinned .page-header-inner .row > div {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.branding {
line-height: 0;
}
.branding__logo a {
display: inline-block;
float: left;
}
.dark-logo,
.light-logo {
display: none;
}
.light-logo-version .light-logo {
display: block;
}
.dark-logo-version .dark-logo {
display: block;
}
.header-right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 -12px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header-right > div {
padding: 0 12px;
}
.header-right-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 -12px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header-right-inner > div {
padding: 0 12px;
}
.header-search-form .search-form {
position: relative;
}
.header-search-form .search-field {
padding-right: 50px;
border-color: #f5f5f5;
}
.header-search-form .search-submit {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
font-size: 18px;
background: none;
width: 48px;
height: 48px;
line-height: 50px;
padding: 0;
border: 0;
}
.header-search-form .search-btn-text {
display: none;
}
.popup-search-wrap {
text-align: center;
}
.btn-open-popup-search {
display: block;
line-height: 0;
font-size: 18px;
}
.btn-open-popup-search:hover,
.mini-cart__button:hover,
.header-right-more:hover {
-webkit-transform: scale(1.15, 1.15);
-ms-transform: scale(1.15, 1.15);
transform: scale(1.15, 1.15);
}
.header-right-more {
display: none;
height: 30px;
font-size: 20px;
cursor: pointer;
}
.header-social-networks.style-icons .inner {
margin-left: -10px;
margin-right: -10px;
}
.header-social-networks.style-icons a {
display: inline-block;
padding: 0 10px;
font-size: 18px;
}
.header-social-networks.style-rounded .inner {
margin-left: -10px;
margin-right: -10px;
}
.header-social-networks.style-rounded a {
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
font-size: 18px;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 50%;
display: inline-block;
margin-left: 8px;
margin-right: 8px;
padding: 0 10px;
}
.header-social-networks.style-rounded a:hover {
border-color: transparent;
}
.page-open-main-menu {
display: none;
height: 30px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.desktop-menu .page-open-main-menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.page-open-main-menu:hover i:before, .page-open-main-menu:hover i:after {
width: 70%;
}
.page-open-main-menu div {
position: relative;
width: 24px;
height: 18px;
cursor: pointer;
}
.page-open-main-menu i {
position: absolute;
top: 50%;
left: 0;
margin-top: -1px;
width: 100%;
height: 2px;
background: currentColor;
}
.page-open-main-menu i:before, .page-open-main-menu i:after {
position: absolute;
left: 50%;
width: 100%;
height: 100%;
background: inherit;
content: '';
-webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.page-open-main-menu i:before {
top: -8px;
}
.page-open-main-menu i:after {
top: 8px;
}
.page-open-main-menu-title {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.3px;
}
.header-buttons {
line-height: 0;
}
.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: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.switcher-language-wrapper .wpml-ls-legacy-dropdown .wpml-ls-flag {
width: 35px;
height: auto;
vertical-align: middle;
}
.switcher-language-wrapper .wpml-ls {
width: auto;
}
.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;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.switcher-language-wrapper .wpml-ls .wpml-ls-item-toggle {
position: relative;
background: none !important;
border: 0;
line-height: 1;
padding: 10px;
}
.switcher-language-wrapper .wpml-ls .wpml-ls-item-toggle span {
font-size: 16px;
}
.switcher-language-wrapper .wpml-ls .wpml-ls-item-toggle:after {
content: '\f078';
font-size: 8px;
border: 0;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.switcher-language-wrapper .wpml-ls .wpml-ls-native {
position: relative;
top: 1px;
vertical-align: middle;
margin-right: 5px;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
}
.switcher-language-wrapper .wpml-ls .wpml-ls-flag + span {
margin-left: 15px;
}
.switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu {
min-width: 200px;
border: 0;
opacity: 0;
visibility: hidden;
position: absolute;
top: 100%;
right: 0;
left: 0;
padding: 0;
margin: 0;
list-style-type: none;
z-index: 102;
box-shadow: 0 0 37px rgba(0, 0, 0, 0.07);
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
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;
text-transform: uppercase;
}
.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: 24px;
height: auto;
}
.header-right-clone {
display: none;
}
.header-more-tools-opened .header-button {
display: none;
}
.header-more-tools-opened .header-sticky-button {
display: block;
}
@media (max-width: 767px) {
.header-right-more {
display: block;
}
.header-right-clone {
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;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.header-right-inner > div {
padding: 10px;
}
.header-more-tools-opened .header-right-inner {
visibility: visible;
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.handheld.header-more-tools-opened {
cursor: pointer;
}
.header-01 .branding {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.header-01 .header-right {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.header-01 .header-right-inner,
.header-01 .search-form,
.header-01 .header-search-form,
.header-01 .search-field {
height: 100%;
}
.header-01 .search-form {
border-left: 1px solid #eee;
margin-right: -15px;
}
.header-01 .search-field {
width: 160px;
border-radius: 0;
background: #fff !important;
border: 0 !important;
}
.header-01 .search-submit {
color: #223645;
}
.header-01 .page-header-inner > .container-fluid > .row > .col-xs-12 {
position: static;
}
.header-01 .menu--primary .menu__container > li.current-menu-item > a .menu-item-wrap:after, .header-01 .menu--primary .menu__container > li.current-menu-ancestor > a .menu-item-wrap:after, .header-01 .menu--primary .menu__container > li:hover > a .menu-item-wrap:after {
width: 100%;
left: 0;
right: auto;
}
.header-01 .menu--primary .menu__container > li > a > .menu-item-wrap {
position: relative;
}
.header-01 .menu--primary .menu__container > li > a > .menu-item-wrap:after {
content: '';
position: absolute;
left: auto;
right: 0;
bottom: 0;
height: 3px;
width: 0;
-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
.header-01 .header-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.desktop-menu .header-01 .branding,
.desktop-menu .header-01 .header-right {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
.desktop-menu .header-01 .page-navigation {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.desktop-menu .header-01 .menu--primary {
position: static;
text-align: center;
}
.mobile-menu .header-01 .header-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.mobile-menu .header-01 .branding {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.mobile-menu .header-01 .header-right {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
@media (min-width: 1600px) {
.desktop-menu .header-01 .menu--primary .menu__container > li > a {
padding-left: 24px !important;
padding-right: 24px !important;
}
.desktop-menu .header-01 .search-field {
width: 230px;
}
}
@media (min-width: 1200px) {
.desktop-menu .header-01 .container-fluid {
max-width: 1920px;
}
}
.header-02 .branding {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.header-02 .header-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.desktop-menu .header-02 .branding {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.desktop-menu .header-02 .header-right {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.desktop-menu .header-02 .menu--primary {
position: static;
text-align: center;
}
.mobile-menu .header-02 .header-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.mobile-menu .header-02 .branding {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.mobile-menu .header-02 .header-right {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header-03 .branding {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.header-03 .header-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.desktop-menu .header-03 .branding {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.desktop-menu .header-03 .header-right {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.desktop-menu .header-03 .menu--primary {
position: static;
text-align: center;
}
.mobile-menu .header-03 .header-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.mobile-menu .header-03 .branding {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.mobile-menu .header-03 .header-right {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header-03 .menu--primary .menu__container > li.current-menu-item > a .menu-item-wrap:after, .header-03 .menu--primary .menu__container > li.current-menu-ancestor > a .menu-item-wrap:after, .header-03 .menu--primary .menu__container > li:hover > a .menu-item-wrap:after {
width: 100%;
left: 0;
right: auto;
}
.header-03 .menu--primary .menu__container > li > a > .menu-item-wrap {
position: relative;
}
.header-03 .menu--primary .menu__container > li > a > .menu-item-wrap:after {
content: '';
position: absolute;
left: auto;
right: 0;
bottom: 0;
height: 3px;
width: 0;
-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
@media (min-width: 992px) {
.top-bar-03 + .page-header {
top: 50px;
}
}
.header-04 .branding {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header-04 .header-right {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.header-04 .header-top {
border-bottom: 1px solid #eee;
}
.header-04 .header-bottom-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.header-04 .header-bottom-left {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.header-04 .header-bottom-right {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.header-04 .header-bottom .search-form {
border-left: 1px solid #eee;
border-right: 1px solid #eee;
margin-right: -15px;
}
.header-04 .header-bottom .search-field {
width: 232px;
border-radius: 0;
background: #fff !important;
border: 0 !important;
min-height: 60px;
}
.header-04 .search-submit {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 18px;
color: #223645;
}
.header-04 .page-header-inner > .container-fluid > .row > .col-xs-12 {
position: static;
}
.header-04 .menu--primary .menu__container > li:first-child > a {
padding-left: 0 !important;
}
.header-04 .menu--primary .menu__container > li:first-child > a .menu-item-wrap {
padding-left: 0 !important;
}
.header-04 .menu--primary .menu__container > li.current-menu-item > a .menu-item-wrap:after, .header-04 .menu--primary .menu__container > li.current-menu-ancestor > a .menu-item-wrap:after, .header-04 .menu--primary .menu__container > li:hover > a .menu-item-wrap:after {
width: 100%;
left: 0;
right: auto;
}
.header-04 .menu--primary .menu__container > li > a > .menu-item-wrap {
position: relative;
}
.header-04 .menu--primary .menu__container > li > a > .menu-item-wrap:after {
content: '';
position: absolute;
left: auto;
right: 0;
bottom: 0;
height: 3px;
width: 0;
-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
.header-04 .header-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.desktop-menu .header-04 .page-navigation {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.desktop-menu .header-04 .menu--primary {
position: static;
text-align: left;
}
.mobile-menu .header-04 .header-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.mobile-menu .header-04 .branding {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.mobile-menu .header-04 .header-right {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.header-04 .header-info {
width: 700px;
}
.header-04 .header-info .info-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 19px;
}
.header-04 .header-info .info-icon {
width: 41px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 30px;
line-height: 1;
color: #d2a98e;
}
.header-04 .header-info .info-content {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.header-04 .header-info .info-title {
font-size: 14px;
font-weight: 700;
line-height: 1.18;
margin-bottom: 6px;
}
.header-04 .header-info .info-sub-title {
font-size: 14px;
}
.header-04 .header-info .swiper-slide-active ~ .swiper-slide .info-item {
border-left: 1px solid #ededed;
}
.desktop-menu .header-04.headroom--not-top .header-top {
display: none;
}
.mobile-menu .header-04.headroom--not-top .header-bottom {
display: none;
}
@media (max-width: 1199px) {
.header-04 .header-info {
width: 560px;
}
}
@media (max-width: 991px) {
.header-04 .header-info {
width: 280px;
}
}
@media (min-width: 768px) {
.header-04 .header-wrap {
min-height: 100px;
}
}
@media (max-width: 767px) {
.header-04 .header-right-inner {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.header-04 .header-right-clone {
width: 100%;
}
.header-04 .header-info {
width: 100%;
}
.header-04 .header-info .info-item {
padding-left: 0;
}
.header-04 .header-bottom {
display: none;
}
}
@media (min-width: 1200px) {
.desktop-menu .header-04 .container-fluid {
max-width: 1920px;
}
}
.header-05 .branding {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header-05 .header-right {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.header-05 .header-bottom-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.header-05 .header-bottom-left {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.header-05 .header-bottom-right {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.header-05 .header-bottom .search-field {
width: 270px;
border-radius: 0;
border: 0 !important;
background: none !important;
min-height: 60px;
}
.header-05 .page-header-inner > .container-fluid > .row > .col-xs-12 {
position: static;
}
.header-05 .menu--primary .menu__container > li:first-child > a {
padding-left: 0 !important;
}
.header-05 .menu--primary .menu__container > li:first-child > a .menu-item-wrap {
padding-left: 0 !important;
}
.header-05 .menu--primary .menu__container > li.current-menu-item > a .menu-item-wrap:after, .header-05 .menu--primary .menu__container > li.current-menu-ancestor > a .menu-item-wrap:after, .header-05 .menu--primary .menu__container > li:hover > a .menu-item-wrap:after {
width: 100%;
left: 0;
right: auto;
}
.header-05 .menu--primary .menu__container > li > a > .menu-item-wrap {
position: relative;
}
.header-05 .menu--primary .menu__container > li > a > .menu-item-wrap:after {
content: '';
position: absolute;
left: auto;
right: 0;
bottom: 0;
height: 3px;
width: 0;
-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
.header-05 .header-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.desktop-menu .header-05 .page-navigation {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.desktop-menu .header-05 .menu--primary {
position: static;
text-align: left;
}
.mobile-menu .header-05 .header-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.mobile-menu .header-05 .branding {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.mobile-menu .header-05 .header-right {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.header-05 .header-info {
width: 770px;
}
.header-05 .header-info .tm-swiper:hover {
cursor: ew-resize;
}
.header-05 .header-info .info-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 19px;
}
.header-05 .header-info .info-icon {
width: 41px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 30px;
line-height: 1;
color: #d2a98e;
}
.header-05 .header-info .info-content {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.header-05 .header-info .info-title {
font-size: 14px;
font-weight: 700;
line-height: 1.18;
margin-bottom: 6px;
}
.header-05 .header-info .info-sub-title {
font-size: 14px;
}
.header-05 .header-info .swiper-slide-active ~ .swiper-slide .info-item {
border-left: 1px solid #ededed;
}
.desktop-menu .header-05.headroom--not-top .header-top {
display: none;
}
.mobile-menu .header-05.headroom--not-top .header-bottom {
display: none;
}
@media (max-width: 1199px) {
.header-05 .header-info {
width: 560px;
}
}
@media (max-width: 991px) {
.header-05 .header-info {
width: 280px;
}
}
@media (min-width: 768px) {
.header-05 .header-wrap {
min-height: 104px;
}
}
@media (max-width: 767px) {
.header-05 .header-right-inner {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.header-05 .header-right-clone {
width: 100%;
}
.header-05 .header-info {
width: 100%;
}
.header-05 .header-info .info-item {
padding-left: 0;
}
.header-05 .header-bottom {
display: none;
}
}
@media (min-width: 1200px) {
.desktop-menu .header-05 .container-fluid {
max-width: 1920px;
}
}
.header-more-tools-opened .header-right-inner .search-submit {
color: #086ad8;
}
.header-06 .branding {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.header-06 .page-header-inner > .container-fluid > .row > .col-xs-12 {
position: static;
}
.header-06 .header-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.header-06 .header-left {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
margin-left: -15px;
margin-right: -15px;
}
.header-06 .header-left > div {
padding-left: 15px;
padding-right: 15px;
}
.header-06 .header-right {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.desktop-menu .header-06 .header-wrap {
min-height: 82px;
}
.desktop-menu .header-06 .menu--primary {
position: static;
text-align: center;
}
.mobile-menu .header-06 .header-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.header-07 .branding {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.header-07 .header-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.desktop-menu .header-07 .branding {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.desktop-menu .header-07 .header-right {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.desktop-menu .header-07 .menu--primary {
position: static;
text-align: center;
}
.mobile-menu .header-07 .header-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.mobile-menu .header-07 .branding {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.mobile-menu .header-07 .header-right {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header-07 .menu--primary .menu__container > li.current-menu-item > a .menu-item-wrap:after, .header-07 .menu--primary .menu__container > li.current-menu-ancestor > a .menu-item-wrap:after, .header-07 .menu--primary .menu__container > li:hover > a .menu-item-wrap:after {
width: 100%;
left: 0;
right: auto;
}
.header-07 .menu--primary .menu__container > li > a > .menu-item-wrap {
position: relative;
}
.header-07 .menu--primary .menu__container > li > a > .menu-item-wrap:after {
content: '';
position: absolute;
left: auto;
right: 0;
bottom: 0;
height: 3px;
width: 0;
-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
@media (min-width: 1200px) {
.desktop-menu .header-07 .container-fluid {
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1600px) {
.desktop-menu .header-07 .container-fluid {
padding-left: 100px;
padding-right: 100px;
}
}
.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% {
-webkit-transform: translateY(30px);
transform: translateY(30px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes hide-animation {
0% {
-webkit-transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(30px);
opacity: 0;
}
}
@keyframes hide-animation {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(30px);
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: 30px;
}
.desktop-menu .toggle-sub-menu {
position: relative;
margin-left: 15px;
}
.desktop-menu .toggle-sub-menu:before {
content: '\f078';
font-size: 8px;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
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 .widget-title,
.desktop-menu .sm-simple .widgettitle {
display: block;
margin: 0 30px 13px 0;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}
.desktop-menu .sm-simple .sub-menu,
.desktop-menu .sm-simple .children {
padding: 18px 0 22px;
min-width: 240px !important;
border: 0;
}
.desktop-menu .sm-simple .sub-menu:after,
.desktop-menu .sm-simple .children:after {
content: '';
height: 4px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.desktop-menu .sm-simple .sub-menu a,
.desktop-menu .sm-simple .children a {
padding: 9px 30px;
}
.desktop-menu .sm-simple .sub-menu .toggle-sub-menu:before,
.desktop-menu .sm-simple .children .toggle-sub-menu:before {
font-size: 8px;
content: '\f054';
}
.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;
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;
-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
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: 37px 0 40px;
}
.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 {
-webkit-animation: show-animation .3s;
animation: show-animation .3s;
}
.desktop-menu .sm-simple .sub-menu.hide-animation {
-webkit-animation: hide-animation .3s;
animation: hide-animation .3s;
}
.mobile-menu .page-navigation-wrap,
.mobile-menu .page-navigation {
display: none;
}
.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;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.page-close-main-menu:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.page-close-main-menu:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.page-close-main-menu:hover:before, .page-close-main-menu:hover:after {
-webkit-transform: none;
-ms-transform: none;
transform: 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;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3);
}
.page-off-canvas-main-menu .page-navigation {
display: table;
padding: 30px 0;
width: 100%;
height: 100%;
text-align: center;
}
.page-off-canvas-main-menu .page-navigation .menu__container {
display: table-cell;
vertical-align: middle;
}
.page-off-canvas-main-menu .page-navigation .menu__container a {
display: inline-block;
}
.page-off-canvas-main-menu .page-navigation .menu__container > li > a {
position: relative;
padding-left: 15px;
padding-right: 15px;
}
.page-off-canvas-main-menu .page-navigation .menu__container > li > a .toggle-sub-menu {
position: absolute;
top: 50%;
right: -15px;
margin-left: 0;
}
.page-off-canvas-main-menu .page-navigation .menu__container > li > a .toggle-sub-menu:before {
font-size: .5em;
}
.page-off-canvas-main-menu ul {
margin: 0;
padding: 0;
}
.page-off-canvas-main-menu .menu__container > li {
opacity: 0;
-webkit-transition: opacity .2s, -webkit-transform .2s;
transition: opacity .2s, -webkit-transform .2s;
transition: transform .2s, opacity .2s;
transition: transform .2s, opacity .2s, -webkit-transform .2s;
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
-webkit-animation-timing-function: cubic-bezier(0.45, 0.005, 0, 1);
animation-timing-function: cubic-bezier(0.45, 0.005, 0, 1);
}
.page-off-canvas-main-menu li {
list-style-type: none;
}
.page-off-canvas-main-menu .sub-menu,
.page-off-canvas-main-menu .children {
display: none;
}
.page-off-canvas-main-menu .vc_column_container {
display: block !important;
float: none;
width: 100% !important;
}
.admin-bar .page-off-canvas-main-menu {
top: 32px;
}
.page-off-canvas-main-menu .insight-core-bmw .menu {
text-align: center !important;
}
.page-off-canvas-main-menu .insight-core-bmw li {
margin-bottom: 0;
padding: 0;
border: 0;
}
.page-off-canvas-main-menu .insight-core-bmw li a {
padding: 0;
}
.page-off-canvas-menu-opened {
overflow: hidden;
}
.page-off-canvas-menu-opened .page-header {
z-index: 99999;
}
.page-off-canvas-menu-opened .page-off-canvas-main-menu {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.page-off-canvas-menu-opened .page-off-canvas-main-menu .menu__container > li {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.page-off-canvas-menu-opened .page-close-main-menu {
visibility: visible;
opacity: 1;
}
.page-open-mobile-menu {
cursor: pointer;
}
.page-open-mobile-menu .inner {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: 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: '';
-webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
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;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
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;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.page-close-mobile-menu:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.page-close-mobile-menu:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.page-close-mobile-menu:hover:before, .page-close-mobile-menu:hover:after {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.page-mobile-menu-header {
position: absolute;
top: 0;
left: 0;
right: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0 15px 0 30px;
height: 80px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.page-mobile-menu-logo {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.page-mobile-menu-opened {
overflow: hidden;
}
.page-mobile-menu-opened.mobile-menu-push-to-right .site {
-webkit-transform: translateX(350px);
-ms-transform: translateX(350px);
transform: translateX(350px);
}
.page-mobile-menu-opened.mobile-menu-push-to-left .site {
-webkit-transform: translateX(-350px);
-ms-transform: translateX(-350px);
transform: translateX(-350px);
}
.mobile-menu-push-to-left .page-mobile-main-menu > .inner {
float: right;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.mobile-menu-slide-to-left .page-mobile-main-menu > .inner {
float: right;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.page-mobile-main-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999999;
background: rgba(0, 0, 0, 0.7);
visibility: hidden;
opacity: 0;
cursor: url(//www.securends.com/wp-content/themes/mitech/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;
height: 100%;
max-width: 80%;
text-align: left;
-webkit-transition: all .3s;
transition: all .3s;
padding-top: 80px;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
cursor: default;
background: #fff;
width: 360px;
}
.page-mobile-menu-opened .page-mobile-main-menu {
visibility: visible;
opacity: 1;
}
.page-mobile-menu-opened .page-mobile-main-menu > .inner {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.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 30px 100px;
}
.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;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.page-mobile-main-menu .toggle-sub-menu:after {
content: '\f107';
font-size: 18px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.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;
height: calc(100vh - 80px);
}
.handheld .page-mobile-menu-content {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
@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: 32px;
}
.insight_core_breadcrumb li + li:before {
content: '/';
position: absolute;
left: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-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;
-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
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 {
margin-top: 21px;
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;
overflow: hidden;
}
.page-scroll-up i {
position: absolute;
top: 50%;
left: 50%;
color: #ffffff;
}
.page-scroll-up .arrow-top {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.page-scroll-up .arrow-bottom {
-webkit-transform: translate(-50%, 80px);
-ms-transform: translate(-50%, 80px);
transform: translate(-50%, 80px);
}
.page-scroll-up.show {
bottom: 30px;
opacity: 1;
visibility: visible;
}
.page-scroll-up:hover .arrow-top {
-webkit-transform: translate(-50%, -80px);
-ms-transform: translate(-50%, -80px);
transform: translate(-50%, -80px);
}
.page-scroll-up:hover .arrow-bottom {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.search-popup-close {
position: absolute;
top: 40px;
right: 40px;
cursor: pointer;
height: 44px;
width: 44px;
}
.search-popup-close:before, .search-popup-close:after {
position: absolute;
top: 21px;
left: 0;
content: '';
width: 44px;
height: 3px;
background: #222;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.search-popup-close:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.search-popup-close:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.search-popup-close:hover:before, .search-popup-close:hover:after {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.page-search-popup-opened {
overflow: hidden;
}
.page-search-popup {
-webkit-transition: all .5s;
transition: all .5s;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999999;
background: #fff;
visibility: hidden;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.admin-bar .page-search-popup {
top: 32px;
height: calc(100% - 32px);
}
.page-search-popup-opened .page-search-popup {
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.page-search-popup .page-search-popup-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.page-search-popup .search-form {
position: relative;
color: #086ad8;
width: 1170px;
max-width: 90%;
margin: 0 auto;
}
.page-search-popup .search-field {
font-size: 72px;
height: 100px;
background-color: transparent !important;
border: 0;
border-bottom: 3px solid #086ad8 !important;
border-radius: 0;
padding: 15px 50px 15px 0;
color: inherit;
}
.page-search-popup .search-submit {
display: none;
}
@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: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 30px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
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: '';
-webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
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;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
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;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.page-close-off-sidebar:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.page-close-off-sidebar:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.page-close-off-sidebar:hover:before, .page-close-off-sidebar:hover:after {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.page-off-sidebar-header {
position: absolute;
top: 0;
left: 0;
right: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0 50px;
height: 85px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.page-off-sidebar-logo {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
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(//www.securends.com/wp-content/themes/mitech/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;
-webkit-transition: all .3s;
transition: all .3s;
overflow-y: auto;
padding-top: 85px;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
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 {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.page-off-sidebar .page-off-sidebar-content {
padding: 50px 50px;
}
.page-off-sidebar .widget-title {
font-size: 18px;
line-height: 1.23;
margin-bottom: 27px;
}
.page-off-sidebar .widget + .widget {
margin-top: 53px;
}
.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%;
}
}
.ll-image {
-webkit-transition: all .3s;
transition: all .3s;
}
.ll-image.unload {
-webkit-filter: blur(5px);
filter: blur(5px);
} @-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 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 {
-webkit-animation: fadeIn 0.95s ease forwards;
animation: fadeIn 0.95s ease forwards;
}
.page-has-animation:not(.compose-mode) .page-content .tm-animation.move-up.animate {
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-webkit-animation: moveVertical 0.65s ease forwards;
animation: moveVertical 0.65s ease forwards;
}
.page-has-animation:not(.compose-mode) .page-content .tm-animation.move-down.animate {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-animation: moveVertical 0.65s ease forwards;
animation: moveVertical 0.65s ease forwards;
}
.page-has-animation:not(.compose-mode) .page-content .tm-animation.move-left.animate {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
-webkit-animation: moveHorizontal 0.65s ease forwards;
animation: moveHorizontal 0.65s ease forwards;
}
.page-has-animation:not(.compose-mode) .page-content .tm-animation.move-right.animate {
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
-webkit-animation: moveHorizontal 0.65s ease forwards;
animation: moveHorizontal 0.65s ease forwards;
}
.page-has-animation:not(.compose-mode) .page-content .tm-animation.scale-up.animate {
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
-webkit-animation: scaleUp 0.65s ease-in-out forwards;
animation: scaleUp 0.65s ease-in-out forwards;
}
.page-has-animation:not(.compose-mode) .page-content .tm-animation.pop-up {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.page-has-animation:not(.compose-mode) .page-content .tm-animation.pop-up.animate {
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
-webkit-animation: popUp .8s ease-in forwards;
animation: popUp .8s ease-in forwards;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.page-has-animation:not(.compose-mode) .page-content .tm-swiper .tm-animation {
opacity: 1 !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
-webkit-perspective: none !important;
perspective: none !important;
}
.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);
}
.col-content-middle {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.font-medium {
font-weight: 500 !important;
}
.display-inline {
display: inline !important;
}
.display-inline-block {
display: inline-block !important;
}
.display-block {
display: block !important;
}
.image-rounded img {
border-radius: inherit;
}
@media (max-width: 991px) {
.col-sm-order-first {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.col-sm-order-second {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
}
@media (max-width: 767px) {
.col-xs-order-first {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.col-xs-order-second {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
}
.section-half-bg-01 {
position: relative;
}
.section-half-bg-01:before {
display: block !important;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 48%;
background: #f6fafe;
} @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);
}
.site {
overflow: hidden;
}
.page-sidebar,
.page-main-content {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.comments-area {
margin-top: 53px;
padding-top: 40px;
}
.comment-content a {
word-wrap: break-word;
}
.comment-notes,
.logged-in-as {
margin-bottom: 34px;
}
.bypostauthor {
display: block;
}
.comments-title,
.comment-reply-title {
display: block;
margin-bottom: 20px;
font-size: 34px;
font-weight: 500;
}
.comments-title {
margin-bottom: 50px;
}
.comments-wrap {
margin-bottom: 62px;
}
.comment-list {
margin: 0;
padding: 0;
}
.comment-list .comment {
list-style-type: none;
}
.comment-list > .comment + .comment {
margin-top: 40px;
padding-top: 40px;
border-top: 1px solid #ededed;
}
.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 {
margin: 40px 0 20px 30px;
padding: 0;
}
.comment-list .children li + li {
margin-top: 35px;
}
.comment-list .meta {
margin-bottom: 12px;
}
.comment-list .comment-author {
float: left;
}
.comment-list .comment-author img {
border-radius: 50%;
}
.comment-list .comment-content {
position: relative;
overflow: hidden;
margin-left: 120px;
}
.comment-list .fn {
font-size: 15px;
text-transform: uppercase;
display: inline-block;
margin-bottom: 0;
}
.comment-list .fn a {
font-style: inherit;
font-size: inherit;
}
.comment-list .comment-datetime {
display: inline-block;
margin-right: 6px;
}
.comment-list .comment-actions {
font-weight: 500;
margin-top: 16px;
color: #ababab;
}
.comment-list .comment-actions a {
display: inline-block;
margin-left: 10px;
margin-right: 10px;
font-weight: 700;
}
.comment-list .comment-awaiting-messages {
display: block;
}
.comment-list .comment-respond {
margin-top: 30px;
}
.comment-form textarea {
height: 150px;
padding: 19px 20px 3px;
}
.comment-form .row {
margin-left: -10px;
margin-right: -10px;
}
.comment-form [class*=col-] {
padding-left: 10px;
padding-right: 10px;
}
.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: 30px 0 0;
}
.comment-form p.form-submit input {
padding: 0 54px;
min-width: 180px;
}
.comment-form .comment-form-cookies-consent {
margin-top: 15px;
}
.comment-form .comment-form-cookies-consent label {
cursor: pointer;
vertical-align: middle;
}
@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;
}
}
@media (max-width: 767px) {
.comment-form textarea {
height: 120px;
}
.comment-list .comment {
margin-bottom: 30px;
padding-bottom: 30px;
}
.comment-list .children {
margin-top: 30px;
padding-top: 30px;
}
.comment-list .children,
.comment-list .children .children {
padding-left: 20px;
}
}
.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;
}
.revolution-slider-rounded .tp-revslider-mainul {
border-radius: 5px;
}
.page-loading {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999999;
overflow: hidden;
pointer-events: none;
-webkit-transition: all 1s;
transition: all 1s;
}
.page-loading .loader-section {
position: fixed;
top: 0;
width: 51%;
height: 100%;
background: #fff;
}
.page-loading .loader-section.section-left {
left: 0;
}
.page-loading .loader-section.section-right {
right: 0;
}
.page-loading .sk-wrap {
width: 60px;
height: 60px;
margin: 0 auto;
font-size: 0;
}
.page-loading .sk-wrap .sk-circle {
margin: 0 auto;
}
.page-loading .sk-wandering-cubes .sk-cube {
width: 16px;
height: 16px;
}
.page-loading .sk-three-bounce {
width: 80px;
height: 20px;
}
.page-loading .sk-three-bounce .sk-child {
display: block;
float: left;
}
.page-loading .sk-three-bounce .sk-bounce2 {
margin: 0 10px;
}
.page-loading .sk-wave > div {
width: 7px;
margin: 0 2px 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;
}
.page-load-inner {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.preloader-wrap {
display: table;
width: 100%;
height: 100%;
}
.preloader-wrap .wrap-2 {
display: table-cell;
vertical-align: middle;
text-align: center;
}
body.loaded .page-loading .loader-section.section-left {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
}
body.loaded .page-loading .loader-section.section-right {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
}
body.loaded .page-loading .inner {
opacity: 0;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.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;
}
.lg-actions .lg-prev:before, .lg-actions .lg-prev:after,
.lg-actions .lg-next:before,
.lg-actions .lg-next:after {
color: #fff;
}
.tm-swiper {
position: relative;
z-index: 1;
}
.tm-swiper:hover .swiper-nav-button {
opacity: 1;
visibility: visible;
}
.tm-swiper .swiper-inner {
position: relative;
}
.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.equal-height > .swiper-inner > .swiper-container > .swiper-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.tm-swiper.equal-height > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: auto;
}
.tm-swiper.v-center > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.tm-swiper.h-center > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.tm-swiper.c-bottom > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.tm-swiper.equal-height.v-center > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide {
-webkit-align-self: auto;
-ms-flex-item-align: auto;
-ms-grid-row-align: auto;
align-self: auto;
}
.tm-swiper.equal-height.v-center > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide > div {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.tm-swiper[data-autoplay="1"] .swiper-wrapper {
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}
.tm-swiper .swiper-pagination {
position: static;
margin-top: 31px;
width: 100%;
text-align: center;
line-height: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
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 {
width: 12px;
height: 12px;
opacity: 1;
}
.tm-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
cursor: default;
}
.tm-swiper .swiper-pagination-bullet:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 100%;
width: 8px;
height: 8px;
background: currentColor;
opacity: .3;
z-index: 1;
}
.tm-swiper .swiper-pagination-bullet:only-child {
visibility: hidden;
}
.tm-swiper .swiper-nav-button {
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.3s linear 2s, opacity 0.3s linear 2s;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.3s linear 2s, opacity 0.3s linear 2s;
background-image: none;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
width: 48px;
height: 48px;
font-size: 24px;
color: #6d70a6;
border: 0;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.01);
opacity: 0;
visibility: hidden;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
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%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.tm-swiper .swiper-nav-button:after {
display: none;
}
.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 {
background: #fff;
}
.tm-swiper.nav-style-02 .swiper-nav-button:before {
border-radius: inherit;
opacity: 0;
visibility: hidden;
}
.tm-swiper.nav-style-02 .swiper-nav-button:hover {
color: #fff;
}
.tm-swiper.nav-style-02 .swiper-nav-button:hover:before {
opacity: 1;
visibility: visible;
}
.tm-swiper.nav-style-02 .swiper-button-prev {
left: 30px;
}
.tm-swiper.nav-style-02 .swiper-button-next {
right: 30px;
}
.tm-swiper.nav-style-03 .swiper-nav-button {
background: transparent;
border: 2px solid #eee;
opacity: .3;
}
.tm-swiper.nav-style-03 .swiper-nav-button:hover {
opacity: 1;
}
.tm-swiper.nav-style-03 .nav-button-icon {
font-size: 18px;
color: #fff;
}
.tm-swiper.nav-style-03 .swiper-button-prev {
left: 0;
}
.tm-swiper.nav-style-03 .swiper-button-prev .nav-button-icon:before {
content: '\f060';
}
.tm-swiper.nav-style-03 .swiper-button-next {
right: 0;
}
.tm-swiper.nav-style-03 .swiper-button-next .nav-button-icon:before {
content: '\f061';
}
.tm-swiper.nav-style-04 .swiper-nav-button {
font-size: 64px;
width: 64px;
height: 64px;
}
.tm-swiper.pagination-style-02 .swiper-pagination-bullet:before {
background: #fff;
opacity: 1;
}
.tm-swiper.pagination-style-02 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
width: 16px;
height: 16px;
box-shadow: 0 0 9px #ededed;
}
.tm-swiper.pagination-style-03 {
margin-bottom: 0;
}
.tm-swiper.pagination-style-03 .swiper-pagination {
position: absolute;
width: auto;
top: 50%;
right: 50px;
bottom: auto;
left: auto;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
margin: 0;
}
.tm-swiper.pagination-style-03 .swiper-pagination-bullet {
display: block;
margin: 0;
}
.tm-swiper.pagination-style-03 .swiper-pagination-bullet + .swiper-pagination-bullet {
margin-top: 10px;
}
.tm-swiper.pagination-style-04 .swiper-pagination-bullet:before {
background: #333;
opacity: .3;
}
.tm-swiper.pagination-style-04 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
opacity: 1;
}
@media (min-width: 992px) {
.tm-swiper.nav-style-04 .swiper-nav-button.swiper-button-prev {
left: -65px;
}
.tm-swiper.nav-style-04 .swiper-nav-button.swiper-button-next {
right: -65px;
}
}
@media (min-width: 1500px) {
.tm-swiper.nav-style-04 .swiper-nav-button.swiper-button-prev {
left: -125px;
}
.tm-swiper.nav-style-04 .swiper-nav-button.swiper-button-next {
right: -125px;
}
}
.odometer-auto-theme {
display: -moz-inline-box;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
position: relative;
*display: inline;
}
.odometer-auto-theme .odometer-digit {
display: -moz-inline-box;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
position: relative;
*display: inline;
}
.odometer-auto-theme .odometer-digit-spacer {
display: -moz-inline-box;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
visibility: hidden;
*display: inline;
}
.odometer-auto-theme .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.odometer-auto-theme .odometer-ribbon {
display: block;
}
.odometer-auto-theme .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden;
}
.odometer-auto-theme .odometer-value {
display: block;
-webkit-transform: translateZ(0);
}
.odometer-auto-theme .odometer-value.odometer-last-value {
position: absolute;
}
.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 4s cubic-bezier(0.6, 0.3, 0.3, 1);
transition: -webkit-transform 4s cubic-bezier(0.6, 0.3, 0.3, 1);
transition: 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 4s cubic-bezier(0.6, 0.3, 0.3, 1);
}
.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 4s cubic-bezier(0.6, 0.3, 0.3, 1);
transition: -webkit-transform 4s cubic-bezier(0.6, 0.3, 0.3, 1);
transition: 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 4s cubic-bezier(0.6, 0.3, 0.3, 1);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
#growls-br {
right: 15px !important;
bottom: 15px !important;
}
.growl.growl {
opacity: 1;
font-size: 14px;
border-radius: 5px;
}
.growl.growl.growl-default {
color: inherit;
background: #fff;
box-shadow: 0 0 30px rgba(51, 51, 51, 0.1);
}
.growl.growl.growl-large {
padding: 19px 30px 18px;
}
.growl.growl.growl-large .growl-close {
margin-right: -29px;
margin-top: -9px;
}
.growl.growl .growl-message {
line-height: 1.72;
}
.growl.growl .growl-close {
position: relative;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
margin-right: -10px;
margin-top: -6px;
font-size: 0;
}
.growl.growl .growl-close:before {
content: '\f00d';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 16px;
}
#tm-button-cookie-notice-ok {
font-size: 15px;
margin-top: 17px;
}
.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;
}
.newsletter-popup {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 99999;
background: rgba(17, 17, 17, 0.5);
opacity: 0;
visibility: hidden;
text-align: center;
cursor: url(//www.securends.com/wp-content/themes/mitech/assets/images/cursor/light-close.png) 16 16, pointer;
}
.newsletter-popup .inner {
position: absolute;
top: 50%;
left: 50%;
width: 370px;
max-width: 90%;
background: #fff;
border-radius: 5px;
-webkit-transform: translate(-50%, -50%) scale(1.1, 1.1);
-ms-transform: translate(-50%, -50%) scale(1.1, 1.1);
transform: translate(-50%, -50%) scale(1.1, 1.1);
padding: 41px 30px 50px;
cursor: default;
}
.newsletter-popup .popup-heading {
font-size: 24px;
line-height: 1.5;
margin-bottom: 7px;
}
.newsletter-popup .popup-description {
margin-bottom: 13px;
}
.newsletter-popup .popup-form {
margin-top: 21px;
}
.newsletter-popup .form-item {
margin-top: 20px;
}
.newsletter-popup .form-submit {
margin: 0 auto;
}
.newsletter-popup-opened {
overflow: hidden;
}
.newsletter-popup-opened .newsletter-popup {
opacity: 1;
visibility: visible;
}
.newsletter-popup-opened .newsletter-popup .inner {
-webkit-transform: translate(-50%, -50%) scale(1, 1);
-ms-transform: translate(-50%, -50%) scale(1, 1);
transform: translate(-50%, -50%) scale(1, 1);
}
.newsletter-popup-close {
position: absolute;
width: 40px;
height: 40px;
line-height: 40px;
top: 6px;
right: 5px;
font-size: 16px;
cursor: pointer;
}
.page-content {
padding-top: 100px;
padding-bottom: 100px;
}
.sticky .post-sticky span {
margin-right: 7px;
}
.post-password-form input[type='submit'] {
display: block;
margin: 30px auto 0;
}
.single-post .page-content {
padding-bottom: 120px;
}
.single-post .page-title-bar + .page-content {
padding-top: 85px;
}
.single-post .page-header + .page-content {
padding-top: 120px;
}
.single-post.page-has-no-sidebar .page-content > .container {
max-width: 800px;
}
.single-post.page-has-no-sidebar .entry-post-feature {
margin-bottom: 40px;
}
.single-post.page-has-no-sidebar .entry-header {
text-align: center;
margin-bottom: 41px;
}
.single-post.page-has-no-sidebar .entry-post-categories {
margin-bottom: 16px;
}
.single-post.page-has-no-sidebar .comment-form .form-submit {
text-align: center;
}
.single-post .entry-header {
margin-bottom: 15px;
}
.single-post .entry-post-feature {
line-height: 0;
margin-bottom: 31px;
}
.single-post .entry-post-feature img {
border-radius: 5px;
}
.single-post .entry-post-feature.post-video, .single-post .entry-post-feature.post-link, .single-post .entry-post-feature.post-quote {
margin-bottom: 46px;
}
.single-post .entry-post-feature.post-audio {
margin-bottom: 38px;
}
.single-post .entry-post-feature.post-audio iframe {
width: 100%;
height: 200px;
border: 0;
}
.single-post .entry-post-feature.post-link {
padding: 82px 100px;
background: #f7fbfe;
font-size: 24px;
line-height: 1.5;
}
.single-post .entry-post-feature.post-link a {
word-wrap: break-word;
}
.single-post .entry-post-feature.post-quote {
position: relative;
text-align: center;
}
.single-post .entry-post-feature .post-quote-content {
position: relative;
padding: 48px 40px;
}
.single-post .entry-post-feature .post-quote-content .quote-icon {
color: #fff;
font-size: 26px;
margin-bottom: 35px;
}
.single-post .entry-post-feature .post-quote-text {
margin-bottom: 26px;
color: #fff;
font-size: 24px;
line-height: 1.375;
}
.single-post .entry-post-feature .post-quote-name {
font-size: 18px;
color: #fff;
}
.single-post .entry-post-feature .post-quote-name a {
color: inherit;
}
.single-post .entry-post-feature .swiper-container {
border-radius: 5px;
}
.single-post .entry-post-categories {
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
margin-bottom: 9px;
}
.single-post .entry-post-categories a {
color: inherit;
}
.single-post .entry-content {
margin-bottom: 30px;
}
.single-post .post-thumbnail {
text-align: center;
}
.single-post .entry-post-meta {
font-size: 14px;
margin: 0 -8px;
}
.single-post .entry-post-meta > div {
display: inline-block;
padding: 0 8px;
margin-bottom: 5px;
}
.single-post .entry-author-meta a {
display: block;
}
.single-post .entry-author-meta img {
width: 32px;
vertical-align: middle;
margin-right: 6px;
border-radius: 50%;
}
.single-post .meta-icon {
font-size: 14px;
margin-right: 7px;
}
.single-post .entry-footer {
padding-bottom: 30px;
border-bottom: 1px solid #eee;
margin-bottom: 42px;
}
.single-post .entry-post-tags {
color: #ababab;
font-size: 13px;
font-weight: 500;
line-height: 1.85;
}
.single-post .entry-post-tags .tagcloud-icon {
display: inline-block;
vertical-align: middle;
font-size: 18px;
margin-right: 6px;
margin-bottom: 0;
color: #696969;
}
.single-post .entry-post-tags .tagcloud {
display: inline-block;
vertical-align: middle;
}
.single-post .entry-post-tags a {
color: inherit;
}
.related-posts .related-title {
margin-top: 66px;
margin-bottom: 32px;
font-size: 34px;
font-weight: 500;
}
.related-posts > .tm-swiper {
margin: -15px;
}
.related-posts > .tm-swiper > .swiper-pagination {
position: absolute;
bottom: auto;
top: -39px;
left: auto;
right: 10px;
width: auto;
margin: 0;
}
.related-posts .related-post-item {
padding: 15px;
width: 100%;
}
.related-posts .post-wrapper {
position: relative;
height: 100%;
background-color: #fff;
border: 1px solid #e7e7e7;
border-radius: 5px;
overflow: hidden;
}
.related-posts .has-post-thumbnail .post-wrapper:hover {
border-color: transparent;
}
.related-posts .has-post-thumbnail .post-wrapper:hover .post-info {
opacity: 0;
visibility: hidden;
}
.related-posts .has-post-thumbnail .post-wrapper:hover .post-overlay {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.related-posts .post-no-thumbnail .post-wrapper:hover {
background: #333;
border-color: transparent;
}
.related-posts .post-no-thumbnail .post-wrapper:hover .post-categories,
.related-posts .post-no-thumbnail .post-wrapper:hover .post-title {
color: #fff;
}
.related-posts .post-overlay {
-webkit-transition: all .3s, -webkit-transform 1s;
transition: all .3s, -webkit-transform 1s;
transition: all .3s, transform 1s;
transition: all .3s, transform 1s, -webkit-transform 1s;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #222;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 0;
visibility: hidden;
border-radius: 5px;
}
.related-posts .post-info {
padding: 85px 30px 43px;
}
.related-posts .post-title {
margin: 6px 0 0;
font-size: 18px;
line-height: 1.5;
word-wrap: break-word;
}
.related-posts .post-categories {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 14px;
font-weight: 500;
}
.related-posts .post-categories a {
color: inherit;
}
.entry-title {
font-size: 40px;
line-height: 1.4;
margin: 0 0 16px;
word-wrap: break-word;
}
.entry-author .author-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.entry-author .author-avatar {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 170px;
text-align: center;
}
.entry-author .author-avatar img {
width: 100px;
border-radius: 50%;
}
.entry-author .author-name {
margin-bottom: 13px;
font-size: 15px;
text-transform: uppercase;
}
.entry-author .author-biographical-info {
margin-top: 15px;
}
.entry-author .author-social-networks .inner {
display: inline-block;
margin: 13px -9px 0;
}
.entry-author .author-social-networks a {
display: block;
float: left;
padding: 6px 10px;
font-size: 15px;
line-height: 1;
}
.entry-post-share {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.entry-post-share.opened .share-list {
-webkit-transform: translate(-50%, -22px);
-ms-transform: translate(-50%, -22px);
transform: translate(-50%, -22px);
visibility: visible;
opacity: 1;
}
.entry-post-share .share-label {
font-weight: 500;
margin-right: 8px;
}
.entry-post-share .share-icon {
height: 56px;
width: 56px;
line-height: 56px;
font-size: 18px;
border-radius: 50%;
text-align: center;
cursor: pointer;
color: #fff;
}
.entry-post-share .share-media {
position: relative;
}
.entry-post-share .share-list {
position: absolute;
bottom: 100%;
left: 50%;
-webkit-transform: translate(-50%, -12px);
-ms-transform: translate(-50%, -12px);
transform: translate(-50%, -12px);
width: auto;
white-space: nowrap;
padding: 0 4px;
text-align: center;
background: #fff;
border-radius: 5px;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-filter: drop-shadow(0 2px 20px rgba(0, 0, 0, 0.06));
filter: drop-shadow(0 2px 20px rgba(0, 0, 0, 0.06));
z-index: 999;
visibility: hidden;
opacity: 0;
}
.entry-post-share .share-list:before {
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
content: '';
border-top: 8px solid #fff;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
}
.entry-post-share .share-list a {
display: inline-block;
font-size: 13px;
padding: 12px;
color: #ababab;
}
.blog-nav-links {
margin-top: 36px;
}
.blog-nav-links .nav-list {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
grid-gap: 50px 30px;
}
.blog-nav-links .nav-item {
line-height: 0;
}
.blog-nav-links .inner a {
position: relative;
display: block;
}
.blog-nav-links .inner a:hover > div {
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.blog-nav-links .inner div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 120px;
background-color: #333;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 5px;
overflow: hidden;
}
.blog-nav-links .inner div:before {
opacity: 0.5;
background-image: -webkit-linear-gradient(top, rgba(51, 51, 51, 0) 0%, #000 80%);
background-image: linear-gradient(-180deg, rgba(51, 51, 51, 0) 0%, #000 80%);
border-radius: 5px;
}
.blog-nav-links .inner h6 {
position: relative;
color: #fff;
font-size: 18px;
font-weight: 500;
line-height: 1.56;
margin: 0;
}
.blog-nav-links .inner h6:before {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 24px;
}
.blog-nav-links .prev h6 {
padding-left: 50px;
padding-right: 20px;
}
.blog-nav-links .prev h6:before {
left: 20px;
content: '\f104';
}
.blog-nav-links .next {
text-align: right;
}
.blog-nav-links .next h6 {
padding-left: 20px;
padding-right: 50px;
}
.blog-nav-links .next h6:before {
right: 20px;
content: '\f105';
}
@media (max-width: 767px) {
.blog-nav-links .nav-list {
-ms-grid-columns: auto;
grid-template-columns: auto;
}
.blog-nav-links h6 {
font-size: 30px;
}
}
.entry-case-study-categories {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
margin: 3px 0 12px;
}
.entry-case-study-categories a {
color: inherit;
}
.entry-case-study-title {
font-size: 34px;
line-height: 1.42;
margin-bottom: 25px;
}
.entry-case-study-details table {
margin-bottom: 0;
}
.entry-case-study-details td {
border: 0;
background: none !important;
padding: 17px 10px;
text-align: left;
}
.entry-case-study-details td:first-child {
padding-left: 0;
}
.entry-case-study-details td:last-child {
text-align: right;
padding-right: 0;
}
.entry-case-study-details tr + tr {
border-top: 1px solid #ededed;
}
.entry-case-study-details ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.entry-case-study-details .label {
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
letter-spacing: 1px;
color: #333;
margin-bottom: 12px;
}
.entry-case-study-feature-wrap {
max-width: 540px;
}
.entry-case-study-main-info {
margin-bottom: 22px;
}
.entry-case-study-share .inner {
display: inline-block;
margin: 0 -10px;
}
.entry-case-study-share a {
padding: 0 10px;
font-size: 15px;
color: #ababab;
}
.entry-case-study-link {
margin-top: 37px;
}
.entry-case-study-feature img {
width: 100%;
}
.entry-case-study-feature figure {
margin: 0;
position: relative;
}
.entry-case-study-feature figcaption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.4);
color: #fff;
font-size: 14px;
padding: 10px;
border-radius: 0 0 5px 5px;
}
.entry-case-study-feature .swiper-container {
border-radius: 5px;
}
.entry-case-study-feature .tm-grid-wrapper {
margin-top: 20px;
}
.entry-case-study-image + .entry-case-study-image {
margin-top: 30px;
}
.entry-case-study-image img {
border-radius: 5px;
}
.entry-case-study-video {
border-radius: 5px;
}
.entry-case-study-video + .entry-case-study-feature,
.entry-case-study-feature + .entry-case-study-video {
padding-top: 30px;
}
.case-study-nav-links > .container {
padding-left: 0;
padding-right: 0;
}
.case-study-nav-links .nav-list {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
grid-gap: 50px;
}
.case-study-nav-links .nav-item {
line-height: 0;
}
.case-study-nav-links .inner {
width: 100%;
max-width: 430px;
min-height: 190px;
display: inline-block;
}
.case-study-nav-links .inner a {
position: relative;
display: block;
}
.case-study-nav-links .inner a:hover h6 {
color: inherit;
}
.case-study-nav-links .inner a:hover h6:before {
color: inherit;
}
.case-study-nav-links .inner div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 190px;
padding: 20px 0;
}
.case-study-nav-links .inner img {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 120px;
border-radius: 3px;
}
.case-study-nav-links .inner h6 {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font-size: 18px;
font-weight: 500;
line-height: 1.56;
margin: 0;
}
.case-study-nav-links .inner h6:before {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 24px;
}
.case-study-nav-links .prev a {
padding-left: 36px;
}
.case-study-nav-links .prev img {
margin-right: 28px;
}
.case-study-nav-links .prev h6:before {
left: 0;
content: '\f104';
}
.case-study-nav-links .next {
text-align: right;
}
.case-study-nav-links .next a {
padding-right: 36px;
}
.case-study-nav-links .next img {
margin-left: 28px;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.case-study-nav-links .next h6:before {
right: 0;
content: '\f105';
}
.entry-case-study-return-link {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
border-radius: 50%;
background: #f6f2ed;
font-size: 18px;
}
.entry-case-study-return-link:hover {
color: #fff;
}
.entry-case-study-return-link span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.single-case_study-style-big_image_slider .entry-case-study-feature-wrap {
max-width: 100%;
}
.single-case_study-style-big_image_slider .entry-case-study-content {
margin-top: 83px;
}
.single-case_study-style-big_image_slider .entry-case-study-categories {
margin: 0 0 2px;
}
.single-case_study-style-big_image_slider .entry-case-study-title {
margin: 10px 0 15px;
}
.single-case_study-style-big_image_slider .entry-case-study-main-info {
max-width: 500px;
}
.single-case_study-style-image_grid .entry-case-study-feature-wrap {
max-width: 720px;
}
.related-case-study {
padding-top: 100px;
}
.related-case-study .container {
padding: 0;
}
.related-case-study .post-permalink {
display: block;
}
.related-case-study .post-thumbnail img {
width: 100%;
}
.related-case-study-title {
margin: 0 0 45px;
text-align: center;
font-size: 24px;
}
@media (max-width: 767px) {
.case-study-nav-links .nav-list {
-ms-grid-columns: auto;
grid-template-columns: auto;
}
.case-study-nav-links h6 {
font-size: 30px;
}
.entry-case-study-feature-wrap {
margin-bottom: 50px;
}
}
.archive-case_study .page-pagination li .current {
background: #fff;
}
.archive-case-study-category-list {
margin: 0 0 60px;
text-align: center;
}
.archive-case-study-category-list .cat-list {
line-height: 0;
}
.archive-case-study-category-list .cat-item {
display: inline-block;
font-size: 18px;
font-weight: 500;
margin-bottom: 0;
padding: 0 11px;
}
.archive-case-study-category-list .cat-item.current a,
.archive-case-study-category-list .cat-item a:hover {
color: inherit;
}
.archive-case-study-category-list .cat-item.current a:after,
.archive-case-study-category-list .cat-item a:hover:after {
width: 100%;
left: 0;
right: auto;
}
.archive-case-study-category-list .cat-link {
position: relative;
overflow: hidden;
z-index: 1;
display: block;
padding: 5px;
}
.archive-case-study-category-list .cat-link:after {
content: '';
position: absolute;
bottom: 0;
left: auto;
right: 0;
z-index: -1;
width: 0;
height: 2px;
-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
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 5px 5px 0;
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
background: none;
box-shadow: none;
-webkit-transform: none;
-ms-transform: 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%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -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 .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 {
color: #fff;
font-size: 56px;
font-weight: 400;
line-height: 1.28;
}
.error404 .error-buttons {
margin-top: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.error404 .error-buttons .tm-button-wrapper {
padding: 10px;
}
.error404 .error-buttons .tm-button {
padding: 0 43px;
}
.error404 .error-buttons .tm-button .button-icon {
font-size: 16px;
}
.page-template-maintenance {
width: 100%;
height: 100%;
text-align: center;
}
.page-template-maintenance .site .container-fluid > .row > .col-md-6 {
padding-left: 0;
padding-right: 0;
}
.page-template-maintenance .maintenance-page {
padding: 50px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.page-template-maintenance .cs-content-wrapper {
width: 660px;
max-width: 100%;
margin: 0 auto;
}
.page-template-maintenance .cs-logo {
margin-bottom: 152px;
}
.page-template-maintenance .cs-title {
font-size: 40px;
line-height: 1.4;
margin: 0 auto 43px;
width: 600px;
max-width: 100%;
}
.page-template-maintenance .cs-form {
margin-top: 62px;
}
.page-template-maintenance .maintenance-social-networks {
margin-top: 30px;
}
@media (max-width: 1199px) {
.page-template-maintenance .cs-content-wrapper {
padding-left: 15px;
padding-right: 15px;
width: 510px;
max-width: 100%;
}
.page-template-maintenance .cs-logo {
margin-bottom: 50px;
}
}
@media (max-width: 991px) {
.page-template-maintenance .cs-content-wrapper {
padding-left: 0;
padding-right: 0;
width: 510px;
max-width: 100%;
}
.page-template-maintenance .cs-title {
font-size: 30px;
}
.page-template-maintenance .coming-soon-bg {
height: 500px;
}
}
@media (max-width: 767px) {
.page-template-maintenance #maintenance-wrap .mc4wp-form .mc4wp-form-fields {
display: block;
}
.page-template-maintenance #maintenance-wrap .mc4wp-form .form-submit {
margin: 0 auto;
}
} 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;
-webkit-transition: all 0.3s ease-out;
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 {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: absolute;
z-index: 4;
top: 50%;
cursor: pointer;
width: 0;
height: 0;
border-style: solid;
margin-top: -38px;
-webkit-transform: translate3d(0, 0, 0);
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;
padding: 13px 7px;
position: relative;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
display: block;
position: relative;
z-index: 1;
width: 16px;
height: 16px;
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: 8px;
width: 8px;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all .1s ease-in-out;
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 ul li a.active span,
.fp-slidesNav ul li a.active span {
width: 100%;
height: 100%;
}
#fp-nav ul li a:not(.active):hover span,
.fp-slidesNav ul li a:not(.active):hover span {
width: 12px;
height: 12px;
}
#fp-nav {
position: fixed;
z-index: 100;
margin-top: -32px;
top: 50%;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#fp-nav.right {
right: 60px;
}
#fp-nav.left {
left: 60px;
}
.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='light'] #fp-nav .fp-tooltip {
background: #fff;
color: #333;
}
.page-template-one-page-scroll[data-row-skin='dark'] #fp-nav ul li span {
border-color: #e6e8ee;
}
.page-template-one-page-scroll[data-row-skin='dark'] #fp-nav .fp-tooltip {
background: #333;
color: #fff;
}
.page-template-one-page-scroll[data-row-skin='dark'] #fp-nav .fp-tooltip.right:after {
border-left-color: #333;
}
.page-template-one-page-scroll[data-row-skin='dark'] #fp-nav .fp-tooltip.left:after {
border-right-color: #333;
}
#fp-nav .fp-tooltip {
position: absolute;
top: 50%;
background: #fff;
color: #333;
font-size: 13px;
white-space: nowrap;
max-width: 220px;
display: block;
opacity: 0;
width: 0;
cursor: pointer;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 5px 10px;
border-radius: 5px;
}
#fp-nav .fp-tooltip:after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
#fp-nav .fp-tooltip.right {
right: 40px;
}
#fp-nav .fp-tooltip.right:after {
left: 100%;
border-left: 10px solid #fff;
}
#fp-nav .fp-tooltip.left {
left: 40px;
}
#fp-nav .fp-tooltip.left:after {
right: 100%;
border-right: 10px solid #fff;
}
#fp-nav 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;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
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 {
margin-top: 0 !important;
}
.fp-enabled .fp-table {
display: table !important;
}
.fp-enabled .admin-bar .site {
top: 32px;
}
.fp-enabled .site {
position: relative;
left: 0;
overflow: hidden;
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}
.fp-enabled .page-template-one-page-scroll #page-content {
position: relative;
z-index: 2;
-webkit-transition: -webkit-transform .6s ease;
transition: -webkit-transform .6s ease;
transition: transform .6s ease;
transition: transform .6s ease, -webkit-transform .6s ease;
}
.fp-enabled .page-template-one-page-scroll #page-footer-wrapper:not(.overlay) {
position: relative;
z-index: 2;
-webkit-transition: -webkit-transform .6s ease;
transition: -webkit-transform .6s ease;
transition: transform .6s ease;
transition: transform .6s ease, -webkit-transform .6s ease;
}
.fp-enabled .page-template-one-page-scroll.tm-one-page-footer-expanded #page-content {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
}
.fp-enabled .page-template-one-page-scroll.tm-one-page-footer-expanded #page-footer-wrapper {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.fp-enabled .page-template-one-page-scroll .custom-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-header .menu__container > li > a,
.fp-enabled .page-template-one-page-scroll[data-row-skin='light'] .page-open-mobile-menu i,
.fp-enabled .page-template-one-page-scroll[data-row-skin='light'] .page-open-main-menu i,
.fp-enabled .page-template-one-page-scroll[data-row-skin='light'] .header-right-more {
color: #fff !important;
}
.fp-enabled .page-template-one-page-scroll[data-row-skin='light']:not(.header-more-tools-opened) .popup-search-wrap i {
color: #fff !important;
}
.fp-enabled .page-template-one-page-scroll[data-row-skin='light'] .mini-cart .mini-cart-icon:after {
color: #333 !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-header .menu__container > li > a,
.fp-enabled .page-template-one-page-scroll[data-row-skin='dark'] .page-open-mobile-menu i,
.fp-enabled .page-template-one-page-scroll[data-row-skin='dark'] .page-open-main-menu i,
.fp-enabled .page-template-one-page-scroll[data-row-skin='dark'] .header-right-more {
color: #333 !important;
}
.fp-enabled .page-template-one-page-scroll[data-row-skin='dark']:not(.header-more-tools-opened) .popup-search-wrap i {
color: #333 !important;
}
.fp-enabled .page-template-one-page-scroll[data-row-skin='dark'] .mini-cart .mini-cart-icon:after {
color: #fff !important;
background: #333 !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: 45px;
}
.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: -15px;
margin-right: -15px;
}
.tm-grid-wrapper.filter-style-01 .btn-filter {
position: relative;
display: inline-block;
padding: 0 5px;
margin: 5px 17px;
border-bottom: 2px solid transparent;
}
.tm-grid-wrapper.filter-style-01 .btn-filter:hover .filter-counter {
visibility: visible;
opacity: 1;
-webkit-transform: translate(-50%, -100%);
-ms-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
}
.tm-grid-wrapper.filter-style-01 .btn-filter.current {
border-color: currentColor;
}
.tm-grid-wrapper.filter-style-01 .filter-text {
font-size: 18px;
font-weight: 500;
}
.tm-grid-wrapper.filter-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;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.tm-grid-wrapper.filter-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: "";
}
.modern-grid {
display: -ms-grid;
display: grid;
}
.grid-width-2 {
-ms-grid-column: span 2;
grid-column: span 2;
}
.grid-height-2 {
-ms-grid-row: span 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: 40px;
}
.tm-grid-loadmore-btn {
min-width: 180px;
}
.tm-grid-messages {
margin: 50px 0;
text-align: center;
}
.tm-grid .grid-item {
min-width: 0;
min-height: 0;
}
.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 {
-webkit-animation: fadeIn .95s ease forwards;
animation: fadeIn .95s ease forwards;
}
.page-has-animation:not(.compose-mode) .tm-grid.move-up .animate {
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-webkit-animation: moveVertical .65s ease forwards;
animation: moveVertical .65s ease forwards;
}
.page-has-animation:not(.compose-mode) .tm-grid.move-down .animate {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-animation: moveVertical .65s ease forwards;
animation: moveVertical .65s ease forwards;
}
.page-has-animation:not(.compose-mode) .tm-grid.move-left .animate {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
-webkit-animation: moveHorizontal .65s ease forwards;
animation: moveHorizontal .65s ease forwards;
}
.page-has-animation:not(.compose-mode) .tm-grid.move-right .animate {
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
-webkit-animation: moveHorizontal .65s ease forwards;
animation: moveHorizontal .65s ease forwards;
}
.page-has-animation:not(.compose-mode) .tm-grid.scale-up .animate {
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
-webkit-animation: scaleUp .65s ease-in-out forwards;
animation: scaleUp .65s ease-in-out forwards;
}
.page-has-animation:not(.compose-mode) .tm-grid.pop-up {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.page-has-animation:not(.compose-mode) .tm-grid.pop-up .animate {
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
-webkit-animation: popUp .8s ease-in forwards;
animation: popUp .8s ease-in forwards;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
@media (max-width: 767px) {
.tm-grid-wrapper .tm-filter-button-group-inner {
display: block;
}
.grid-width-2 {
-ms-grid-column: span 1;
grid-column: span 1;
}
.grid-height-2 {
-ms-grid-row: span 1;
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-categories {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
}
.tm-blog .post-meta {
font-size: 14px;
margin: 0 -8px;
}
.tm-blog .post-meta > div {
display: inline-block;
padding: 0 8px;
}
.tm-blog .post-author a {
display: block;
}
.tm-blog .post-author img {
width: 32px;
vertical-align: middle;
margin-right: 6px;
border-radius: 50%;
}
.tm-blog .meta-icon {
margin-right: 7px;
}
.tm-blog .post-audio {
line-height: 0;
}
.tm-blog .post-audio iframe {
width: 100%;
height: 165px;
border: 0;
}
.tm-blog .post-read-more {
margin-top: 13px;
}
.tm-blog .post-read-more.style-link a {
font-size: 14px;
font-weight: 500;
color: #086ad8;
padding-bottom: 4px;
border-bottom: 1px solid #ccc;
}
.tm-blog .post-read-more.style-link a:after {
content: '\f178';
display: inline-block;
vertical-align: middle;
margin-left: 6px;
}
.tm-blog .post-read-more.style-link .btn-text {
vertical-align: middle;
}
.tm-blog.style-list .post-item {
padding-bottom: 50px;
border-bottom: 1px solid #e4e8f6;
}
.tm-blog.style-list .post-item + .post-item {
margin-top: 50px;
}
.tm-blog.style-list .tm-grid-pagination {
padding-top: 60px;
}
.tm-blog.style-list .post-wrapper {
background: #fff;
}
.tm-blog.style-list .post-feature {
margin-bottom: 24px;
}
.tm-blog.style-list .post-thumbnail img,
.tm-blog.style-list .post-gallery img,
.tm-blog.style-list .post-video img {
border-radius: 5px;
}
.tm-blog.style-list .tm-swiper .swiper-container {
border-radius: 5px;
}
.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-link {
position: relative;
padding: 68px 20px 62px;
text-align: center;
}
.tm-blog.style-list .post-link:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 112px;
width: 112px;
background: url(//www.securends.com/wp-content/themes/mitech/assets/images/post-format/link.png) no-repeat;
}
.tm-blog.style-list .post-link a {
color: #fff;
}
.tm-blog.style-list .link-text {
font-size: 24px;
line-height: 1.5;
margin-bottom: 0;
}
.tm-blog.style-list .post-quote {
position: relative;
padding: 78px 40px 53px;
background: #f5f7fd;
text-align: center;
}
.tm-blog.style-list .post-quote:before {
content: '';
position: absolute;
left: 50%;
top: 54px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
height: 132px;
width: 150px;
background: url(//www.securends.com/wp-content/themes/mitech/assets/images/post-format/quote.png) no-repeat;
}
.tm-blog.style-list .post-quote-text {
font-size: 24px;
line-height: 1.5;
margin-bottom: 39px;
}
.tm-blog.style-list .post-quote-text a {
color: inherit;
}
.tm-blog.style-list .post-quote-name {
font-size: 18px;
color: #333;
margin-bottom: 0;
}
.tm-blog.style-list .post-categories {
margin-bottom: 19px;
}
.tm-blog.style-list .post-title {
font-size: 40px;
margin-bottom: 20px;
}
.tm-blog.style-list .post-meta > div {
margin-bottom: 5px;
}
.tm-blog.style-list .post-excerpt {
margin-top: 20px;
}
.tm-blog.style-list .post-footer {
margin-top: 33px;
}
.tm-blog.style-list .post-read-more {
margin-top: 0;
}
.tm-blog.style-list .post-read-more .tm-button {
min-width: 154px;
}
.tm-blog.style-list-small-image .post-item {
border-bottom: 1px solid #e4e8f6;
padding-bottom: 30px;
}
.tm-blog.style-list-small-image .post-item + .post-item {
margin-top: 30px;
}
.tm-blog.style-list-small-image .post-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.tm-blog.style-list-small-image .post-feature {
width: 270px;
margin-right: 30px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.tm-blog.style-list-small-image .post-thumbnail img,
.tm-blog.style-list-small-image .post-gallery img,
.tm-blog.style-list-small-image .post-video img {
border-radius: 5px;
}
.tm-blog.style-list-small-image .post-meta {
margin-top: 36px;
}
.tm-blog.style-list-small-image .post-info {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.tm-blog.style-list-small-image .format-link .post-wrapper,
.tm-blog.style-list-small-image .format-audio .post-wrapper,
.tm-blog.style-list-small-image .format-quote .post-wrapper {
display: block;
}
.tm-blog.style-list-small-image .format-link .post-feature,
.tm-blog.style-list-small-image .format-audio .post-feature,
.tm-blog.style-list-small-image .format-quote .post-feature {
width: 100%;
margin: 0 0 20px;
}
.tm-blog.style-list-small-image .post-link {
position: relative;
padding: 68px 20px 62px;
text-align: center;
}
.tm-blog.style-list-small-image .post-link:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 112px;
width: 112px;
background: url(//www.securends.com/wp-content/themes/mitech/assets/images/post-format/link.png) no-repeat;
}
.tm-blog.style-list-small-image .post-link a {
color: #fff;
}
.tm-blog.style-list-small-image .link-text {
font-size: 24px;
line-height: 1.5;
margin-bottom: 0;
}
.tm-blog.style-list-small-image .post-quote {
position: relative;
padding: 78px 40px 53px;
background: #f5f7fd;
text-align: center;
}
.tm-blog.style-list-small-image .post-quote:before {
content: '';
position: absolute;
left: 50%;
top: 54px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
height: 132px;
width: 150px;
background: url(//www.securends.com/wp-content/themes/mitech/assets/images/post-format/quote.png) no-repeat;
}
.tm-blog.style-list-small-image .post-quote-text {
font-size: 24px;
line-height: 1.5;
margin-bottom: 39px;
}
.tm-blog.style-list-small-image .post-quote-text a {
color: inherit;
}
.tm-blog.style-list-small-image .post-quote-name {
font-size: 18px;
color: #333;
margin-bottom: 0;
}
.tm-blog.style-list-small-image .post-categories {
margin-bottom: 9px;
}
.tm-blog.style-list-small-image .post-title {
font-size: 24px;
font-weight: 400;
line-height: 1.34;
margin-bottom: 10px;
}
.tm-blog.style-list-left-large-image .post-item {
border-bottom: 1px solid #eee;
padding-bottom: 50px;
}
.tm-blog.style-list-left-large-image .post-item + .post-item {
margin-top: 50px;
}
.tm-blog.style-list-left-large-image .post-item:last-child {
border-bottom: 0;
}
.tm-blog.style-list-left-large-image .post-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: -15px;
margin-right: -15px;
}
.tm-blog.style-list-left-large-image .post-info,
.tm-blog.style-list-left-large-image .post-feature {
width: 50%;
padding-left: 15px;
padding-right: 15px;
}
.tm-blog.style-list-left-large-image .post-thumbnail img {
border-radius: 5px;
}
.tm-blog.style-list-left-large-image .post-meta {
margin-bottom: 19px;
}
.tm-blog.style-list-left-large-image .post-info {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.tm-blog.style-list-left-large-image .post-title {
font-size: 34px;
line-height: 1.42;
margin-bottom: 20px;
}
.tm-blog.style-list-left-large-image .post-read-more {
margin-top: 33px;
}
.tm-blog.style-list-left-large-image .post-read-more .tm-button {
min-width: 154px;
}
.tm-blog.style-grid-classic .tm-grid-pagination {
padding-top: 85px;
}
.tm-blog.style-grid-classic .post-wrapper {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.tm-blog.style-grid-classic .post-wrapper:hover .post-feature {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.tm-blog.style-grid-classic .post-feature {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-bottom: 20px;
}
.tm-blog.style-grid-classic .post-feature img {
width: 100%;
border-radius: 5px;
}
.tm-blog.style-grid-classic .post-meta {
margin-bottom: 7px;
}
.tm-blog.style-grid-classic .post-info {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.tm-blog.style-grid-classic .post-categories {
margin-bottom: 6px;
}
.tm-blog.style-grid-classic .post-title {
font-size: 24px;
line-height: 1.5;
margin-bottom: 0;
}
.tm-blog.style-grid-classic .post-excerpt {
margin-top: 10px;
}
.tm-blog.style-grid-masonry .tm-grid-pagination {
padding-top: 80px;
}
.tm-blog.style-grid-masonry .grid-item:hover .post-wrapper {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.tm-blog.style-grid-masonry .post-wrapper {
position: relative;
border-radius: 5px;
overflow: hidden;
background: #fff;
box-shadow: 0 0 40px rgba(51, 51, 51, 0.1);
text-align: center;
}
.tm-blog.style-grid-masonry .post-feature img {
border-radius: 5px 5px 0 0;
}
.tm-blog.style-grid-masonry .post-thumbnail {
margin-bottom: 0;
}
.tm-blog.style-grid-masonry .post-thumbnail img {
width: 100%;
}
.tm-blog.style-grid-masonry .post-categories {
margin-bottom: 6px;
}
.tm-blog.style-grid-masonry .post-meta {
margin-bottom: 6px;
}
.tm-blog.style-grid-masonry .post-title {
font-size: 24px;
line-height: 1.46;
margin-bottom: 11px;
}
.tm-blog.style-grid-masonry .post-excerpt {
margin-top: 10px;
}
.tm-blog.style-grid-masonry .post-info {
padding: 29px 25px 83px;
}
.tm-blog.style-grid-masonry .btn {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 56px;
line-height: 56px;
text-align: center;
font-size: 14px;
font-weight: 500;
border-top: 1px solid #eee;
}
.tm-blog.style-grid-masonry .btn:before {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
z-index: -1;
}
.tm-blog.style-grid-masonry .btn .btn-icon {
margin-left: 4px;
position: relative;
top: 1px;
}
.tm-blog.style-grid-masonry .btn:hover {
color: #fff;
}
.tm-blog.style-grid-masonry .btn:hover:before {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.tm-blog.style-grid-metro .grid-item {
overflow: hidden;
}
.tm-blog.style-grid-metro .grid-item:hover .post-overlay {
-webkit-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}
.tm-blog.style-grid-metro .grid-width-2 .post-wrapper:before {
padding-top: 50%;
}
.tm-blog.style-grid-metro .grid-height-2 .post-wrapper:before {
padding-top: 200%;
}
.tm-blog.style-grid-metro .grid-width-2.grid-height-2 .post-wrapper:before {
padding-top: 100%;
}
.tm-blog.style-grid-metro .post-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100%;
}
.tm-blog.style-grid-metro .post-wrapper:before {
content: '';
padding-top: 100%;
}
.tm-blog.style-grid-metro .post-overlay {
-webkit-transition: all 0.5s cubic-bezier(0.57, 0.21, 0.69, 1);
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 {
background-image: -webkit-linear-gradient(top, transparent 27%, rgba(0, 0, 0, 0.28) 100%);
background-image: linear-gradient(-180deg, transparent 27%, rgba(0, 0, 0, 0.28) 100%);
}
.tm-blog.style-grid-metro .post-content {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
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 30px 48px;
width: 100%;
}
.tm-blog.style-grid-metro .post-title {
font-size: 34px;
margin-bottom: 0;
font-weight: 400;
}
.tm-blog.style-grid-metro .post-meta {
margin-bottom: 10px;
}
.tm-blog.style-grid-metro .post-meta .meta-icon {
position: relative;
top: 0;
margin-right: 5px;
font-size: 14px;
}
.tm-blog.style-grid-metro .post-categories {
color: #fff;
}
.tm-blog.style-grid-metro .format-quote .post-overlay {
background: #f5f7fd;
}
.tm-blog.style-grid-metro .format-quote .post-overlay:before {
display: none;
}
.tm-blog.style-grid-metro .format-quote .post-info {
padding: 74px 64px 51px;
}
.tm-blog.style-grid-metro .format-quote .post-quote-text {
font-size: 24px;
line-height: 1.5;
}
.tm-blog.style-grid-metro .format-quote .post-quote-name {
font-size: 24px;
color: #333;
margin: 170px 0 0;
}
.tm-blog.style-grid-metro .format-quote .post-content:before {
content: '';
position: absolute;
top: 36px;
left: 0;
background: url(//www.securends.com/wp-content/themes/mitech/assets/images/post-format/metro-quote.png) no-repeat;
width: 150px;
height: 132px;
}
.tm-blog.style-list-02 .post-item + .post-item {
margin-top: 50px;
}
.tm-blog.style-list-02 .tm-grid-pagination {
padding-top: 60px;
}
.tm-blog.style-list-02 .post-wrapper {
background: #fff;
}
.tm-blog.style-list-02 .post-feature {
position: relative;
margin-bottom: 18px;
}
.tm-blog.style-list-02 .post-feature > img {
width: 100%;
border-radius: 5px;
}
.tm-blog.style-list-02 .post-feature:before {
opacity: 0.5;
background-image: -webkit-linear-gradient(top, rgba(51, 51, 51, 0) 11%, #000 80%);
background-image: linear-gradient(-180deg, rgba(51, 51, 51, 0) 11%, #000 80%);
border-radius: 5px;
}
.tm-blog.style-list-02 .post-meta {
position: absolute;
bottom: 18px;
left: 30px;
right: 30px;
color: #fff;
}
.tm-blog.style-list-02 .post-title {
font-size: 34px;
margin-bottom: 0;
}
.tm-blog.style-list-02 .post-excerpt {
margin-top: 10px;
}
.tm-blog.style-list-02 .post-read-more {
margin-top: 18px;
}
.tm-blog.style-list-small-image-02 .grid-item {
border-left: 1px solid #ededed;
border-top: 1px solid #ededed;
padding: 20px 0 20px 30px;
}
.tm-blog.style-list-small-image-02 .grid-item:first-child {
padding-top: 0;
border-top: 0;
}
.tm-blog.style-list-small-image-02 .post-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.tm-blog.style-list-small-image-02 .post-feature {
position: relative;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 29px;
width: 200px;
}
.tm-blog.style-list-small-image-02 .post-feature > img {
width: 100%;
border-radius: 5px;
}
.tm-blog.style-list-small-image-02 .post-feature:before {
opacity: 0.5;
background-image: -webkit-linear-gradient(top, rgba(51, 51, 51, 0) 11%, #000 80%);
background-image: linear-gradient(-180deg, rgba(51, 51, 51, 0) 11%, #000 80%);
border-radius: 5px;
}
.tm-blog.style-list-small-image-02 .post-info {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.tm-blog.style-list-small-image-02 .post-meta {
margin-bottom: 10px;
}
.tm-blog.style-list-small-image-02 .post-title {
font-size: 24px;
margin-bottom: 0;
}
.tm-blog.style-list-small-image-02 .post-author {
position: absolute;
bottom: 7px;
left: 20px;
right: 20px;
font-size: 14px;
color: #fff;
z-index: 3;
}
@media (max-width: 1199px) {
.tm-blog.style-list-02 .post-title {
font-size: 30px;
}
.tm-blog.style-list-small-image-02 .post-title {
font-size: 21px;
}
.tm-blog.style-list-left-large-image .post-title {
font-size: 30px;
}
}
@media (max-width: 991px) {
.tm-blog.style-list-02 .post-title {
font-size: 26px;
}
.tm-blog.style-list-small-image-02 .post-title {
font-size: 18px;
}
.tm-blog.style-list-left-large-image .post-wrapper {
display: block;
}
.tm-blog.style-list-left-large-image .post-info,
.tm-blog.style-list-left-large-image .post-feature {
width: 100%;
}
.tm-blog.style-list-left-large-image .post-feature {
margin-bottom: 25px;
}
.tm-blog.style-list-left-large-image .post-feature img {
width: 100%;
}
.tm-blog.style-list-left-large-image .post-title {
font-size: 26px;
}
}
@media (max-width: 543px) {
.tm-blog.style-list-small-image-02 .post-wrapper {
display: block;
}
.tm-blog.style-list-small-image-02 .grid-item {
padding: 0;
border: 0;
}
.tm-blog.style-list-small-image-02 .grid-item + .grid-item {
margin-top: 40px;
}
.tm-blog.style-list-small-image-02 .post-feature {
margin-right: 0;
margin-bottom: 20px;
}
.tm-blog.style-list-small-image-02 .post-feature {
width: 100%;
}
.tm-blog.style-list-small-image-02 .post-title {
font-size: 18px;
}
}
.tm-blog-widget.style-list .post-item + .post-item {
margin-top: 15px;
border-top: 1px solid #f0f2f7;
padding-top: 20px;
}
.tm-blog-widget.style-list .post-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.tm-blog-widget.style-list .post-thumbnail {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 20px;
width: 80px;
height: 80px;
border-radius: 5px;
overflow: hidden;
position: relative;
}
.tm-blog-widget.style-list .post-thumbnail:hover .post-overlay {
visibility: visible;
opacity: 1;
}
.tm-blog-widget.style-list .post-thumbnail img {
width: 100%;
}
.tm-blog-widget.style-list .post-info {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.tm-blog-widget.style-list .post-categories {
margin-bottom: 6px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
font-size: 14px;
}
.tm-blog-widget.style-list .post-categories a {
color: inherit;
}
.tm-blog-widget.style-list .post-title {
font-size: 18px;
line-height: 1.78;
margin-bottom: 0;
}
.tm-blog-widget.style-list .post-title a {
color: #696969;
}
.tm-blog-widget.style-list .post-date {
display: block;
font-size: 14px;
margin-top: 5px;
position: relative;
padding-left: 25px;
}
.tm-blog-widget.style-list .post-date:before {
content: '\f073';
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.tm-blog-widget.style-list .post-overlay {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
}
.tm-blog-widget.style-list .post-icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
font-weight: 500;
font-size: 24px;
}
.tm-blog-widget.style-simple-list .post-item + .post-item {
margin-top: 22px;
}
.tm-blog-widget.style-simple-list .post-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.tm-blog-widget.style-simple-list .post-thumbnail {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 20px;
width: 80px;
height: 80px;
border-radius: 5px;
overflow: hidden;
position: relative;
}
.tm-blog-widget.style-simple-list .post-thumbnail:hover .post-overlay {
visibility: visible;
opacity: 1;
}
.tm-blog-widget.style-simple-list .post-thumbnail img {
width: 100%;
}
.tm-blog-widget.style-simple-list .post-info {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-left: 30px;
}
.tm-blog-widget.style-simple-list .post-categories {
margin-bottom: 6px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
font-size: 14px;
}
.tm-blog-widget.style-simple-list .post-categories a {
color: inherit;
}
.tm-blog-widget.style-simple-list .post-date {
display: block;
font-size: 14px;
margin-top: 5px;
position: relative;
padding-left: 25px;
}
.tm-blog-widget.style-simple-list .post-date:before {
content: '\f073';
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.tm-blog-widget.style-simple-list .post-overlay {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
}
.tm-blog-widget.style-simple-list .post-icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
font-weight: 500;
font-size: 24px;
}
.tm-blog-widget.style-simple-list .post-title {
margin-bottom: 0;
}
.tm-blog-widget.style-simple-list .post-title a {
position: relative;
display: inline-block;
font-size: 15px;
font-weight: 600;
}
.tm-blog-widget.style-simple-list .post-title a:before, .tm-blog-widget.style-simple-list .post-title a:after {
content: '\f30b';
position: absolute;
top: 4px;
left: -30px;
}
.tm-blog-widget.style-simple-list .post-title a:before {
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.tm-blog-widget.style-simple-list .post-title a:hover:before {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.tm-blog-widget.style-simple-list .post-title a:hover:after {
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.tm-banner.style-01 .banner-wrap {
position: relative;
text-align: center;
}
.tm-banner.style-01 .banner-image {
position: relative;
display: inline-block;
}
.tm-banner.style-01 .banner-image:after {
background: rgba(0, 0, 0, 0.2);
}
.tm-banner.style-01 .banner-content-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tm-banner.style-01 .banner-content-inner {
display: table;
width: 100%;
height: 100%;
}
.tm-banner.style-01 .banner-content-main {
display: table-cell;
vertical-align: middle;
}
.tm-banner.style-01 .banner-heading {
font-size: 24px;
color: #ffffff;
line-height: 1.375;
margin-bottom: 25px;
}
.tm-case-study .tm-grid-pagination {
padding-top: 70px;
}
.tm-case-study .post-wrapper {
position: relative;
}
.tm-case-study .post-thumbnail-wrapper {
position: relative;
}
.tm-case-study .post-thumbnail-wrapper .post-overlay,
.tm-case-study .post-thumbnail-wrapper img {
border-radius: 5px;
}
.tm-case-study .post-title a {
color: inherit;
}
.tm-case-study .post-categories a {
color: inherit;
}
.tm-case-study .post-thumbnail {
position: relative;
}
.tm-case-study .post-thumbnail img {
width: 100%;
}
.tm-case-study .post-overlay-title a {
font-size: inherit;
}
.tm-case-study.style-grid .post-wrapper:hover, .tm-case-study.style-masonry .post-wrapper:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.tm-case-study.style-metro .post-permalink {
display: block;
height: 100%;
width: 100%;
}
.tm-case-study.style-metro .post-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background-position: center;
background-size: cover;
height: 100%;
width: 100%;
}
.tm-case-study.style-metro .post-wrapper:before {
content: '';
display: block;
padding-top: 100%;
}
.tm-case-study.style-metro .grid-width-2 .post-wrapper:before {
padding-top: 50%;
}
.tm-case-study.style-metro .grid-height-2 .post-wrapper:before {
padding-top: 200%;
}
.tm-case-study.style-metro .grid-width-2.grid-height-2 .post-wrapper:before {
padding-top: 100%;
}
.tm-case-study.style-metro-02 .post-permalink {
display: block;
height: 100%;
width: 100%;
}
.tm-case-study.style-metro-02 .post-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background-position: center;
background-size: cover;
height: 100%;
width: 100%;
}
.tm-case-study.style-metro-02 .post-wrapper:before {
content: '';
display: block;
padding-top: 78%;
}
.tm-case-study.style-metro-02 .grid-width-2 .post-wrapper:before {
padding-top: 78%;
}
.tm-case-study.style-metro-02 .grid-height-2 .post-wrapper:before {
padding-top: 156%;
}
.tm-case-study.style-metro-02 .grid-width-2.grid-height-2 .post-wrapper:before {
padding-top: 78%;
}
.tm-case-study.style-list .case-study-item {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #e4e8f6;
}
.tm-case-study.style-list .case-study-item:last-child {
margin-bottom: 20px;
}
.tm-case-study.style-list .post-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.tm-case-study.style-list .post-thumbnail-wrapper,
.tm-case-study.style-list .post-info {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding-left: 15px;
padding-right: 15px;
}
.tm-case-study.style-list .post-thumbnail img {
border-radius: 8px;
box-shadow: 0 0 40px rgba(51, 51, 51, 0.1);
}
.tm-case-study.style-list .post-categories {
margin-bottom: 15px;
}
.tm-case-study.style-list .post-title {
font-size: 24px;
margin-bottom: 21px;
}
.tm-case-study.style-list .post-info {
padding-left: 45px;
padding-top: 31px;
}
.tm-case-study.style-list .post-read-more {
margin-top: 30px;
}
.tm-case-study.style-list .post-read-more .tm-button {
min-width: 170px;
}
.tm-case-study.has-caption .post-thumbnail-wrapper .post-overlay,
.tm-case-study.has-caption .post-thumbnail-wrapper img {
border-radius: 5px;
}
.tm-case-study.caption-style-01 .post-wrapper {
height: 100%;
overflow: hidden;
}
.tm-case-study.caption-style-01 .post-info {
padding: 22px 15px 24px;
text-align: center;
}
.tm-case-study.caption-style-01 .post-title {
font-size: 18px;
margin: 0;
}
.tm-case-study.caption-style-01 .post-categories {
margin-bottom: 6px;
}
.tm-case-study.caption-style-02 .grid-item:hover .post-wrapper {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.tm-case-study.caption-style-02 .grid-item:hover div.btn {
color: #fff;
}
.tm-case-study.caption-style-02 .grid-item:hover div.btn:before {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.tm-case-study.caption-style-02 .post-wrapper {
background: #fff;
box-shadow: 0 0 30px rgba(51, 51, 51, 0.1);
border-radius: 8px;
overflow: hidden;
}
.tm-case-study.caption-style-02 .post-thumbnail img {
border-radius: 5px 5px 0 0;
}
.tm-case-study.caption-style-02 .post-title {
font-size: 18px;
line-height: 1.67;
margin-bottom: 2px;
}
.tm-case-study.caption-style-02 .post-excerpt {
margin-top: 14px;
}
.tm-case-study.caption-style-02 .post-info {
position: relative;
padding: 25px 26px 94px;
}
.tm-case-study.caption-style-02 .btn {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 56px;
line-height: 56px;
text-align: center;
font-size: 14px;
font-weight: 500;
border-top: 1px solid #eee;
}
.tm-case-study.caption-style-02 .btn:before {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
z-index: -1;
}
.tm-case-study.caption-style-02 .btn .btn-icon {
margin-left: 4px;
position: relative;
top: 1px;
}
.tm-case-study.caption-style-02 a.btn:hover {
color: #fff;
}
.tm-case-study.caption-style-02 a.btn:hover:before {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.tm-case-study.style-justified .post-permalink {
display: block;
}
.tm-case-study.style-justified .post-permalink,
.tm-case-study.style-justified .post-thumbnail-wrapper,
.tm-case-study.style-justified .post-wrapper {
width: 100%;
height: 100%;
}
.tm-case-study.style-justified .post-thumbnail {
width: 100%;
height: 100%;
}
.tm-case-study.style-justified .post-thumbnail img {
margin: 0 !important;
}
.tm-case-study.style-justified .caption {
display: none !important;
}
.tm-case-study.style-carousel .grid-item:hover .post-wrapper {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.tm-case-study.style-carousel .grid-item:hover .btn {
color: #fff;
}
.tm-case-study.style-carousel .grid-item:hover .btn:before {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.tm-case-study.style-carousel .tm-swiper {
margin: -20px -15px 0;
}
.tm-case-study.style-carousel .post-wrapper {
background: #fff;
box-shadow: 0 18px 40px -18px rgba(51, 51, 51, 0.1);
border-radius: 8px;
margin: 20px 15px 35px;
overflow: hidden;
}
.tm-case-study.style-carousel .post-thumbnail img {
border-radius: 5px 5px 0 0;
}
.tm-case-study.style-carousel .post-title {
font-size: 18px;
line-height: 1.67;
margin-bottom: 2px;
}
.tm-case-study.style-carousel .post-excerpt {
margin-top: 14px;
}
.tm-case-study.style-carousel .post-info {
position: relative;
padding: 25px 26px 94px;
}
.tm-case-study.style-carousel .btn {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 56px;
line-height: 56px;
text-align: center;
font-size: 14px;
font-weight: 500;
border-top: 1px solid #eee;
}
.tm-case-study.style-carousel .btn:before {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
z-index: -1;
}
.tm-case-study.style-carousel .btn .btn-icon {
margin-left: 4px;
position: relative;
top: 1px;
}
.tm-case-study[data-type='justified'] [data-overlay-animation='faded'] .post-thumbnail {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.case-study-overlay-faded .post-wrapper:hover .post-overlay,
.case-study-overlay-faded-02 .post-wrapper:hover .post-overlay {
visibility: visible;
opacity: 1;
}
.case-study-overlay-faded .post-wrapper:hover .post-overlay-content,
.case-study-overlay-faded-02 .post-wrapper:hover .post-overlay-content {
visibility: visible;
opacity: 1;
}
.case-study-overlay-faded .post-wrapper:hover .post-overlay-title,
.case-study-overlay-faded-02 .post-wrapper:hover .post-overlay-title {
opacity: 1;
-webkit-transition: .5s ease-out .2s;
transition: .5s ease-out .2s;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.case-study-overlay-faded .post-overlay,
.case-study-overlay-faded-02 .post-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
opacity: 0;
border-radius: inherit;
}
.case-study-overlay-faded .post-overlay-content,
.case-study-overlay-faded-02 .post-overlay-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
opacity: 0;
}
.case-study-overlay-faded .post-overlay-content-inner,
.case-study-overlay-faded-02 .post-overlay-content-inner {
display: table;
width: 100%;
height: 100%;
text-align: center;
}
.case-study-overlay-faded .post-overlay-info,
.case-study-overlay-faded-02 .post-overlay-info {
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 0 15px;
}
.case-study-overlay-faded .post-overlay-title,
.case-study-overlay-faded-02 .post-overlay-title {
opacity: 0;
-webkit-transition: .3s ease-out 0s;
transition: .3s ease-out 0s;
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
font-size: 24px;
line-height: 1.5;
color: #fff;
margin: 0;
}
.case-study-overlay-faded-02 .post-wrapper:hover .post-overlay-info .post-categories {
opacity: 1;
-webkit-transition: .5s ease-out .2s;
transition: .5s ease-out .2s;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.case-study-overlay-faded-02 .post-overlay-info .post-categories {
opacity: 0;
-webkit-transition: .3s ease-out 0s;
transition: .3s ease-out 0s;
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
margin-bottom: 10px;
color: #fff;
}
.case-study-overlay-faded-03 .post-wrapper {
border-radius: 5px;
overflow: hidden;
}
.case-study-overlay-faded-03 .post-wrapper:hover .post-overlay-title {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
.case-study-overlay-faded-03 .post-wrapper:hover .post-overlay-read-more {
opacity: 1;
visibility: visible;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.case-study-overlay-faded-03 .post-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
}
.case-study-overlay-faded-03 .post-overlay-content {
position: absolute;
right: 30px;
left: 30px;
bottom: 21px;
}
.case-study-overlay-faded-03 .post-overlay-title,
.case-study-overlay-faded-03 .post-overlay-read-more {
font-size: 18px;
line-height: 1.78;
color: #fff;
margin: 0;
}
.case-study-overlay-faded-03 .post-overlay-read-more {
position: absolute;
left: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
.case-study-overlay-faded-03 .post-overlay-read-more span {
margin-left: 5px;
}
@media (min-width: 768px) {
.tm-case-study.style-list .case-study-item {
margin-bottom: 50px;
padding-bottom: 50px;
}
.tm-case-study.style-list .post-title {
font-size: 34px;
}
.tm-case-study.style-list .post-excerpt {
font-size: 18px;
line-height: 1.78;
}
}
@media (max-width: 991px) {
.tm-case-study.style-list .post-info {
padding-left: 15px;
}
}
@media (max-width: 767px) {
.tm-case-study.style-metro .grid-width-2 .post-wrapper:before,
.tm-case-study.style-metro .grid-height-2 .post-wrapper:before {
padding-top: 100%;
}
.tm-case-study.style-list .post-wrapper {
display: block;
}
.tm-case-study.style-list .post-thumbnail-wrapper,
.tm-case-study.style-list .post-info {
max-width: 100%;
}
.tm-case-study.style-list .post-info {
padding-top: 40px;
}
}
.tm-info-boxes.style-metro .grid-item-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
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 {
-ms-grid-column: span 1;
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;
text-align: center;
white-space: nowrap;
line-height: 1.2;
border-style: solid;
cursor: pointer;
}
.tm-button.tm-button-full-wide {
width: 100% !important;
}
.tm-button.style-flat {
padding: 0 36px;
height: 56px;
line-height: 56px;
border-width: 0;
border-radius: 5px;
}
.tm-button.style-flat:hover {
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.tm-button.style-flat.icon-right .button-icon {
margin-left: 10px;
}
.tm-button.style-flat.icon-left .button-icon {
margin-right: 10px;
}
.tm-button.style-flat .button-icon {
display: inline-block;
vertical-align: middle;
line-height: 0;
font-size: 20px;
}
.tm-button.style-flat .button-icon i:before {
position: relative;
top: -1px;
}
.tm-button.style-flat.tm-button-lg {
padding: 0 40px;
height: 64px;
line-height: 64px;
font-size: 16px;
}
.tm-button.style-flat.tm-button-sm {
padding: 0 30px;
height: 48px;
line-height: 48px;
font-size: 14px;
}
.tm-button.style-flat.tm-button-xs {
padding: 0 20px;
height: 40px;
line-height: 40px;
font-size: 13px;
}
.tm-button.style-solid {
padding: 0 36px;
height: 56px;
line-height: 54px;
border-width: 1px;
border-radius: 5px;
background-position: left center !important;
background-origin: border-box;
}
.tm-button.style-solid:hover {
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.tm-button.style-solid:not(:hover) {
background: transparent;
}
.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;
vertical-align: middle;
line-height: 0;
font-size: 20px;
}
.tm-button.style-solid.tm-button-lg {
padding: 0 40px;
height: 64px;
line-height: 62px;
font-size: 16px;
}
.tm-button.style-solid.tm-button-sm {
padding: 0 30px;
height: 48px;
line-height: 46px;
font-size: 14px;
}
.tm-button.style-solid.tm-button-xs {
padding: 0 20px;
height: 40px;
line-height: 38px;
font-size: 13px;
}
.tm-button.style-text {
padding: 0;
border: 0;
font-weight: 500;
font-size: 14px;
color: #333;
}
.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: 14px;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
right: 20px;
line-height: 0;
color: inherit;
}
.tm-button.style-text .button-icon:before {
line-height: 0;
}
.tm-button.style-text.tm-button-lg {
font-size: 16px;
}
.tm-button.style-text.tm-button-sm {
font-size: 13px;
}
.tm-button.style-text.tm-button-xs {
font-size: 12px;
}
.tm-button.style-image {
border: 0;
background: none;
border-radius: 5px;
box-shadow: 0 0 20px rgba(51, 51, 51, 0.1);
overflow: hidden;
}
.tm-button.style-image:hover {
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.tm-button.style-image img {
display: block;
}
.tm-button.style-image-text {
font-size: 20px;
font-weight: 500;
border: 0;
height: 60px;
line-height: 60px;
}
.tm-button.style-image-text > div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.tm-button.style-image-text img {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 10px;
}
.tm-button.style-image-text.tm-button-lg {
height: 68px;
line-height: 68px;
}
.tm-button.style-image-text.tm-button-sm {
height: 50px;
line-height: 50px;
}
.tm-button.style-image-text.tm-button-xs {
height: 40px;
line-height: 40px;
}
.tm-button.tm-button-icon-move.icon-left:hover .button-icon {
-webkit-transform: translate(-5px, -50%);
-ms-transform: translate(-5px, -50%);
transform: translate(-5px, -50%);
}
.tm-button.tm-button-icon-move.icon-right:hover .button-icon {
-webkit-transform: translate(5px, -50%);
-ms-transform: translate(5px, -50%);
transform: translate(5px, -50%);
}
.rev-btn {
-webkit-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;
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-btn.tm-button.rs-hover-ready {
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.rev-btn.tm-button.rs-hover-ready:hover {
-webkit-transform: translateY(-3px) !important;
-ms-transform: translateY(-3px) !important;
transform: translateY(-3px) !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: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: -10px;
}
.tm-button-group > div {
padding: 10px;
}
.tm-button-group .tm-button {
display: block;
}
.tm-list.list-vertical {
display: -ms-grid;
display: grid;
grid-row-gap: 12px;
grid-column-gap: 30px;
}
.tm-list.list-horizontal {
margin-left: -14px;
margin-right: -14px;
}
.tm-list.list-horizontal .list-item {
display: inline-block;
padding: 3px 14px;
}
.tm-list .list-item {
position: relative;
padding: 0;
}
.tm-list .title-wrap {
overflow: hidden;
}
.tm-list .link {
-webkit-transition: none;
transition: none;
padding: 0;
}
.tm-list .title {
font-size: 15px;
line-height: inherit;
margin-bottom: 0;
}
.tm-list .desc {
margin-top: 13px;
margin-bottom: 26px;
}
.tm-list .marker {
display: inline-block;
float: left;
}
.tm-list.style-normal.list-vertical, .tm-list.style-separator.list-vertical {
grid-row-gap: 11px;
}
.tm-list.style-normal .title, .tm-list.style-separator .title {
color: inherit;
font-size: 15px;
font-weight: 400;
}
.tm-list.style-normal .link, .tm-list.style-separator .link {
float: left;
position: relative;
}
.tm-list.style-normal .link:after, .tm-list.style-separator .link:after {
content: '';
height: 1px;
width: 0;
bottom: 3px;
position: absolute;
left: auto;
right: 0;
-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
background: currentColor;
}
.tm-list.style-normal .link:hover:after, .tm-list.style-separator .link:hover:after {
width: 100%;
left: 0;
right: auto;
}
.tm-list.style-separator.list-horizontal .list-item {
position: relative;
}
.tm-list.style-separator.list-horizontal .list-item + .list-item:before {
position: absolute;
top: 8px;
left: -2px;
content: '';
height: 16px;
width: 1px;
background: rgba(0, 0, 0, 0.5);
}
.tm-list.style-separator.list-vertical .list-item {
position: relative;
}
.tm-list.style-separator.list-vertical .list-item + .list-item:before {
position: absolute;
top: -6px;
left: 0;
content: '';
height: 1px;
width: 100%;
background: #eee;
}
.tm-list.style-check .list-item {
padding-left: 32px;
}
.tm-list.style-check .marker:before {
content: '\f00c';
position: absolute;
top: 5px;
left: 0;
display: block;
font-size: 15px;
}
.tm-list.style-check .title {
font-size: 15px;
line-height: inherit;
color: inherit;
font-weight: 400;
}
.tm-list.style-check-02 .list-item {
padding-left: 40px;
}
.tm-list.style-check-02 .desc {
margin-top: 19px;
margin-bottom: 39px;
}
.tm-list.style-check-02 .marker:before {
content: '\f00c';
position: absolute;
top: 1px;
left: 0;
display: block;
font-size: 24px;
}
.tm-list.style-check-02 .title {
font-size: 24px;
line-height: 1.25;
}
.tm-list.style-circle .list-item {
padding-left: 14px;
}
.tm-list.style-circle .title {
font-size: 14px;
line-height: inherit;
color: inherit;
font-weight: 400;
}
.tm-list.style-circle .marker:before {
content: '';
position: absolute;
top: 8px;
left: 0;
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
background: #999;
}
.tm-list.style-icon .title {
font-size: 14px;
line-height: inherit;
color: inherit;
font-weight: 400;
}
.tm-list.style-icon .marker {
min-width: calc(1em + 18px);
font-size: 16px;
}
.tm-list.style-auto-numbered-01.list-vertical, .tm-list.style-manual-numbered-01.list-vertical {
grid-row-gap: 35px;
}
.tm-list.style-auto-numbered-01 .marker, .tm-list.style-manual-numbered-01 .marker {
font-size: 24px;
font-weight: 500;
line-height: 1.2;
margin-right: 10px;
min-width: 45px;
}
.tm-list.style-auto-numbered-01 .title, .tm-list.style-manual-numbered-01 .title {
font-size: 24px;
color: #333;
line-height: 1.2;
font-weight: 400;
}
.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.list-vertical {
grid-row-gap: 62px;
}
.tm-list.style-auto-numbered-02 .link:hover .title:before {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.tm-list.style-auto-numbered-02 .link:hover .title:after {
opacity: 0;
visibility: hidden;
}
.tm-list.style-auto-numbered-02 .marker {
font-size: 24px;
font-weight: 800;
line-height: 1.2;
margin-right: 10px;
min-width: 45px;
color: #ababab;
}
.tm-list.style-auto-numbered-02 .title {
font-size: 24px;
line-height: 1.2;
margin-top: 14px;
padding-top: 20px;
border-top: 2px solid #ededed;
}
.tm-list.style-auto-numbered-02 .title:before, .tm-list.style-auto-numbered-02 .title:after {
content: '\f178';
position: absolute;
top: 38px;
right: 0;
color: #333;
}
.tm-list.style-auto-numbered-02 .title:before {
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.tm-list.style-auto-numbered-02 .desc {
margin-top: 21px;
margin-bottom: 0;
}
@media (min-width: 992px) {
.tm-list.style-check-02.list-vertical {
grid-column-gap: 50px;
}
}
.tm-list-selection.style-01 select {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAhUlEQVQ4je3TsRGDQAxE0T0H1EAlFMC4AoYC3BExBbgCCiEgciFEBJ/AMBycTxAwJFjKpNXL5BA6ox6nKHeB0EuoOnSFcqG3UOLNpoaOb9XIaHgCPTAA2Tz3AynwMbE1Uvq7bTCOGUgIxbAd5DcUYs0eEodCzERsaMFaoDBzQg79n/YqaATlxFE06bOnsgAAAABJRU5ErkJggg==);
color: #fff;
font-weight: 500;
padding: 3px 30px;
height: 60px;
}
@-webkit-keyframes gradationMask {
0% {
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
opacity: 1;
}
40% {
}
90% {
opacity: 1;
}
100% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 0;
border-color: transparent;
}
}
@keyframes gradationMask {
0% {
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
opacity: 1;
}
40% {
}
90% {
opacity: 1;
}
100% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 0;
border-color: transparent;
}
}
.tm-gradation.style-01 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: -15px;
margin-right: -15px;
}
.tm-gradation.style-01 .item {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: relative;
opacity: 0;
padding: 0 15px;
}
.tm-gradation.style-01 .item.animate {
opacity: 1;
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
-webkit-animation: moveHorizontal 0.65s ease forwards;
animation: moveHorizontal 0.65s ease forwards;
}
.tm-gradation.style-01 .item:last-child .line {
display: none;
}
.tm-gradation.style-01 .item:hover .mask {
opacity: 1;
}
.tm-gradation.style-01 .item:hover .circle {
color: #fff;
}
.tm-gradation.style-01 .line {
width: 100%;
height: 1px;
background: #ededed;
position: absolute;
top: 24px;
left: 15px;
z-index: -1;
}
.tm-gradation.style-01 .circle-wrap {
display: inline-block;
position: relative;
margin-bottom: 56px;
}
.tm-gradation.style-01 .mask {
opacity: 0;
}
.tm-gradation.style-01 .circle {
position: relative;
z-index: 1;
width: 48px;
height: 48px;
line-height: 44px;
text-align: center;
border: 2px solid #e8e8e8;
border-radius: 50%;
font-size: 18px;
background-color: #fff;
margin-bottom: 0;
}
.tm-gradation.style-01 .video-mark {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
pointer-events: none;
}
.tm-gradation.style-01 .wave-pulse {
width: 1px;
height: 0;
margin: 0 auto;
}
.tm-gradation.style-01 .wave-pulse:before, .tm-gradation.style-01 .wave-pulse:after {
opacity: 0;
content: '';
display: block;
position: absolute;
width: 100px;
height: 100px;
top: 50%;
left: 50%;
background: #fff;
border-radius: 50%;
border: 1px solid #ababab;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation: gradationMask 3s linear infinite;
animation: gradationMask 3s linear infinite;
}
.tm-gradation.style-01 .wave-pulse:after {
-webkit-animation-delay: .6s;
animation-delay: .6s;
}
.tm-gradation.style-01 .wave-pulse-2:before {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.tm-gradation.style-01 .wave-pulse-2:after {
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.tm-gradation.style-01 .wave-pulse-3:before {
-webkit-animation-delay: 2.4s;
animation-delay: 2.4s;
}
.tm-gradation.style-01 .wave-pulse-3:after {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.tm-gradation.style-01 .icon {
position: relative;
font-size: 48px;
line-height: 1;
margin-bottom: 20px;
}
.tm-gradation.style-01 .heading {
font-size: 18px;
font-weight: 500;
line-height: 1.23;
margin-bottom: 0;
}
.tm-gradation.style-01 .text {
margin-top: 17px;
}
.tm-gradation.style-01 .gradation-btn {
display: inline-block;
font-size: 14px;
font-weight: 500;
margin-top: 20px;
}
.tm-gradation.style-01 .gradation-btn .button-icon {
display: inline-block;
margin-left: 6px;
}
.tm-gradation.style-02 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: center;
}
.tm-gradation.style-02 .item {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: relative;
opacity: 0;
padding: 0 10px;
}
.tm-gradation.style-02 .item:hover .icon {
color: #fff;
}
.tm-gradation.style-02 .item.animate {
opacity: 1;
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
-webkit-animation: moveHorizontal 0.65s ease forwards;
animation: moveHorizontal 0.65s ease forwards;
}
.tm-gradation.style-02 .item:last-child .line {
display: none;
}
.tm-gradation.style-02 .icon {
position: relative;
width: 120px;
height: 120px;
line-height: 120px;
border-radius: 40px;
font-size: 48px;
background: #fff;
box-shadow: 0 15px 50px rgba(89, 69, 230, 0.12);
margin: 0 auto 49px;
}
.tm-gradation.style-02 .icon span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.tm-gradation.style-02 .line {
position: absolute;
top: 60px;
left: 100%;
-webkit-transform: translate(-50%, -5px);
-ms-transform: translate(-50%, -5px);
transform: translate(-50%, -5px);
height: 10px;
width: 100%;
line-height: 0;
}
.tm-gradation.style-02 .dot {
display: inline-block;
vertical-align: middle;
border-radius: 50%;
margin: 0 8px;
opacity: .25;
}
.tm-gradation.style-02 .dot-1 {
width: 2px;
height: 2px;
}
.tm-gradation.style-02 .dot-2 {
width: 4px;
height: 4px;
}
.tm-gradation.style-02 .dot-3 {
width: 6px;
height: 6px;
}
.tm-gradation.style-02 .dot-4 {
width: 8px;
height: 8px;
}
.tm-gradation.style-02 .dot-5 {
width: 10px;
height: 10px;
}
.tm-gradation.style-02 .content-wrap {
position: relative;
text-align: center;
margin: 0 auto;
max-width: 320px;
}
.tm-gradation.style-02 .heading {
font-size: 24px;
margin-bottom: 13px;
}
@media (min-width: 1200px) {
.tm-gradation.style-01 .text {
padding-right: 10px;
}
}
@media (max-width: 991px) {
.tm-gradation.style-01 {
display: block;
}
.tm-gradation.style-01 .item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%; }
.tm-gradation.style-01 .item:last-child .content-wrap {
padding-bottom: 0;
}
.tm-gradation.style-01 .line {
left: 39px;
height: 100%;
width: 1px;
top: 15px;
}
.tm-gradation.style-01 .circle-wrap {
margin-bottom: 0;
}
.tm-gradation.style-01 .content-wrap {
padding: 10px 0 50px 30px;
}
.tm-gradation.style-02 {
display: block;
}
.tm-gradation.style-02 .line {
left: 50%;
right: auto;
top: auto;
bottom: -42px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.tm-gradation.style-02 .item {
width: 100%;
}
.tm-gradation.style-02 .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-header {
position: relative;
margin-bottom: 12px;
}
.tm-restaurant-menu .menu-header:after {
position: absolute;
right: 0;
bottom: 7px;
left: 0;
display: block;
border-top: 1px solid #eee;
content: "";
}
.tm-restaurant-menu .menu-badge.new {
position: absolute;
top: -26px;
right: -35px;
width: 40px;
height: 20px;
background: #de4630;
color: #fff;
text-align: center;
text-transform: uppercase;
font-weight: 700;
font-size: 9px;
line-height: 20px;
z-index: 2;
}
.tm-restaurant-menu .menu-badge.new:after {
content: '';
position: absolute;
bottom: -4px;
left: -1px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #de4630;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.tm-restaurant-menu .menu-title {
position: relative;
z-index: 1;
display: inline;
background: #fff;
font-size: 16px;
padding-right: 10px;
}
.tm-restaurant-menu .menu-price {
position: relative;
z-index: 1;
float: right;
background-color: #fff;
color: #1f1f1f;
font-size: 16px;
}
.tm-restaurant-menu .menu-text {
background: none;
font-style: italic;
font-size: 15px;
}
.tm-restaurant-menu li + li {
margin-top: 38px;
}
.tm-icon .icon {
position: relative;
}
.tm-icon.style-01 {
line-height: 0;
}
.tm-icon.style-01 .icon {
font-size: 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 span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.tm-icon.style-03 {
line-height: 0;
}
.tm-icon.style-03 .icon {
font-size: 24px;
width: 64px;
height: 64px;
display: inline-block;
border-radius: 50%;
background: #fff;
box-shadow: 0 18px 40px rgba(51, 51, 51, 0.1);
}
.tm-icon.style-03 span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
.tm-icon.style-02 .icon {
font-size: 50px;
width: 100px;
height: 100px;
}
}
.tm-image .image {
display: inline-block;
}
.wrap_svl_center {
line-height: 0;
}
#powerTip#powerTip {
border-radius: 5px;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
width: 250px;
padding: 20px 25px;
}
#powerTip#powerTip.n:before {
border-top: 10px solid currentColor;
}
#powerTip#powerTip.e:before {
border-right: 10px solid currentColor;
}
#powerTip#powerTip.s:before {
border-bottom: 10px solid currentColor;
}
#powerTip#powerTip.w:before {
border-left: 10px solid currentColor;
}
#powerTip#powerTip.ne:before, #powerTip#powerTip.nw:before {
border-top: 10px solid currentColor;
}
#powerTip#powerTip.se:before, #powerTip#powerTip.sw:before {
border-bottom: 10px solid currentColor;
}
#powerTip#powerTip.nw-alt:before, #powerTip#powerTip.ne-alt:before, #powerTip#powerTip.sw-alt:before, #powerTip#powerTip.se-alt:before {
border-top: 10px solid currentColor;
}
#powerTip#powerTip.sw-alt:before, #powerTip#powerTip.se-alt:before {
border-bottom: 10px solid currentColor;
}
.tm-image-hotspot.style-signal .drag_element:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: 120px;
border-radius: 50%;
-webkit-transform: translate(-50%, -50%) scale(0, 0);
-ms-transform: translate(-50%, -50%) scale(0, 0);
transform: translate(-50%, -50%) scale(0, 0);
border: 2px solid #086ad8;
box-shadow: inset 0 0 17px 10px rgba(8, 106, 216, 0.61);
opacity: .2;
-webkit-animation: pinsZoomIn 3.25s linear infinite;
animation: pinsZoomIn 3.25s linear infinite;
}
@-webkit-keyframes pinsZoomIn {
0% {
-webkit-transform: translate(-50%, -50%) scale(0.6);
transform: translate(-50%, -50%) scale(0.6);
border-width: 2px;
}
40% {
opacity: .5;
}
65% {
border-width: 1px;
}
100% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 0;
border-width: 0;
}
}
@keyframes pinsZoomIn {
0% {
-webkit-transform: translate(-50%, -50%) scale(0.6);
transform: translate(-50%, -50%) scale(0.6);
border-width: 2px;
}
40% {
opacity: .5;
}
65% {
border-width: 1px;
}
100% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 0;
border-width: 0;
}
}
.tm-image-hotspot-content .heading {
font-size: 24px;
line-height: 1.25;
margin-bottom: 5px;
color: #ffffff;
}
.tm-image-hotspot-content .text {
color: rgba(255, 255, 255, 0.7);
}
.tm-client .image {
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.tm-client .image-hover {
-webkit-transition: all .3s linear;
transition: all .3s linear;
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
}
.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;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.tm-client.hover-grayscale .image {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: .3;
}
.tm-client.hover-grayscale .inner:hover .image {
-webkit-filter: none;
filter: none;
opacity: 1;
}
.tm-client.hover-opacity .image {
opacity: .3;
}
.tm-client.hover-opacity .inner:hover .image {
opacity: 1;
}
.tm-client.hover-faded .inner:hover .image {
opacity: .2;
}
.tm-client.effect-move-up .has-image-hover .image-hover {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
.tm-client.effect-move-up .has-image-hover:hover .image {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.tm-client.effect-scale-up .has-image-hover .image-hover {
-webkit-transform: scale(0.8, 0.8);
-ms-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
}
.tm-client.effect-scale-up .has-image-hover:hover .image {
-webkit-transform: scale(0.8, 0.8);
-ms-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
}
.tm-client.style-grid .tm-grid {
grid-row-gap: 60px;
}
.tm-client.style-grid .grid-item-inner {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.tm-slider-client.align-center {
text-align: center;
}
.tm-slider-client.align-left {
text-align: left;
}
.tm-slider-client.align-right {
text-align: right;
}
.tm-slider-client.align-justify {
text-align: justify;
}
.tm-slider-client.style-01 .image-wrap {
position: relative;
}
.tm-slider-client.style-01 .image {
border-radius: 5px;
overflow: hidden;
}
.tm-slider-client.style-01 .image img {
width: 100%;
}
.tm-slider-client.style-01 .logo {
position: absolute;
left: 10px;
bottom: 11px;
border-radius: 3px;
overflow: hidden;
background: #fff;
box-shadow: 0 0 15px rgba(51, 51, 51, 0.05);
}
.tm-slider-client.style-01 .spacing {
height: 16px;
}
.tm-slider-client.style-01 .heading {
font-size: 20px;
line-height: 1.5;
margin: 0;
}
.tm-slider-client.style-01 .text {
margin-top: 10px;
}
.tm-simple-job-listing .item {
border-radius: 5px;
padding: 33px 50px 36px;
}
.tm-simple-job-listing .item:nth-child(even) {
background: #f6f2ed;
}
.tm-simple-job-listing .job-name {
font-size: 24px;
margin-bottom: 11px;
}
.tm-simple-job-listing .job-time {
font-size: 18px;
}
.tm-simple-job-listing .job-button {
text-align: center;
}
.tm-simple-job-listing .tm-button {
min-width: 160px;
}
.tm-simple-job-listing .tm-button.style-solid:not(:hover) {
border-color: #ddd;
}
@media (max-width: 767px) {
.tm-simple-job-listing .item {
padding: 30px;
}
.tm-simple-job-listing .job-description {
margin-top: 20px;
}
.tm-simple-job-listing .job-button {
text-align: left;
margin-top: 30px;
}
}
.tm-box-icon {
position: relative;
}
.tm-box-icon .icon {
line-height: 1;
}
.tm-box-icon .image {
margin-bottom: 30px;
}
.tm-box-icon .image img {
width: 100%;
}
.tm-box-icon .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tm-box-icon .content-wrap {
height: 100%;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.tm-box-icon .tm-svg {
line-height: 0;
}
.tm-box-icon .tm-svg * {
stroke: currentColor;
}
.tm-box-icon .heading {
word-wrap: break-word;
margin-bottom: 0;
}
.tm-box-icon .btn {
display: inline-block;
margin-top: 46px;
font-size: 14px;
font-weight: 500;
}
.tm-box-icon .btn .button-icon {
margin-left: 2px;
}
.tm-box-icon .btn .button-icon:before {
content: '\f178';
}
.tm-box-icon.style-01:hover .content-wrap {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
border-color: #fff;
box-shadow: 0 0 40px rgba(51, 51, 51, 0.1);
}
.tm-box-icon.style-01 .content-wrap {
padding: 36px 10px 26px;
border-radius: 5px;
background: #fff;
border: 2px solid #eee;
}
.tm-box-icon.style-01 .icon {
font-size: 60px;
margin-bottom: 29px;
}
.tm-box-icon.style-01 .tm-svg,
.tm-box-icon.style-01 svg {
width: 60px;
height: 60px;
}
.tm-box-icon.style-01 .heading {
font-size: 24px;
font-weight: 500;
line-height: 1.25;
margin-bottom: 12px;
}
.tm-box-icon.style-01 .btn {
margin-top: 31px;
}
.tm-box-icon.style-02:hover .content-wrap {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
background: #fff;
box-shadow: 0 0 40px rgba(51, 51, 51, 0.1);
}
.tm-box-icon.style-02 .content-wrap {
padding: 30px 15px;
border-radius: 5px;
}
.tm-box-icon.style-02 .main-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.tm-box-icon.style-02 .icon {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 48px;
min-width: 80px;
margin-right: 10px;
color: #333;
}
.tm-box-icon.style-02 .tm-svg,
.tm-box-icon.style-02 svg {
width: 48px;
height: 48px;
}
.tm-box-icon.style-02 .content {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.tm-box-icon.style-02 .heading {
font-size: 24px;
font-weight: 500;
line-height: 1.25;
margin-bottom: 12px;
}
.tm-box-icon.style-02 .btn {
margin-top: 15px;
}
.tm-box-icon.style-03:hover .content-wrap {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
background: #fff;
box-shadow: 0 0 40px rgba(51, 51, 51, 0.1);
}
.tm-box-icon.style-03 .content-wrap {
padding: 30px;
border-radius: 5px;
}
.tm-box-icon.style-03 .content-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 16px;
}
.tm-box-icon.style-03 .icon {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 48px;
min-width: 60px;
margin-right: 10px;
color: #333;
}
.tm-box-icon.style-03 .tm-svg,
.tm-box-icon.style-03 svg {
width: 48px;
height: 48px;
}
.tm-box-icon.style-03 .content {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.tm-box-icon.style-03 .heading {
font-size: 24px;
line-height: 1.25;
margin-bottom: 0;
}
.tm-box-icon.style-03 .btn {
margin-top: 15px;
}
.tm-box-icon.style-04 .icon {
font-size: 40px;
margin-right: 10px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
min-width: 54px;
}
.tm-box-icon.style-04 .tm-svg,
.tm-box-icon.style-04 svg {
width: 40px;
height: 40px;
}
.tm-box-icon.style-04 .content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.tm-box-icon.style-04 .heading {
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1.78;
margin-bottom: 13px;
}
.tm-box-icon.style-04 .text {
font-size: 34px;
font-weight: 700;
line-height: 1.17;
}
.tm-box-icon.style-04 .btn {
margin-top: 31px;
}
.tm-box-icon.style-05 {
padding: 19px 24px 30px;
border-radius: 5px;
background: #edf2fe;
}
.tm-box-icon.style-05 .sub-heading {
font-size: 15px;
font-weight: 500;
color: #4e84fa;
margin-bottom: 7px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.tm-box-icon.style-05 .heading {
font-size: 24px;
font-weight: 700;
line-height: 1.25;
margin-bottom: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.tm-box-icon.style-05 .content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.tm-box-icon.style-05 .icon {
position: absolute;
top: 4px;
right: -10px;
font-size: 48px;
margin: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
color: #b9cefd;
line-height: 1;
z-index: -1;
}
.tm-box-icon.style-05 .tm-svg,
.tm-box-icon.style-05 svg {
width: 48px;
height: 48px;
}
.tm-box-icon.style-05 .text {
margin-top: 10px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
@media (max-width: 1199px) {
.tm-box-icon.style-04 .text {
font-size: 30px;
}
}
@media (max-width: 991px) {
.tm-box-icon.style-04 .text {
font-size: 26px;
}
}
.tm-box-image {
position: relative;
}
.tm-box-image .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tm-box-image .content-wrap {
height: 100%;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.tm-box-image.has-image-hover .images {
position: relative;
}
.tm-box-image.has-image-hover:hover .image {
visibility: hidden;
opacity: 0;
}
.tm-box-image.has-image-hover:hover .image-hover {
opacity: 1;
visibility: visible;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.tm-box-image .image-hover {
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
}
.tm-box-image .heading {
word-wrap: break-word;
margin-bottom: 0;
}
.tm-box-image .btn {
display: inline-block;
margin-top: 27px;
font-size: 14px;
font-weight: 500;
}
.tm-box-image .btn .button-icon {
margin-left: 2px;
}
.tm-box-image .btn .button-icon:before {
content: '\f178';
}
.tm-box-image.style-01 {
height: 100%;
padding-bottom: 28px;
}
.tm-box-image.style-01:hover .content-wrap {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.tm-box-image.style-01:hover .circle-arrow .middle-arrow {
background: #086ad8;
}
.tm-box-image.style-01:hover .circle-arrow .middle-dot {
-webkit-animation: boxImageAnimationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
animation: boxImageAnimationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.tm-box-image.style-01 .images {
margin-bottom: 42px;
}
.tm-box-image.style-01 .content-wrap {
box-shadow: 0 18px 40px rgba(51, 51, 51, 0.1);
background: #fff;
border-radius: 5px;
padding: 50px 30px 63px;
}
.tm-box-image.style-01 .heading {
font-size: 24px;
font-weight: 500;
line-height: 1.25;
margin-bottom: 9px;
}
.tm-box-image.style-01 .circle-arrow {
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
height: 56px;
width: 56px;
}
.tm-box-image.style-01 .circle-arrow .middle-arrow {
position: absolute;
top: 0;
left: 0;
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
border-radius: 50%;
font-size: 24px;
color: #fff;
background: #d2a98e;
}
.tm-box-image.style-01 .circle-arrow .middle-dot {
pointer-events: none;
content: '';
position: absolute;
top: -12px;
left: -12px;
width: 80px;
height: 80px;
border-radius: 50%;
border: 2px solid #086ad8;
opacity: 0;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.tm-box-image.style-01 .circle-arrow .middle-dot.dot-2 {
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.tm-box-image.style-02:hover .images {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.tm-box-image.style-02 .content {
max-width: 340px;
margin: 0 auto;
}
.tm-box-image.style-02 .images {
margin-bottom: 36px;
}
.tm-box-image.style-02 .content-wrap {
box-shadow: 0 0 41px rgba(0, 0, 0, 0.03);
background: #fff;
padding: 40px 30px 65px;
}
.tm-box-image.style-02 .heading {
font-size: 24px;
font-weight: 500;
line-height: 1.25;
margin-bottom: 15px;
}
.tm-box-image.style-03:hover .content-wrap {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.tm-box-image.style-03:hover .heading {
color: #2e3280;
}
.tm-box-image.style-03 .image-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.tm-box-image.style-03 .images {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 30px;
}
.tm-box-image.style-03 .content-wrap {
box-shadow: 0 0 40px 5px rgba(51, 51, 51, 0.1);
background: #fff;
border-radius: 5px;
padding: 30px 38px;
min-height: 150px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.tm-box-image.style-03 .heading {
font-size: 18px;
font-weight: 500;
line-height: 1.67;
margin-bottom: 0;
}
.tm-box-image.style-03 .text {
margin-top: 20px;
}
.tm-box-image.style-04:hover .content-wrap {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.tm-box-image.style-04:hover .heading {
color: #fff;
}
.tm-box-image.style-04:hover .text {
color: #fff;
}
.tm-box-image.style-04 .images {
margin-bottom: 47px;
}
.tm-box-image.style-04 .content-wrap {
padding: 50px 42px 56px;
border-radius: 5px;
background: #fff;
box-shadow: 0 0 25px rgba(51, 51, 51, 0.1);
}
.tm-box-image.style-04 .heading {
font-size: 24px;
font-weight: 500;
line-height: 1.25;
margin-bottom: 9px;
}
.tm-box-image.style-05:hover .content-wrap {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.tm-box-image.style-05 .content {
max-width: 340px;
margin: 0 auto;
}
.tm-box-image.style-05 .images {
margin-bottom: 9px;
}
.tm-box-image.style-05 .content-wrap {
box-shadow: 0 0 30px rgba(51, 51, 51, 0.05);
background: #fff;
padding: 25px 30px 34px;
}
.tm-box-image.style-05 .heading {
font-size: 24px;
font-weight: 500;
line-height: 1.5;
margin-bottom: 6px;
}
.tm-box-image.style-06:hover .content-wrap {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.tm-box-image.style-06 .images {
position: relative;
width: 162px;
height: 162px;
border-radius: 50%;
margin: 0 auto 2px;
}
.tm-box-image.style-06 .images:before {
background-image: -webkit-linear-gradient(290deg, #fbf7f4 0%, #fefdfd 100%);
background-image: linear-gradient(160deg, #fbf7f4 0%, #fefdfd 100%);
border-radius: 50%;
-webkit-transform: translateY(-46px);
-ms-transform: translateY(-46px);
transform: translateY(-46px);
}
.tm-box-image.style-06 .images img {
position: relative;
z-index: 2;
max-width: 120px;
}
.tm-box-image.style-06 .content-wrap {
box-shadow: 0 0 40px 5px rgba(51, 51, 51, 0.1);
background: #fff;
border-radius: 5px;
padding: 98px 35px 88px;
overflow: hidden;
}
.tm-box-image.style-06 .heading {
font-size: 24px;
font-weight: 500;
line-height: 1.25;
margin-bottom: 12px;
}
.tm-box-image.style-06 .btn {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
height: 56px;
line-height: 55px;
text-align: center;
font-size: 14px;
font-weight: 500;
border-top: 1px solid #eee;
}
.tm-box-image.style-06 .btn:before {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
z-index: -1;
}
.tm-box-image.style-06 .btn .button-icon {
margin-left: 4px;
position: relative;
top: 1px;
}
.tm-box-image.style-06:hover div.btn,
.tm-box-image.style-06 a.btn:hover {
color: #fff;
}
.tm-box-image.style-06:hover div.btn:before,
.tm-box-image.style-06 a.btn:hover:before {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.tm-box-image.style-07:hover .content-wrap {
background: #fff;
box-shadow: 0 18px 40px rgba(51, 51, 51, 0.1);
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.tm-box-image.style-07 .images {
margin-bottom: 24px;
}
.tm-box-image.style-07 .content-wrap {
padding: 30px 35px 31px;
border-radius: 4px;
}
.tm-box-image.style-07 .heading {
font-size: 20px;
font-weight: 600;
line-height: 1.25;
margin-bottom: 14px;
}
.tm-box-image.style-08:hover .content-wrap {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.tm-box-image.style-08 .images {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 30px;
}
.tm-box-image.style-08 .content-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.tm-box-image.style-08 .content {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.tm-box-image.style-08 .heading {
font-size: 24px;
line-height: 1.25;
margin-bottom: 0;
}
.tm-box-image.style-08 .text {
margin-top: 13px;
}
.tm-box-image.style-09:hover .content-wrap {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.tm-box-image.style-09 .images {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 24px;
}
.tm-box-image.style-09 .content-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.tm-box-image.style-09 .content {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.tm-box-image.style-09 .heading {
font-size: 18px;
line-height: 1.23;
margin-bottom: 0;
}
.tm-box-image.style-09 .text {
margin-top: 17px;
}
.tm-box-image.style-10 {
z-index: 1;
zoom: 1;
}
.tm-box-image.style-10:hover .content-wrap {
background: #fff;
box-shadow: 0 18px 40px rgba(51, 51, 51, 0.1);
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
}
.tm-box-image.style-10:hover .btn {
opacity: 1;
}
.tm-box-image.style-10 .images {
margin-bottom: 24px;
}
.tm-box-image.style-10 .content-wrap {
-webkit-transition: box-shadow 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: box-shadow 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
padding: 30px 35px 31px;
border-radius: 5px;
}
.tm-box-image.style-10 .heading {
font-size: 18px;
font-weight: 700;
line-height: 1.67;
margin-bottom: 9px;
}
.tm-box-image.style-10 .btn {
margin-top: 15px;
opacity: 0;
}
.tm-box-image.style-10 .button-icon:before {
top: 1px;
position: relative;
}
@-webkit-keyframes boxImageAnimationSignal {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
1% {
opacity: .14;
}
20% {
opacity: .3;
}
40% {
opacity: .4;
}
60% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@keyframes boxImageAnimationSignal {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
1% {
opacity: .14;
}
20% {
opacity: .3;
}
40% {
opacity: .4;
}
60% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
.tm-box-large-image {
position: relative;
}
.tm-box-large-image .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tm-box-large-image .content-wrap {
height: 100%;
position: relative;
}
.tm-box-large-image .heading {
word-wrap: break-word;
margin-bottom: 0;
}
.tm-box-large-image.style-01:hover .content-wrap {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.tm-box-large-image.style-01:hover .image img {
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.tm-box-large-image.style-01:hover .image:after {
background: #002fa6;
opacity: .8;
}
.tm-box-large-image.style-01:hover .heading {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
}
.tm-box-large-image.style-01:hover .btn {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.tm-box-large-image.style-01 .image-wrap {
position: relative;
border-radius: 5px;
overflow: hidden;
}
.tm-box-large-image.style-01 .image img {
-webkit-transition: -webkit-transform 1s;
transition: -webkit-transform 1s;
transition: transform 1s;
transition: transform 1s, -webkit-transform 1s;
width: 100%;
}
.tm-box-large-image.style-01 .image:after {
opacity: .5;
background-image: -webkit-linear-gradient(top, rgba(28, 15, 105, 0) 0%, #1c0f69 61%);
background-image: linear-gradient(-180deg, rgba(28, 15, 105, 0) 0%, #1c0f69 61%);
}
.tm-box-large-image.style-01 .heading-wrapper,
.tm-box-large-image.style-01 .button-wrapper {
overflow: hidden;
}
.tm-box-large-image.style-01 .heading-wrapper {
position: absolute;
bottom: 27px;
left: 0;
right: 0;
max-width: 250px;
margin: 0 auto;
}
.tm-box-large-image.style-01 .heading {
font-size: 24px;
font-weight: 500;
line-height: 1.5;
color: #fff;
}
.tm-box-large-image.style-01 .button-wrapper {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 5px;
}
.tm-box-large-image.style-01 .btn {
background: #fff !important;
color: #086ad8 !important;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
}
.tm-box-large-image.style-01 .text {
margin-top: 25px;
}
.tm-box-large-image.style-01 .text strong {
color: #333;
}
.tm-box-large-image.style-02 {
height: 100%;
}
.tm-box-large-image.style-02:hover .image:before {
opacity: .8;
}
.tm-box-large-image.style-02:hover .image:after {
opacity: 0;
}
.tm-box-large-image.style-02:hover .box-info {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.tm-box-large-image.style-02:hover .heading {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.tm-box-large-image.style-02 .content {
position: relative;
border-radius: 5px;
overflow: hidden;
height: 100%;
}
.tm-box-large-image.style-02 .image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.tm-box-large-image.style-02 .image:before, .tm-box-large-image.style-02 .image:after {
z-index: 1;
}
.tm-box-large-image.style-02 .image:before {
background: #002fa6;
opacity: 0;
}
.tm-box-large-image.style-02 .image:after {
opacity: .5;
background-image: -webkit-linear-gradient(top, rgba(28, 15, 105, 0) 11%, #000 80%);
background-image: linear-gradient(-180deg, rgba(28, 15, 105, 0) 11%, #000 80%);
}
.tm-box-large-image.style-02 .box-info,
.tm-box-large-image.style-02 .heading {
-webkit-transition: all .5s;
transition: all .5s;
}
.tm-box-large-image.style-02 .box-info {
position: relative;
z-index: 2;
padding: 30px 20px;
text-align: center;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
height: 100%;
min-height: 330px;
}
.tm-box-large-image.style-02 .heading {
-webkit-transform: translateY(-100%) translateY(-54px);
-ms-transform: translateY(-100%) translateY(-54px);
transform: translateY(-100%) translateY(-54px);
font-size: 24px;
line-height: 1.5;
color: #fff;
}
.tm-box-large-image.style-02 .text {
margin-top: 16px;
color: #fff;
}
.tm-box-large-image.style-02 .btn {
margin-top: 40px;
display: inline-block;
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
border-radius: 50%;
color: #fff;
font-size: 0;
}
.tm-box-large-image.style-02 .btn .button-icon {
vertical-align: middle;
font-size: 24px;
}
.tm-box-large-image.style-03 {
height: 100%;
}
.tm-box-large-image.style-03:hover .content-wrap {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
box-shadow: 0 18px 40px rgba(51, 51, 51, 0.1);
}
.tm-box-large-image.style-03.has-button .content {
padding-bottom: 88px;
}
.tm-box-large-image.style-03 .content-wrap {
background: #fff;
border-radius: 5px;
overflow: hidden;
box-shadow: 0 0 40px rgba(51, 51, 51, 0.1);
}
.tm-box-large-image.style-03 .image img {
width: 100%;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.tm-box-large-image.style-03 .content {
padding: 32px 35px;
}
.tm-box-large-image.style-03 .heading {
font-size: 24px;
font-weight: 500;
line-height: 1.25;
}
.tm-box-large-image.style-03 .text {
margin-top: 12px;
}
.tm-box-large-image.style-03 .text strong {
color: #333;
}
.tm-box-large-image.style-03 .btn {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 56px;
line-height: 56px;
text-align: center;
font-size: 14px;
font-weight: 500;
border-top: 1px solid #eee;
}
.tm-box-large-image.style-03 .btn:before {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
z-index: -1;
}
.tm-box-large-image.style-03 .btn .button-icon {
margin-left: 4px;
position: relative;
top: 1px;
}
.tm-box-large-image.style-03:hover div.btn,
.tm-box-large-image.style-03 a.btn:hover {
color: #fff;
}
.tm-box-large-image.style-03:hover div.btn:before,
.tm-box-large-image.style-03 a.btn:hover:before {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.tm-box-large-image.style-04 {
height: 100%;
}
.tm-box-large-image.style-04:hover .image {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.tm-box-large-image.style-04 .image {
margin-bottom: 30px;
}
.tm-box-large-image.style-04 .image img {
width: 100%;
}
.tm-box-large-image.style-04 .content {
padding-left: 10px;
padding-right: 10px;
}
.tm-box-large-image.style-04 .heading {
font-size: 24px;
font-weight: 500;
line-height: 1.25;
}
.tm-box-large-image.style-04 .text {
margin-top: 9px;
}
.tm-box-large-image.style-04 .text strong {
color: #333;
}
.tm-box-large-image.style-04 .btn {
font-size: 14px;
font-weight: 500;
margin-top: 21px;
}
.tm-box-large-image.style-04 .btn .button-icon {
margin-left: 4px;
position: relative;
top: 1px;
}
.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 {
position: relative;
border-radius: 5px;
overflow: hidden;
background: #fff;
}
.tm-accordion.style-01 .accordion-section + .accordion-section {
margin-top: 20px;
}
.tm-accordion.style-01 .accordion-title {
position: relative;
font-size: 18px;
font-weight: 500;
line-height: 1.23;
background: #fff;
padding: 18px 30px;
border: 1px solid #ededed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tm-accordion.style-01 .accordion-icon {
position: absolute;
top: 50%;
right: 30px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-weight: 500;
}
.tm-accordion.style-01 .accordion-icon:before {
content: '\f107';
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 20px;
}
.tm-accordion.style-01 .accordion-section:hover, .tm-accordion.style-01 .accordion-section.active {
box-shadow: 0 18px 40px rgba(51, 51, 51, 0.1);
}
.tm-accordion.style-01 .accordion-section:hover .accordion-title, .tm-accordion.style-01 .accordion-section.active .accordion-title {
color: #fff !important;
border-color: transparent;
}
.tm-accordion.style-01 .accordion-section.active .accordion-icon:before {
content: '\f106';
}
.tm-accordion.style-01 .accordion-section:not(.active) .accordion-title {
border-radius: 5px;
}
.tm-accordion.style-01 .accordion-content {
padding: 23px 30px 29px;
}
.tm-accordion.style-02 .accordion-section {
position: relative;
background: #fff;
border-bottom: 1px solid #ededed;
padding: 7px 0;
}
.tm-accordion.style-02 .accordion-title {
position: relative;
font-size: 24px;
line-height: 1.25;
background: #fff;
color: #ababab;
padding: 20px 30px 20px 45px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tm-accordion.style-02 .accordion-icon {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-weight: 500;
}
.tm-accordion.style-02 .accordion-icon:before {
content: '\f32d';
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 24px;
color: #ababab;
}
.tm-accordion.style-02 .accordion-section.active .accordion-icon:before {
content: '\f330';
}
.tm-accordion.style-02 .accordion-content {
padding: 0 45px 29px;
}
@media (max-width: 1199px) {
.tm-accordion.style-02 .accordion-title {
font-size: 21px;
}
}
@media (max-width: 991px) {
.tm-accordion.style-02 .accordion-title {
font-size: 18px;
}
}
.typed-cursor {
opacity: 1;
-webkit-animation: blink .7s infinite;
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;
}
}
.tm-heading .heading {
margin-bottom: 0;
word-wrap: break-word;
max-width: 100%;
}
.tm-heading.center .heading {
margin-left: auto;
margin-right: auto;
}
.tm-heading a {
font-size: inherit;
color: inherit;
position: relative;
overflow: hidden;
z-index: 1;
}
.tm-heading a:before {
content: '';
width: 0;
height: 1px;
bottom: 0;
position: absolute;
left: auto;
right: 0;
z-index: 1;
-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
background: currentColor;
}
.tm-heading a:hover {
color: inherit;
}
.tm-heading a:hover:before {
width: 100%;
left: 0;
right: auto;
}
.tm-heading .icon {
display: inline-block;
vertical-align: bottom;
margin-right: 9px;
}
.tm-heading.link-style-01 .heading {
font-size: 18px;
font-weight: 500;
line-height: 1.45;
}
.tm-heading.link-style-01 a {
border-bottom: 1px solid #ccc;
}
.tm-heading.link-style-01 a:before {
bottom: -1px;
}
.tm-heading.link-style-02 .heading {
font-size: 18px;
font-weight: 500;
line-height: 1.45;
}
.tm-heading.link-style-02 a {
border-bottom: 1px solid #ccc;
}
.tm-heading.link-style-02 a:before {
bottom: -1px;
}
.tm-heading.link-style-02 a:after {
content: '\f178';
font-size: 16px;
margin-left: 10px;
}
.tm-heading.link-style-03 .heading {
font-size: 18px;
font-weight: 500;
line-height: 1.45;
}
.tm-heading.link-style-03 a:before {
bottom: -1px;
}
.tm-heading.link-style-03 a:after {
content: '\f178';
font-size: 16px;
margin-left: 10px;
}
.tm-heading.secondary-font .heading {
font-family: inherit;
}
.tm-heading.common .heading {
font-size: 30px;
}
.tm-heading.left-line .heading {
position: relative;
padding-left: 34px;
font-size: 40px;
font-weight: 600;
line-height: 1.2;
}
.tm-heading.left-line .heading:before {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 4px;
height: 94%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.tm-heading.highlight-01 .heading {
font-size: 18px;
line-height: 1.78;
}
.tm-heading.highlight-02 .heading {
font-size: 56px;
font-weight: 500;
line-height: 1.29;
}
.tm-heading.highlight-02 mark {
position: relative;
color: inherit;
}
.tm-heading.highlight-02 mark:after {
content: '';
position: absolute;
bottom: 4px;
left: 0;
right: 0;
height: 2px;
background: currentColor;
}
.tm-heading.modern .heading {
font-size: 14px;
letter-spacing: 3px;
text-transform: uppercase;
line-height: 1.43;
}
.tm-heading.modern-02 .heading {
font-size: 15px;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
line-height: 1.74;
}
.tm-heading.modern-03 .heading {
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 1.74;
}
.tm-heading.modern-number-01 .heading {
position: relative;
font-size: 12px;
line-height: 2em;
letter-spacing: 2px;
color: #ababab;
text-transform: uppercase;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.tm-heading.modern-number-01 mark {
font-size: 180px;
line-height: .8;
font-weight: 900;
margin: 0 5px -5px -5px;
}
.tm-heading.modern-number-02 .heading {
position: relative;
font-size: 13px;
line-height: 2em;
letter-spacing: 2px;
text-transform: uppercase;
display: inline-block;
padding: 35px 80px 35px 42px;
}
.tm-heading.modern-number-02 .heading:before {
content: '';
position: absolute;
top: 47px;
left: 0;
width: 34px;
height: 1px;
}
.tm-heading.modern-number-02 mark {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 120px;
line-height: .8;
font-weight: 900;
color: #ededed;
z-index: -1;
}
.tm-heading.modern-number-03 .heading {
position: relative;
font-size: 12px;
line-height: 2em;
letter-spacing: 2px;
color: #ababab;
text-transform: uppercase;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.tm-heading.modern-number-03 mark {
font-size: 180px;
line-height: .8;
font-weight: 900;
margin: 0 5px -5px -5px;
}
.tm-heading.vertical .heading {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
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: 80px;
height: 3px;
border-radius: 3px;
margin-top: 24px;
}
.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.typed-text .heading {
font-size: 48px;
line-height: 1.34;
}
.tm-heading.typed-text mark {
background: none;
}
.tm-heading.typed-text .typed-cursor {
font-weight: 300;
}
@media (max-width: 1199px) {
.tm-heading.left-line .heading {
font-size: 34px;
}
}
@media (max-width: 991px) {
.tm-heading.common .heading {
font-size: 24px;
}
.tm-heading.typed-text .heading {
font-size: 42px;
}
.tm-heading.left-line .heading {
font-size: 28px;
}
}
@media (max-width: 767px) {
.tm-heading.typed-text .heading {
font-size: 36px;
}
}
.tm-testimonial .post-thumbnail img {
border-radius: 50%;
}
.tm-testimonial .testimonial-rating {
font-size: 16px;
margin-bottom: 10px;
color: #ffb944;
}
.tm-testimonial .testimonial-rating > span {
padding: 0 2px;
}
.tm-testimonial.style-carousel .tm-swiper {
margin: -20px -15px 0;
}
.tm-testimonial.style-carousel .post-thumbnail {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 30px;
}
.tm-testimonial.style-carousel .testimonial-info {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.tm-testimonial.style-carousel .testimonial-item {
position: relative;
background: #fff;
padding: 31px 50px 47px;
border-radius: 5px;
margin: 20px 15px 35px;
box-shadow: 0 0 20px rgba(51, 51, 51, 0.1);
}
.tm-testimonial.style-carousel .testimonial-item:before {
box-shadow: 5px 60px 40px -54px rgba(51, 51, 51, 0.13);
}
.tm-testimonial.style-carousel .testimonial-item:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.tm-testimonial.style-carousel .testimonial-content {
font-size: 18px;
line-height: 1.67;
}
.tm-testimonial.style-carousel .testimonial-info-wrap,
.tm-testimonial.style-carousel .testimonial-main-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.tm-testimonial.style-carousel .testimonial-info-wrap {
margin-bottom: 22px;
}
.tm-testimonial.style-carousel .testimonial-name {
font-size: 15px;
text-transform: uppercase;
line-height: 1.23;
margin-bottom: 0;
}
.tm-testimonial.style-carousel .testimonial-by-line {
margin-left: 5px;
font-size: 14px;
}
.tm-testimonial.style-carousel .testimonial-by-line:before {
content: ' / ';
}
.tm-testimonial.style-carousel-02 .tm-swiper {
margin-top: -5px;
}
.tm-testimonial.style-carousel-02 .swiper-slide .testimonial-item {
opacity: .4;
}
.tm-testimonial.style-carousel-02 .swiper-slide.swiper-slide-active .testimonial-item {
opacity: 1;
}
.tm-testimonial.style-carousel-02 .testimonial-item {
background: #fff;
padding: 42px 50px 40px;
border-radius: 5px;
box-shadow: 0 35px 40px -40px rgba(51, 51, 51, 0.13);
margin: 5px 0 15px;
}
.tm-testimonial.style-carousel-02 .testimonial-item:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.tm-testimonial.style-carousel-02 .testimonial-content {
font-size: 18px;
line-height: 1.78;
}
.tm-testimonial.style-carousel-02 .testimonial-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-top: 34px;
}
.tm-testimonial.style-carousel-02 .post-thumbnail {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.tm-testimonial.style-carousel-02 .testimonial-main-info {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-left: 20px;
}
.tm-testimonial.style-carousel-02 .testimonial-subject {
font-size: 18px;
line-height: 1.67;
margin-bottom: 15px;
}
.tm-testimonial.style-carousel-02 .testimonial-name {
font-size: 15px;
text-transform: uppercase;
line-height: 1.23;
margin-bottom: 6px;
}
.tm-testimonial.style-carousel-02 .testimonial-by-line {
font-size: 14px;
}
.tm-testimonial.style-carousel-02 .testimonial-by-line:before {
content: ' / ';
}
.tm-testimonial.style-slider {
text-align: center;
}
.tm-testimonial.style-slider .testimonial-item {
width: 100%;
}
.tm-testimonial.style-slider .post-thumbnail {
margin-bottom: 33px;
}
.tm-testimonial.style-slider .post-thumbnail img {
background: #d8d8d8;
}
.tm-testimonial.style-slider .testimonial-desc {
font-size: 34px;
line-height: 1.42;
text-align: center;
color: #fff;
width: 800px;
max-width: 90%;
margin: 0 auto;
}
.tm-testimonial.style-slider .testimonial-info {
padding-top: 45px;
display: inline-block;
}
.tm-testimonial.style-slider .testimonial-info .inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.tm-testimonial.style-slider .testimonial-name {
display: inline-block;
font-size: 18px;
line-height: 2;
color: #fff;
margin-bottom: 0;
}
.tm-testimonial.style-slider .testimonial-by-line {
display: inline-block;
color: #fff;
font-size: 14px;
}
.tm-testimonial.style-slider .testimonial-by-line:before {
content: ' / ';
}
.tm-testimonial.style-slider-02 .testimonial-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 830px;
margin: 0 auto;
}
.tm-testimonial.style-slider-02 .post-thumbnail {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 90px;
}
.tm-testimonial.style-slider-02 .post-thumbnail img {
background: #d8d8d8;
}
.tm-testimonial.style-slider-02 .testimonial-content {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.tm-testimonial.style-slider-02 .testimonial-desc {
font-size: 24px;
line-height: 1.67;
color: #fff;
}
.tm-testimonial.style-slider-02 .testimonial-info {
padding-top: 45px;
display: inline-block;
}
.tm-testimonial.style-slider-02 .testimonial-info .inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.tm-testimonial.style-slider-02 .testimonial-name {
font-size: 24px;
line-height: 1.5;
color: #fff;
margin-bottom: 9px;
}
.tm-testimonial.style-slider-02 .testimonial-by-line {
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
}
.tm-testimonial.style-slider-02 .testimonial-by-line:before {
content: ' / ';
}
@media (max-width: 991px) {
.tm-testimonial.style-slider .testimonial-desc {
font-size: 30px;
}
.tm-testimonial.style-slider-02 .testimonial-desc {
font-size: 21px;
}
.tm-testimonial.style-carousel-02 .testimonial-item {
padding: 42px 30px 40px;
}
}
@media (max-width: 767px) {
.tm-testimonial.style-slider .testimonial-desc {
font-size: 26px;
}
.tm-testimonial.style-slider-02 .testimonial-item {
display: block;
text-align: center;
}
.tm-testimonial.style-slider-02 .post-thumbnail {
margin-right: 0;
margin-bottom: 30px;
}
.tm-testimonial.style-slider-02 .testimonial-desc {
font-size: 18px;
}
.tm-testimonial.style-slider-02 .testimonial-info {
padding-top: 30px;
}
}
.tm-slider a:hover .image img {
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
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: 18px;
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: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 100px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.tm-slider-gallery.style-full-wide-left-image .image-wrap {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
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 {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
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 .swiper-slide-inner {
padding: 50px 10px;
}
.tm-slider-gallery.big-shadow .image > img {
box-shadow: 0 8px 40px rgba(51, 51, 51, 0.15);
}
.tm-slider-gallery.big-shadow .swiper-slide-active .image > img {
box-shadow: 0 20px 50px rgba(19, 16, 65, 0.4);
}
.tm-slider-gallery.shadow .sc-outer {
width: 100%;
height: 100%;
float: left;
}
.tm-slider-gallery.shadow .swiper-slide-inner {
padding: 30px 0;
}
.tm-slider-gallery.shadow .image > img {
border-radius: 5px;
box-shadow: 0 0 30px rgba(51, 51, 51, 0.1);
}
@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;
}
.tm-slider-gallery.big-shadow .swiper-slide-inner {
padding: 30px 0;
}
.tm-slider-gallery.big-shadow .swiper-slide-active .image > img {
box-shadow: 0 10px 30px rgba(19, 16, 65, 0.4);
}
}
@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: 50px;
height: 50px;
line-height: 48px;
float: left;
text-align: center;
font-size: 16px;
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.has-shadow-01 {
margin: -15px -15px 0;
}
.tm-slider-group.has-shadow-01 .swiper-slide-inner {
padding: 15px;
}
.tm-slider-group.has-shadow-01 .swiper-pagination {
margin-top: 20px;
}
.tm-slider-group.has-shadow-02 .swiper-slide-inner {
margin-bottom: 15px;
}
.tm-slider-group.has-shadow-02 .swiper-pagination {
margin-top: 20px;
}
.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 .image-wrap {
text-align: right;
font-size: 0;
}
.tm-slider-modern.style-01 .slide-image {
width: 100%;
}
.tm-slider-modern.style-01 .image {
display: inline-block;
}
.tm-slider-modern.style-01 .heading {
font-size: 34px;
font-weight: 500;
}
.tm-slider-modern.style-01 .sub-heading {
font-size: 15px;
font-weight: 400;
margin-bottom: 15px;
}
.tm-slider-modern.style-01 .text {
font-size: 18px;
line-height: 1.67;
margin-bottom: 0;
}
.tm-slider-modern.style-01 .tm-button {
margin-top: 38px;
min-width: 188px;
}
@media (min-width: 1200px) {
.tm-slider-modern.style-01 .slide-content {
padding-top: 30px;
}
}
@media (max-width: 1199px) {
.tm-slider-modern.style-01 .heading {
font-size: 30px;
}
}
@media (max-width: 991px) {
.tm-slider-modern.style-01 .heading {
font-size: 26px;
}
.tm-slider-modern.style-01 .image-wrap,
.tm-slider-modern.style-01 .slide-info {
text-align: center;
}
}
.tm-slider-macbook-frame {
position: relative;
}
.tm-slider-macbook-frame .swiper-inner {
position: relative;
padding-top: 30px;
}
.tm-slider-macbook-frame .macbook-frame-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.tm-slider-macbook-frame .macbook-frame-wrap:before {
content: '';
position: absolute;
top: 0;
left: 50%;
width: 602px;
height: 440px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: #d9d9d9;
}
.tm-slider-macbook-frame .macbook-frame-wrap .macbook-frame {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 99;
width: 860px;
}
.tm-slider-macbook-frame .macbook-frame-wrap .macbook-frame:after {
content: '';
position: absolute;
bottom: 0;
height: 100%;
width: 70%;
left: 15%;
box-shadow: 0 160px 70px -60px rgba(51, 51, 51, 0.13);
}
.tm-slider-macbook-frame .swiper-slide {
width: 602px;
text-align: center;
}
.tm-slider-macbook-frame .swiper-slide .image {
margin-bottom: 60px;
}
.tm-slider-macbook-frame .swiper-slide .image img {
box-shadow: 0 30px 40px rgba(0, 0, 0, 0.08);
}
@media (max-width: 1199px) {
.tm-slider-macbook-frame .swiper-inner {
padding-top: 20px;
}
.tm-slider-macbook-frame .macbook-frame-wrap .macbook-frame {
width: 582px;
}
.tm-slider-macbook-frame .macbook-frame-wrap:before {
width: 410px;
height: 280px;
}
.tm-slider-macbook-frame .swiper-slide {
width: 400px;
}
}
@media (max-width: 767px) {
.tm-slider-macbook-frame .swiper-inner {
padding-top: 15px;
}
.tm-slider-macbook-frame .macbook-frame-wrap .macbook-frame {
width: 432px;
}
.tm-slider-macbook-frame .macbook-frame-wrap:before {
width: 310px;
height: 210px;
}
.tm-slider-macbook-frame .swiper-slide {
width: 300px;
}
}
@media (max-width: 543px) {
.tm-slider-macbook-frame .macbook-frame-wrap .macbook-frame {
width: 360px;
}
.tm-slider-macbook-frame .macbook-frame-wrap:before {
width: 260px;
height: 180px;
}
.tm-slider-macbook-frame .swiper-slide {
width: 250px;
}
}
.tm-slider-parallel-scroll .swiper-slide {
width: 370px !important;
max-width: 90vw;
}
.tm-slider-parallel-scroll .mitech-thumbs-swiper {
margin-top: 23px;
}
.tm-slider-parallel-scroll .mitech-thumbs-swiper > .swiper-inner {
margin-left: -200px;
margin-right: -200px;
}
.tm-slider-parallel-scroll .mitech-thumbs-swiper .swiper-slide {
direction: ltr;
}
.tm-slider-parallel-scroll .swiper-slide-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background: #1c1c1c;
border-radius: 3px;
padding: 20px 15px;
}
.tm-slider-parallel-scroll .image-wrap {
width: 42px;
margin-right: 15px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
text-align: center;
}
.tm-slider-parallel-scroll .heading {
font-size: 15px;
font-weight: 700;
color: #fff;
display: inline;
}
.tm-slider-parallel-scroll .text {
display: inline;
}
@media (max-width: 767px) {
.tm-slider-parallel-scroll .mitech-thumbs-swiper > .swiper-inner {
margin-left: 0;
margin-right: 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;
}
@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;
}
}
.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.style-01 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
height: auto !important;
margin-bottom: 30px;
text-align: center;
}
.tm-pricing.style-01 .inner {
position: relative;
height: 100%;
margin: 0 auto;
background-color: #fff;
padding: 49px 20px 51px;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 0 30px rgba(51, 51, 51, 0.1);
}
.tm-pricing.style-01:hover .inner {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.tm-pricing.style-01.highlight .inner {
box-shadow: 0 2px 30px rgba(89, 69, 230, 0.12);
padding: 33px 20px 61px;
}
.tm-pricing.style-01:hover .inner, .tm-pricing.style-01.highlight .inner {
box-shadow: 0 41px 43px rgba(51, 51, 51, 0.07);
}
.tm-pricing.style-01 .tm-pricing-header {
z-index: 1;
position: relative;
margin-bottom: 25px;
}
.tm-pricing.style-01 .tm-pricing-button {
display: inline-block;
width: 180px;
max-width: 100%;
}
.tm-pricing.style-01 .tm-pricing-feature-mark {
position: absolute;
top: 0;
right: 0;
height: 92px;
width: 92px;
}
.tm-pricing.style-01 .tm-pricing-feature-mark:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
background: none repeat scroll 0 0 #fff;
content: "";
height: 159px;
right: 23px;
position: absolute;
top: 10px;
width: 100%;
}
.tm-pricing.style-01 .tm-pricing-feature-mark span {
position: absolute;
top: 21px;
right: -2px;
text-align: center;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.19;
display: block;
color: #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 70px;
}
.tm-pricing.style-01 .price-wrap-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.tm-pricing.style-01 .price-wrap-inner h6 {
font-size: 56px;
font-weight: 300;
color: #333;
line-height: .6;
margin: 0;
}
.tm-pricing.style-01 .price-wrap-inner .period {
font-size: 15px;
font-weight: 500;
margin-bottom: 0;
color: #ababab;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.tm-pricing.style-01 .price-wrap-inner .currency {
font-size: 15px;
font-weight: 500;
margin-bottom: 0;
color: #ababab;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
margin-right: 3px;
}
.tm-pricing.style-01 .period {
font-size: 15px;
margin-bottom: 0;
color: #ababab;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.tm-pricing.style-01 .image {
position: relative;
width: 162px;
height: 162px;
border-radius: 50%;
margin: 0 auto 20px;
background-image: -webkit-linear-gradient(290deg, #fbf7f4 0%, #fefdfd 100%);
background-image: linear-gradient(160deg, #fbf7f4 0%, #fefdfd 100%);
}
.tm-pricing.style-01 .image img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 140px;
}
.tm-pricing.style-01 .title {
font-size: 15px;
line-height: 1.5;
color: inherit;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 21px;
}
.tm-pricing.style-01 .tm-pricing-list {
text-align: left;
max-width: 270px;
margin: 29px auto 0;
}
.tm-pricing.style-01 .tm-pricing-list li {
position: relative;
display: block;
padding: 7px 0 7px 31px;
}
.tm-pricing.style-01 .tm-pricing-list li:before {
content: '\f00c';
color: #41b663;
position: absolute;
top: 12px;
left: 0;
}
.tm-pricing.style-01 .tm-pricing-list li i {
font-size: 16px;
margin-right: 5px;
}
.tm-pricing.style-01 .tm-pricing-footer {
padding-top: 16px;
}
.tm-pricing.style-02 {
margin-bottom: 30px;
text-align: center;
}
.tm-pricing.style-02 .inner {
position: relative;
height: 100%;
margin: 0 auto;
background-color: #fff;
padding: 55px 20px 40px;
border: 1px solid #dce6ed;
border-radius: 5px;
overflow: hidden;
}
.tm-pricing.style-02:hover .inner {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.tm-pricing.style-02:hover .inner, .tm-pricing.style-02.highlight .inner {
box-shadow: 0 2px 30px rgba(89, 69, 230, 0.12);
border: 0 solid transparent;
padding: 56px 21px 41px;
}
.tm-pricing.style-02.highlight {
color: #fff;
}
.tm-pricing.style-02.highlight .title {
color: #fff;
}
.tm-pricing.style-02.highlight .price-wrap-inner h6 {
color: #fff;
}
.tm-pricing.style-02 .tm-pricing-header {
margin-bottom: 25px;
}
.tm-pricing.style-02 .tm-pricing-button {
display: inline-block;
width: 160px;
max-width: 100%;
}
.tm-pricing.style-02 .tm-pricing-button.style-solid {
border-width: 1px;
line-height: 46px;
}
.tm-pricing.style-02 .tm-pricing-feature-mark {
position: absolute;
top: -1px;
right: -1px;
width: 0;
height: 0;
border-top: 88px solid #ee7455;
border-bottom: 88px solid transparent;
border-left: 88px solid transparent;
}
.tm-pricing.style-02 .tm-pricing-feature-mark span {
position: absolute;
top: -72px;
right: 6px;
text-align: center;
font-size: 11px;
font-weight: 700;
line-height: 1.19;
display: block;
color: #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.tm-pricing.style-02 .price-wrap-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.tm-pricing.style-02 .currency {
font-size: 15px;
margin-bottom: 0;
color: #ababab;
}
.tm-pricing.style-02 .price {
font-size: 56px;
line-height: .8;
margin: 0 4px;
font-weight: 300;
color: #333;
}
.tm-pricing.style-02 .period {
font-size: 15px;
margin-bottom: 0;
color: #ababab;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.tm-pricing.style-02 .image {
margin-bottom: 17px;
}
.tm-pricing.style-02 .title {
font-size: 24px;
line-height: 1.5;
margin-bottom: 35px;
}
.tm-pricing.style-02 .description {
font-size: 13px;
}
.tm-pricing.style-02 .tm-pricing-list li {
position: relative;
display: block;
padding: 5px 0;
}
.tm-pricing.style-02 .tm-pricing-list li i {
font-size: 16px;
margin-right: 5px;
}
.tm-pricing.style-02 .tm-pricing-footer {
padding-top: 32px;
}
.tm-pricing-table {
background: #fff;
border-radius: 5px;
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;
overflow: hidden;
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 {
font-size: 14px;
text-transform: uppercase;
margin-bottom: 34px;
}
.tm-pricing-table .tm-pricing-feature-mark {
position: absolute;
top: 0;
right: 0;
height: 90px;
width: 140px;
}
.tm-pricing-table .tm-pricing-feature-mark:before {
content: '';
position: absolute;
top: -30px;
right: -52px;
height: 90px;
width: 140px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background-image: -webkit-linear-gradient(30deg, #ffbe00 0%, #f76b1c 100%);
background-image: linear-gradient(60deg, #ffbe00 0%, #f76b1c 100%);
}
.tm-pricing-table .tm-pricing-feature-mark span {
position: absolute;
top: 20px;
right: 7px;
text-align: center;
font-size: 11px;
font-weight: 700;
line-height: 1.19;
display: block;
color: #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 50px;
}
.tm-pricing-table .price-wrap-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.tm-pricing-table .currency {
font-size: 18px;
margin-bottom: 0;
color: #333;
}
.tm-pricing-table .price {
font-size: 36px !important;
line-height: .9;
margin: 0 4px;
color: #333;
}
.tm-pricing-table .period {
font-size: 14px;
margin-bottom: 0;
color: #999;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
line-height: 2;
}
.tm-problem-solution .label {
font-size: 40px;
line-height: 1.4;
margin-bottom: 48px;
}
.tm-problem-solution .problem {
position: relative;
padding-left: 32px;
font-size: 15px;
font-weight: 500;
line-height: 1.74;
}
.tm-problem-solution .problem:before {
content: '\f178';
position: absolute;
top: 4px;
left: 0;
font-size: 18px;
}
.tm-problem-solution .solution {
position: relative;
padding-left: 32px;
}
.tm-problem-solution .solution:before {
content: '\f00c';
position: absolute;
top: 4px;
left: 0;
font-size: 18px;
}
.tm-problem-solution .item {
border-bottom: 1px solid #eee;
padding-bottom: 50px;
margin-bottom: 44px;
}
@media (max-width: 1199px) {
.tm-problem-solution .label {
font-size: 34px;
}
}
@media (max-width: 991px) {
.tm-problem-solution .label {
font-size: 28px;
}
.tm-problem-solution .item {
padding-bottom: 30px;
margin-bottom: 30px;
}
}
.tm-simple-product .product-wrapper {
position: relative;
border-radius: 8px;
background: #fff;
box-shadow: 0 0 40px rgba(51, 51, 51, 0.1);
overflow: hidden;
height: 100%;
}
.tm-simple-product .product-wrapper:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.tm-simple-product .product-image img {
width: 100%;
border-radius: 8px 8px 0 0;
}
.tm-simple-product .product-name {
font-size: 24px;
line-height: 1.5;
margin-bottom: 6px;
}
.tm-simple-product .product-category {
font-size: 14px;
line-height: 1.29;
}
.tm-simple-product .product-desc {
margin-top: 16px;
color: #696969;
}
.tm-simple-product .product-info {
padding: 30px 40px 40px;
}
.tm-simple-product .product-footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 26px;
}
.tm-simple-product .s-product-price {
margin-left: 12px;
}
.tm-simple-product .s-product-price .regular-price {
display: inline-block;
vertical-align: middle;
position: relative;
font-size: 18px;
color: #ababab;
padding: 0 5px;
margin-right: 10px;
}
.tm-simple-product .s-product-price .regular-price:after {
content: '';
height: 1px;
width: 100%;
position: absolute;
top: 50%;
left: 0;
margin-top: -1px;
background: #979797;
}
.tm-simple-product .s-product-price .price {
display: inline-block;
vertical-align: middle;
font-size: 24px;
color: #38cb89;
font-weight: 500;
}
.tm-simple-product .s-product-badge {
position: absolute;
top: 0;
right: 0;
height: 90px;
width: 140px;
}
.tm-simple-product .s-product-badge:before {
content: '';
position: absolute;
top: -30px;
right: -52px;
height: 90px;
width: 140px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background-image: -webkit-linear-gradient(30deg, #ffbe00 0%, #f76b1c 100%);
background-image: linear-gradient(60deg, #ffbe00 0%, #f76b1c 100%);
}
.tm-simple-product .s-product-badge span {
position: absolute;
top: 22px;
right: 5px;
text-align: center;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.19;
display: block;
color: #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 50px;
}
@media (max-width: 767px) {
.tm-simple-product .product-info {
padding: 30px 25px;
}
}
.tm-countdown {
text-align: center;
}
.tm-countdown .day,
.tm-countdown .hour,
.tm-countdown .minute,
.tm-countdown .second {
text-align: center;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.tm-countdown .countdown {
display: inline-block;
}
.tm-countdown.style-01 .countdown-wrap {
display: -ms-grid;
display: grid;
grid-gap: 30px;
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
.tm-countdown.style-01 .number {
display: inline-block;
font-size: 80px;
font-weight: 300;
line-height: 1;
}
.tm-countdown.style-01 .text {
display: block;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
font-size: 14px;
margin-top: 10px;
}
.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 {
line-height: 0;
}
.tm-countdown.style-02 .countdown {
display: inline-block;
width: 770px;
max-width: 100%;
}
.tm-countdown.style-02 .time_circles {
position: relative;
width: 100%;
height: 100%;
}
.tm-countdown.style-02 .time_circles > div {
position: absolute;
text-align: center;
}
.tm-countdown.style-02 .time_circles > div > h4 {
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1.71px;
color: #222;
line-height: 1;
margin: 18px 0 0;
}
.tm-countdown.style-02 .time_circles > div > span {
display: block;
width: 100%;
line-height: .8;
font-size: 50px;
font-weight: 400;
color: #222;
}
.tm-countdown.style-03 .countdown-wrap {
display: -ms-grid;
display: grid;
grid-gap: 30px;
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
.tm-countdown.style-03 .number {
display: inline-block;
font-size: 36px;
font-weight: 400;
min-width: 70px;
height: 90px;
border-radius: 3px;
line-height: 90px;
text-align: center;
background: red;
color: #fff;
}
.tm-countdown.style-03 .text {
display: block;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
font-size: 14px;
margin-top: 10px;
}
.tm-countdown.style-03.skin-light .number {
background-color: #fff;
color: #333;
}
.tm-countdown.style-03.skin-light .text {
color: rgba(255, 255, 255, 0.7);
}
@media (min-width: 1200px) {
.tm-countdown.style-01 .countdown-wrap {
grid-gap: 30px 92px;
}
}
@media (max-width: 1199px) {
.tm-countdown.style-01 .number {
font-size: 80px;
}
}
@media (max-width: 991px) {
.tm-countdown.style-01 .number {
font-size: 60px;
}
}
@media (max-width: 767px) {
.tm-countdown.style-01 .number {
font-size: 40px;
}
.tm-countdown.style-02 .time_circles > div > h4 {
margin: 10px 0 0;
}
.tm-countdown.style-03 .countdown-wrap {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
.tm-countdown.style-03 .countdown-wrap .countdown {
margin: 0 auto;
}
}
.tm-counter.align-left .number-wrap {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.tm-counter.align-center .number-wrap {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.tm-counter.align-right .number-wrap {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
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 .number-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 16px;
font-size: 64px;
font-weight: 600;
line-height: 1;
}
.tm-counter.style-01 .sub-heading {
font-size: 24px;
font-weight: 600;
line-height: 1.34;
margin-bottom: 32px;
}
.tm-counter.style-01 .heading {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
}
.tm-counter.style-02 .icon {
font-size: 80px;
line-height: 1;
margin-bottom: 11px;
}
.tm-counter.style-02 .number-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 19px;
font-size: 56px;
font-weight: 400;
line-height: 1;
}
.tm-counter.style-02 .sub-heading {
font-size: 24px;
font-weight: 600;
line-height: 1.34;
margin-bottom: 32px;
}
.tm-counter.style-02 .heading {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
color: #7e7e7e;
}
.tm-counter.style-03 .counter-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.tm-counter.style-03 .icon {
border-radius: 10px;
height: 80px;
width: 80px;
line-height: 80px;
background: #fff;
font-size: 30px;
text-align: center;
margin-right: 20px;
box-shadow: 0 0 15px rgba(51, 51, 51, 0.05);
}
.tm-counter.style-03 .content-wrap {
padding-top: 10px;
}
.tm-counter.style-03 .number-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 5px;
font-size: 34px;
font-weight: 600;
line-height: 1;
}
.tm-counter.style-03 .heading {
font-size: 16px;
font-weight: 500;
line-height: 1.5;
text-transform: uppercase;
letter-spacing: 2px;
}
.tm-counter.style-03 .description {
margin-top: 5px;
}
@media (max-width: 1199px) {
.tm-counter.style-01 .number-wrap {
font-size: 54px;
}
}
@media (max-width: 991px) {
.tm-counter.style-01 .number-wrap {
font-size: 44px;
}
}
@media (max-width: 767px) {
.tm-counter.style-01 .number-wrap {
font-size: 34px;
}
}
.tm-team-member {
position: relative;
}
.tm-team-member .position {
font-size: 14px;
}
.tm-team-member.group-style-01:hover .social-networks {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.tm-team-member.group-style-01 .photo {
position: relative;
margin-bottom: 22px;
}
.tm-team-member.group-style-01 .photo img {
width: 100%;
}
.tm-team-member.group-style-01 .name {
font-size: 24px;
line-height: 1.5;
margin-bottom: 4px;
}
.tm-team-member.group-style-01 .description {
margin-top: 12px;
}
.tm-team-member.group-style-01 .social-networks {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
padding: 10px 0;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px);
text-align: center;
}
.tm-team-member.group-style-01 .social-networks a {
display: inline-block;
font-size: 16px;
line-height: 0;
color: #fff;
padding: 10px 14px;
}
.tm-team-member.style-01 .social-networks {
padding: 6px 0;
}
.tm-team-member.style-02 {
text-align: center;
}
.tm-team-member.style-03 {
text-align: center;
}
.tm-team-member.style-03 .photo {
margin-bottom: 25px;
}
.tm-team-member.style-03 .name {
font-size: 18px;
line-height: 1.78;
margin-bottom: 4px;
}
.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: 16px;
}
.tm-social-networks.style-large-icons {
font-size: 20px;
}
.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-flat-rounded-icon ul {
margin: -10px;
}
.tm-social-networks.style-flat-rounded-icon li {
float: left;
margin: 10px;
}
.tm-social-networks.style-flat-rounded-icon .item:hover .link {
color: #fff;
}
.tm-social-networks.style-flat-rounded-icon .link {
font-size: 18px;
display: block;
text-align: center;
height: 48px;
width: 48px;
background: #ededed;
color: #696969;
border-radius: 50%;
position: relative;
}
.tm-social-networks.style-flat-rounded-icon .link-icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -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 {
color: #fff;
border-color: transparent;
}
.tm-social-networks.style-solid-rounded-icon .link {
font-size: 18px;
display: block;
text-align: center;
height: 48px;
width: 48px;
background: transparent;
color: #696969;
border: 1px solid #e0e0e0;
border-radius: 50%;
position: relative;
}
.tm-social-networks.style-solid-rounded-icon .link-icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.tm-social-networks.style-icon-title .link-icon {
font-size: 16px;
min-width: 16px;
margin-right: 10px;
}
.tm-social-networks.style-title ul {
margin: 0 -14px;
line-height: 1;
}
.tm-social-networks.style-title .link {
position: relative;
}
.tm-social-networks.style-title .link {
padding: 10px 14px;
}
.tm-social-networks.style-title .link-text {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
color: #333;
position: relative;
padding: 5px 0;
z-index: 1;
}
.tm-social-networks.style-title .link-text:before {
content: '';
height: 2px;
bottom: 0;
position: absolute;
left: 0;
right: 0;
z-index: -2;
background: rgba(0, 0, 0, 0.2);
}
.tm-social-networks.style-title .link-text:after {
content: '';
height: 2px;
width: 0;
bottom: 0;
position: absolute;
left: auto;
right: 0;
z-index: -1;
-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
.tm-social-networks.style-title .link-text:hover:after {
width: 100%;
left: 0;
right: auto;
}
.tm-soundcloud {
line-height: 0;
}
@-webkit-keyframes jump {
0% {
-webkit-transform: translateY(-10px) scale(0.9, 0.9);
transform: translateY(-10px) scale(0.9, 0.9);
}
100% {
-webkit-transform: translateY(10px) scale(1, 1);
transform: translateY(10px) scale(1, 1);
}
}
@keyframes jump {
0% {
-webkit-transform: translateY(-10px) scale(0.9, 0.9);
transform: translateY(-10px) scale(0.9, 0.9);
}
100% {
-webkit-transform: translateY(10px) scale(1, 1);
transform: translateY(10px) scale(1, 1);
}
}
.tm-circle-progress-chart .chart-number {
margin-bottom: 0;
}
.tm-circle-progress-chart .tm-svg {
line-height: 0;
}
.tm-circle-progress-chart .tm-svg * {
stroke: currentColor;
}
.tm-circle-progress-chart .outer {
display: inline-block;
}
.tm-circle-progress-chart.style-01 .chart {
position: relative;
width: 126px;
height: 126px;
margin-left: 8px;
}
.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%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.tm-circle-progress-chart.style-01 .chart-number {
font-size: 24px;
font-weight: 400;
color: #333;
margin-bottom: 0;
}
.tm-circle-progress-chart.style-02 .inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.tm-circle-progress-chart.style-02 .chart-wrap {
position: relative;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.tm-circle-progress-chart.style-02 .chart {
position: relative;
width: 126px;
height: 126px;
margin-left: 8px;
}
.tm-circle-progress-chart.style-02 .chart canvas {
position: absolute;
top: 0;
left: 0;
}
.tm-circle-progress-chart.style-02 .inner-content {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.tm-circle-progress-chart.style-02 .chart-number {
font-size: 34px;
line-height: 1;
color: #fff;
}
.tm-circle-progress-chart.style-02 .chart-icon {
font-size: 50px;
color: #fff;
}
.tm-circle-progress-chart.style-02 .tm-svg {
color: #fff;
width: 50px;
}
.tm-circle-progress-chart.style-02 .circle-content {
width: 100%;
height: 100%;
padding: 13px;
}
.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: 17px;
}
.tm-circle-progress-chart.style-02 .chart-info {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-left: 35px;
text-align: left;
}
.tm-circle-progress-chart.style-02 .title {
font-size: 18px;
color: #333;
margin-bottom: 0;
}
.tm-circle-progress-chart.style-02 .chart-content {
line-height: 2.14;
}
.tm-circle-progress-chart.style-02 .circle-design {
position: absolute;
border-radius: 50%;
-webkit-animation: jump infinite 2s;
animation: jump infinite 2s;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}
.tm-circle-progress-chart.style-02 .circle-design.one {
width: 43px;
height: 43px;
left: 0;
bottom: 28px;
}
.tm-circle-progress-chart.style-02 .circle-design.two {
width: 17px;
height: 17px;
right: 0;
top: 50%;
margin-top: -8px;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
@media (max-width: 543px) {
.tm-circle-progress-chart.style-02 .inner {
display: block;
}
.tm-circle-progress-chart.style-02 .chart-info {
margin-top: 30px;
margin-left: 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: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
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 {
-ms-grid-columns: (auto)[1];
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: -ms-grid;
display: grid;
-ms-grid-columns: (auto)[2];
grid-template-columns: repeat(2, auto);
grid-gap: 10px 20px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
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;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
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;
position: absolute;
top: 14px;
right: 17px;
line-height: 0;
}
.tm-contact-form-7-box .wpcf7-form-control-wrap {
display: block;
margin-bottom: 20px;
}
.tm-contact-form-7-box .wpcf7-textarea {
height: 150px;
}
.tm-contact-form-7-box .ajax-loader {
display: none !important;
}
.tm-contact-form-7-box.group-style-01 {
background: #fff;
box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
padding: 42px 30px 51px;
border-radius: 5px;
text-align: center;
}
.tm-contact-form-7-box.group-style-01 .form-title {
margin-bottom: 10px;
}
.tm-contact-form-7-box.group-style-01 .form-description {
margin-bottom: 36px;
}
.tm-contact-form-7-box.group-style-01 .form-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
margin: -10px;
}
.tm-contact-form-7-box.group-style-01 .form-item-wrap {
padding: 10px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.tm-contact-form-7-box.group-style-01 .form-submit {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.tm-contact-form-7-box.group-style-01 .form-item {
color: #7e7e7e;
}
.tm-contact-form-7-box.group-style-01 input[type='text'],
.tm-contact-form-7-box.group-style-01 input[type='email'],
.tm-contact-form-7-box.group-style-01 input[type='tel'],
.tm-contact-form-7-box.group-style-01 select,
.tm-contact-form-7-box.group-style-01 textarea {
background-color: #f5f5f5;
border-color: #f5f5f5;
color: inherit;
}
.tm-contact-form-7-box.group-style-01 input[type='text']:focus,
.tm-contact-form-7-box.group-style-01 input[type='email']:focus,
.tm-contact-form-7-box.group-style-01 input[type='tel']:focus,
.tm-contact-form-7-box.group-style-01 select:focus,
.tm-contact-form-7-box.group-style-01 textarea:focus {
color: #333;
background-color: #fff;
border-color: #fff;
box-shadow: 0 0 40px rgba(51, 51, 51, 0.1);
}
.tm-contact-form-7-box.group-style-01 .form-left-icon input[type='text'],
.tm-contact-form-7-box.group-style-01 .form-left-icon input[type='email'],
.tm-contact-form-7-box.group-style-01 .form-left-icon input[type='tel'] {
padding-left: 45px;
}
.tm-contact-form-7-box.group-style-01 .form-right-icon input[type='text'],
.tm-contact-form-7-box.group-style-01 .form-right-icon input[type='email'],
.tm-contact-form-7-box.group-style-01 .form-right-icon input[type='tel'] {
padding-right: 45px;
}
.tm-contact-form-7-box.group-style-01 .form-icon {
left: 20px;
right: auto;
top: 20px;
z-index: 2;
font-size: 15px;
}
.tm-contact-form-7-box.group-style-01 .wpcf7-form-control-wrap {
position: relative;
z-index: 1;
}
.tm-contact-form-7-box.group-style-01 .wpcf7-form-control-wrap:hover:after {
width: 100%;
left: 0;
right: auto;
}
.tm-contact-form-7-box.group-style-01 .wpcf7-form-control-wrap:after {
content: '';
width: 0;
height: 2px;
bottom: 0;
position: absolute;
left: auto;
right: 0;
-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
.tm-contact-form-7-box.group-style-01 .wpcf7-submit {
margin: 7px auto 0;
min-width: 220px;
}
.tm-contact-form-7-box.style-02 {
padding: 50px;
}
@media (max-width: 767px) {
.tm-contact-form-7-box.style-01 .form-wrap {
display: block;
}
.tm-contact-form-7-box.style-01 .wpcf7-submit {
display: block;
margin: 0 auto;
}
}
.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: 20px;
}
.tm-contact-form-7 .wpcf7-textarea {
height: 150px;
}
.tm-contact-form-7 .row {
margin-left: -10px;
margin-right: -10px;
}
.tm-contact-form-7 [class*=col-] {
padding-left: 10px;
padding-right: 10px;
}
.tm-contact-form-7 .ajax-loader {
display: none !important;
}
.tm-contact-form-7 .wpcf7-submit {
display: block;
margin-top: 30px;
}
.tm-contact-form-7.style-02 .wpcf7-submit {
margin-top: 30px;
width: 100%;
}
.tm-contact-form-7.style-04 .wpcf7-submit {
margin-top: 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 {
background-color: #f5f5f5;
border-color: #f5f5f5;
color: inherit;
}
.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: #333;
background-color: #fff;
border-color: #fff;
box-shadow: 0 0 40px rgba(51, 51, 51, 0.1);
}
@-webkit-keyframes mcf-autofill {
to {
color: #fff;
background: rgba(0, 0, 0, 0.07);
}
}
.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 {
text-align: center;
}
.tm-mailchimp-form.style-01 .form-item-wrap {
position: relative;
}
.tm-mailchimp-form.style-01 .form-item {
margin-top: 30px;
}
.tm-mailchimp-form.style-01 input {
text-align: center;
}
.tm-mailchimp-form.style-01 .button-icon {
display: none;
}
.tm-mailchimp-form.style-01 .form-description {
color: #fff;
margin-top: 24px;
}
.tm-mailchimp-form.style-02 .form-item-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: -10px;
}
.tm-mailchimp-form.style-02 .form-item {
padding: 10px;
}
.tm-mailchimp-form.style-02 input {
color: #fff !important;
border-color: transparent;
background: rgba(0, 0, 0, 0.07) !important;
min-width: 275px;
}
.tm-mailchimp-form.style-02 input:focus {
border-color: #fff;
}
.tm-mailchimp-form.style-02 input:-webkit-autofill,
.tm-mailchimp-form.style-02 input:-webkit-autofill:hover,
.tm-mailchimp-form.style-02 input:-webkit-autofill:focus,
.tm-mailchimp-form.style-02 input:-webkit-autofill:active,
.tm-mailchimp-form.style-02 textarea:-webkit-autofill,
.tm-mailchimp-form.style-02 select:-webkit-autofill {
-webkit-animation-name: mcf-autofill;
-webkit-animation-fill-mode: both;
}
.tm-mailchimp-form.style-02 .form-submit {
background: #fff;
min-width: 180px;
}
.tm-mailchimp-form.style-03 .form-item-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: -10px;
}
.tm-mailchimp-form.style-03 .form-item {
padding: 10px;
}
.tm-mailchimp-form.style-03 input {
min-width: 275px;
background: #f6f5f9;
color: #7e7e7e;
}
.tm-mailchimp-form.style-03 .form-submit {
min-width: 180px;
}
.tm-mailchimp-form.style-04 .form-item-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: -10px;
}
.tm-mailchimp-form.style-04 .form-item {
padding: 10px;
}
.tm-mailchimp-form.style-04 input {
min-width: 275px;
background: #fff;
color: #7e7e7e;
}
.tm-mailchimp-form.style-04 input:focus {
background: #fff;
}
.tm-mailchimp-form.style-04 .form-submit {
min-width: 180px;
}
.tm-mailchimp-form.style-05 .form-item-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: -10px;
}
.tm-mailchimp-form.style-05 .form-item {
width: 100%;
padding: 10px;
}
.tm-mailchimp-form.style-05 input {
background: #fff;
color: #7e7e7e;
}
.tm-mailchimp-form.style-05 input:focus {
background: #fff;
}
.tm-mailchimp-form.style-05 .form-submit {
width: 100%;
}
.tm-mailchimp-form.style-05 .form-submit .button-icon {
display: none;
}
@media (max-width: 767px) {
.tm-mailchimp-form.style-02 .form-item-wrap, .tm-mailchimp-form.style-03 .form-item-wrap, .tm-mailchimp-form.style-04 .form-item-wrap {
display: block;
}
.tm-mailchimp-form.style-02 .form-submit, .tm-mailchimp-form.style-03 .form-submit, .tm-mailchimp-form.style-04 .form-submit {
display: block;
margin: 0 auto;
}
}
.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;
-webkit-transform: none;
-ms-transform: 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;
-webkit-transform: translate(-50%, -50%) scale(1.1, 1.1);
-ms-transform: translate(-50%, -50%) scale(1.1, 1.1);
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 {
-webkit-transform: translate(-50%, -50%) scale(1, 1);
-ms-transform: translate(-50%, -50%) scale(1, 1);
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: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
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;
}
}
@-webkit-keyframes zoomBig {
0% {
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
opacity: 1;
border-width: 3px;
}
40% {
opacity: .5;
border-width: 2px;
}
65% {
border-width: 1px;
}
100% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 0;
border-width: 0;
}
}
@keyframes zoomBig {
0% {
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
opacity: 1;
border-width: 3px;
}
40% {
opacity: .5;
border-width: 2px;
}
65% {
border-width: 1px;
}
100% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 0;
border-width: 0;
}
}
.tm-popup-video {
position: relative;
}
.tm-popup-video .video-link {
display: inline-block;
}
.tm-popup-video .video-link:hover .video-play {
-webkit-transform: scale3d(1.15, 1.15, 1.15);
transform: scale3d(1.15, 1.15, 1.15);
}
.tm-popup-video .video-text {
margin-top: 28px;
}
.tm-popup-video .video-poster {
position: relative;
}
.tm-popup-video .video-play {
position: relative;
-webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
border-radius: 50%;
color: #fff;
}
.tm-popup-video .video-play:hover {
-webkit-transform: scale3d(1.15, 1.15, 1.15);
transform: scale3d(1.15, 1.15, 1.15);
}
.tm-popup-video .video-play-icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 1;
margin-left: 1px;
z-index: 2;
}
.tm-popup-video .video-play-icon:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
border-left: 17px solid currentColor;
}
.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 {
color: #fff;
}
.tm-popup-video.style-poster-01 .video-button, .tm-popup-video.style-poster-02 .video-button {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.tm-popup-video.style-poster-01.poster-full-wide .video-link, .tm-popup-video.style-poster-02.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 {
width: 100%;
}
.tm-popup-video.style-poster-01 .video-play {
width: 70px;
height: 70px;
background: transparent;
border: 6px solid #fff;
}
.tm-popup-video.style-poster-01 .video-play-icon:before {
border-top-width: 13px;
border-bottom-width: 13px;
border-left-width: 20px;
}
.tm-popup-video.style-poster-02 .video-poster {
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
border-radius: 5px;
overflow: hidden;
}
.tm-popup-video.style-poster-02 .video-play {
width: 78px;
height: 78px;
}
.tm-popup-video.style-poster-02 .video-play-icon {
z-index: 9;
}
.tm-popup-video.style-poster-02 .video-play-icon:before {
border-top-width: 9px;
border-bottom-width: 9px;
border-left-width: 14px;
}
.tm-popup-video.style-poster-02 .video-mark {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
pointer-events: none;
}
.tm-popup-video.style-poster-02 .wave-pulse {
width: 1px;
height: 0;
margin: 0 auto;
}
.tm-popup-video.style-poster-02 .wave-pulse:before, .tm-popup-video.style-poster-02 .wave-pulse:after {
opacity: 0;
content: '';
display: block;
position: absolute;
width: 200px;
height: 200px;
top: 50%;
left: 50%;
border-radius: 50%;
border: 3px solid #ee7455;
-webkit-animation: zoomBig 3.25s linear infinite;
animation: zoomBig 3.25s linear infinite;
}
.tm-popup-video.style-poster-02 .wave-pulse:before {
-webkit-animation-delay: .75s;
animation-delay: .75s;
}
.tm-popup-video.style-button {
line-height: 0;
}
.tm-popup-video.style-button > a {
display: inline-block;
text-align: center;
}
.tm-popup-video.style-button .video-play {
display: block;
margin: 0 auto;
}
.tm-popup-video.style-button .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.group-button-style-01 .video-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.tm-popup-video.group-button-style-01 .video-play-wrap {
position: relative;
width: 78px;
height: 78px;
}
.tm-popup-video.group-button-style-01 .video-play {
width: 78px;
height: 78px;
}
.tm-popup-video.group-button-style-01 .video-play-icon {
z-index: 9;
}
.tm-popup-video.group-button-style-01 .video-play-icon:before {
border-top-width: 9px;
border-bottom-width: 9px;
border-left-width: 14px;
}
.tm-popup-video.group-button-style-01 .video-mark {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
pointer-events: none;
}
.tm-popup-video.group-button-style-01 .wave-pulse {
width: 1px;
height: 0;
margin: 0 auto;
}
.tm-popup-video.group-button-style-01 .wave-pulse:before, .tm-popup-video.group-button-style-01 .wave-pulse:after {
opacity: 0;
content: '';
display: block;
position: absolute;
width: 200px;
height: 200px;
top: 50%;
left: 50%;
border-radius: 50%;
border: 3px solid #ee7455;
-webkit-animation: zoomBig 3.25s linear infinite;
animation: zoomBig 3.25s linear infinite;
}
.tm-popup-video.group-button-style-01 .wave-pulse:before {
-webkit-animation-delay: .75s;
animation-delay: .75s;
}
.tm-popup-video.style-button-02 .video-text {
margin-top: 0;
margin-left: 59px;
font-size: 18px;
font-weight: 500;
color: rgba(255, 255, 255, 0.8);
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1.45;
}
.tm-popup-video.style-button-03 .video-text {
margin-top: 0;
margin-left: 35px;
font-size: 18px;
color: #fff;
font-weight: 600;
line-height: 1.78;
}
.tm-popup-video.style-button-03 .video-play {
background: #fff;
}
.tm-popup-video.style-button-03 .wave-pulse:before, .tm-popup-video.style-button-03 .wave-pulse:after {
border-color: #fff;
}
.tm-popup-video.style-button-04 .video-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.tm-popup-video.style-button-04 .video-text {
margin-top: 0;
margin-left: 10px;
font-size: 14px;
font-weight: 600;
color: #fff;
}
.tm-popup-video.style-button-04 .video-play {
width: 34px;
height: 34px;
border: 1px solid #fff;
background: none;
}
.tm-popup-video.style-button-04 .video-play-icon {
line-height: 0;
}
.tm-popup-video.style-button-04 .video-play-icon:before {
display: none;
}
.tm-popup-video.style-button-04 .video-play-icon i {
font-size: 10px;
}
.tm-popup-video.style-button-05 .video-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.tm-popup-video.style-button-05 .video-play {
width: 78px;
height: 78px;
}
.tm-popup-video.style-button-05 .video-play-icon {
z-index: 9;
}
.tm-popup-video.style-button-05 .video-play-icon:before {
border-top-width: 9px;
border-bottom-width: 9px;
border-left-width: 14px;
}
.tm-popup-video.style-button-05 .video-play-wrap {
padding: 13px;
border: 3px solid rgba(8, 106, 216, 0.4);
border-radius: 50%;
}
.tm-popup-video.style-button-05 .video-text {
margin-top: 0;
margin-left: 23px;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1.45;
color: rgba(255, 255, 255, 0.8);
}
.tm-gallery {
position: relative;
}
.tm-gallery .post-thumbnail {
width: 100%;
height: 100%;
}
.tm-gallery .post-thumbnail img {
margin: 0 !important;
}
.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:hover .overlay-icon {
visibility: visible;
opacity: 1;
}
.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-icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
}
.tm-gallery .overlay-icon:before {
content: '\f002';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 24px;
color: #fff;
}
.tm-gallery.style-metro .item-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
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: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
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%;
}
.tm-gallery.style-metro-03 .item-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background-position: center;
background-size: cover;
height: 100%;
width: 100%;
max-height: 420px;
}
.tm-gallery.style-metro-03 .item-wrapper:before {
content: '';
display: block;
padding-top: 67%;
}
.tm-gallery.style-metro-03 .zoom {
border-radius: 5px;
overflow: hidden;
}
.tm-gallery.style-metro-03 .modern-grid {
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
grid-gap: 30px;
}
.tm-gallery.style-metro-03 .grid-item {
-ms-grid-column: span 12;
grid-column: span 12;
}
@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%;
}
}
@media (min-width: 768px) {
.tm-gallery.style-metro-03 .grid-item {
-ms-grid-column: span 6;
grid-column: span 6;
}
.tm-gallery.style-metro-03 .grid-item:nth-child(4n + 1) {
-ms-grid-column: span 6;
grid-column: span 6;
}
.tm-gallery.style-metro-03 .grid-item:nth-child(4n + 2) {
-ms-grid-column: span 6;
grid-column: span 6;
}
}
@media (min-width: 1200px) {
.tm-gallery.style-metro-03 .grid-item {
-ms-grid-column: span 6;
grid-column: span 6;
}
.tm-gallery.style-metro-03 .grid-item:nth-child(4n + 1) {
-ms-grid-column: span 8;
grid-column: span 8;
}
.tm-gallery.style-metro-03 .grid-item:nth-child(4n + 2) {
-ms-grid-column: span 4;
grid-column: span 4;
}
}
.tm-view-demo .frame-screen {
position: relative;
background: #fff;
border-radius: 5px;
box-shadow: 0 70px 40px -35px rgba(51, 51, 51, 0.13);
}
.tm-view-demo .dots {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 14px;
height: 23px;
}
.tm-view-demo .dot {
margin: 0 4px;
width: 9px;
height: 9px;
border-radius: 50%;
background: #dadada;
}
.tm-view-demo .item-wrap:hover .frame-screen {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.tm-view-demo .item-wrap:hover .overlay {
opacity: 1;
visibility: visible;
}
.tm-view-demo .thumbnail > img {
width: 100%;
}
.tm-view-demo .heading {
font-size: 16px;
font-weight: 700;
line-height: 1.87;
padding: 14px 27px;
margin-bottom: 0;
}
.tm-view-demo .badge {
position: absolute;
top: -15px;
right: 0;
}
.tm-view-demo .thumbnail {
position: relative;
}
.tm-view-demo .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
visibility: visible;
opacity: 0;
}
.tm-view-demo .tm-button.btn-view-demo {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #fff !important;
pointer-events: none;
min-width: 150px;
}
.tm-instagram {
position: relative;
}
.tm-instagram br {
display: none;
}
.tm-instagram:hover .instagram-user-name {
opacity: 0;
visibility: hidden;
-webkit-transform: translate(-50%, -50%) scale3d(0.8, 0.8, 0.8);
transform: translate(-50%, -50%) scale3d(0.8, 0.8, 0.8);
}
.tm-instagram .instagram-user-name {
-webkit-transition: all 0.6s cubic-bezier(0, 0, 0.2, 1);
transition: all 0.6s cubic-bezier(0, 0, 0.2, 1);
padding: 10px 20px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -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%;
-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
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 {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
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;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
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.group-style-01 {
max-width: 900px;
margin: 0 auto;
}
.tm-twitter.group-style-01 .tweet + .tweet {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #eee;
}
.tm-twitter.group-style-01 .tweet + .tweet:before {
top: 13px;
}
.tm-twitter.group-style-01 .tweet-info {
position: relative;
padding-left: 55px;
}
.tm-twitter.group-style-01 .tweet-info:before {
content: '\f099';
font-size: 18px;
line-height: 1;
position: absolute;
top: 0;
left: 23px;
display: block;
}
.tm-twitter.group-style-01 .tweet-text {
position: relative;
font-size: 14px;
border: 1px solid #ededed;
border-radius: 5px;
padding: 19px 20px 25px;
margin-bottom: 25px;
word-wrap: break-word;
}
.tm-twitter.group-style-01 .tweet-text:before, .tm-twitter.group-style-01 .tweet-text:after {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.tm-twitter.group-style-01 .tweet-text:before {
left: 30px;
bottom: -12px;
border-color: transparent #ededed transparent transparent;
border-width: 12px;
}
.tm-twitter.group-style-01 .tweet-text:after {
left: 33px;
bottom: -10px;
border-color: transparent #f7fbfe transparent transparent;
border-width: 10px;
}
.tm-twitter.group-style-01 .tweet-heading {
font-size: 14px;
color: #333;
margin-bottom: 1px;
}
.tm-twitter.group-style-01 .tweet-date {
font-size: 14px;
color: #ababab;
}
.tm-twitter.style-slider-quote-light .tweet-text {
background: #fff;
border-color: #fff;
}
.tm-twitter.style-slider-quote-light .tweet-text a {
color: inherit;
}
.tm-twitter.style-slider-quote-light .tweet-heading {
color: #fff;
}
.tm-twitter.style-slider {
max-width: 900px;
margin: 0 auto;
}
.tm-twitter.style-slider .tweet {
position: relative;
text-align: center;
}
.tm-twitter.style-slider .tweet:before {
display: block;
content: '\f099';
font-size: 120px;
line-height: 1;
margin-bottom: 10px;
}
.tm-twitter.style-slider .tweet .tweet-heading {
font-size: 32px;
}
.tm-twitter.style-slider .tweet .tweet-text {
font-size: 24px;
margin-top: 40px;
}
.tm-twitter.style-slider .tweet + .tweet {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #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 .row {
margin-left: -30px;
margin-right: -30px;
}
.tm-timeline .col-md-6 {
padding-left: 30px;
padding-right: 30px;
}
.tm-timeline.style-01 .tm-timeline-list {
position: relative;
display: inline-block;
width: 100%;
padding: 32px 0 65px;
}
.tm-timeline.style-01 .line {
position: absolute;
top: 0;
left: 50%;
margin-left: -1px;
height: 100%;
border-left: 2px solid #086ad8;
opacity: .15;
}
.tm-timeline.style-01 .dots {
position: absolute;
top: 14px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 30px;
height: 30px;
}
.tm-timeline.style-01 .dots:before {
content: '';
position: absolute;
border: 1px solid currentColor;
border-radius: 50%;
top: 0;
left: 0;
opacity: .3;
width: 30px;
height: 30px;
}
.tm-timeline.style-01 .dots .middle-dot {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 14px;
height: 14px;
border-radius: 50%;
z-index: 2;
border: 3px solid currentColor;
background: #fff;
}
.tm-timeline.style-01 .item {
position: relative;
list-style-type: none;
}
.tm-timeline.style-01 .item:nth-child(odd) .timeline-feature {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.tm-timeline.style-01 .item:nth-child(odd) .timeline-feature > .inner {
text-align: left;
float: right;
}
.tm-timeline.style-01 .item:nth-child(odd) .timeline-info > .inner {
float: left;
}
.tm-timeline.style-01 .item:nth-child(odd) .timeline-info .content-wrap {
text-align: right;
}
.tm-timeline.style-01 .item + .item {
margin-top: 68px;
}
.tm-timeline.style-01 .timeline-feature > .inner {
text-align: right;
width: 500px;
max-width: 100%;
}
.tm-timeline.style-01 .timeline-info > .inner {
padding-top: 130px;
float: right;
width: 500px;
max-width: 100%;
}
.tm-timeline.style-01 .content-body {
display: inline-block;
width: 400px;
max-width: 100%;
}
.tm-timeline.style-01 .content-body ul li {
list-style-type: none;
position: relative;
padding-left: 18px;
}
.tm-timeline.style-01 .content-body ul li:before {
content: '';
position: absolute;
top: 8px;
left: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background: #bebebe;
}
.tm-timeline.style-01 .content-body ul li + li {
margin-top: 10px;
}
.tm-timeline.style-01 .year {
font-size: 72px;
font-weight: 400;
line-height: 1;
margin-bottom: 27px;
}
.tm-timeline.style-01 .heading {
font-size: 24px;
margin-bottom: 20px;
}
.tm-timeline.style-01 .text {
font-size: 18px;
line-height: 2;
}
.tm-timeline.style-01 .photo img {
width: 100%;
border-radius: 5px;
}
.tm-timeline .tm-animation-queue .item .timeline-col {
opacity: 0;
}
.tm-timeline .tm-animation-queue .item.animate .timeline-col {
opacity: 1;
-webkit-animation: moveHorizontal 0.65s ease forwards;
animation: moveHorizontal 0.65s ease forwards;
}
.tm-timeline .tm-animation-queue .item.animate:nth-child(odd) .timeline-col.left {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
}
.tm-timeline .tm-animation-queue .item.animate:nth-child(odd) .timeline-col.right {
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
}
.tm-timeline .tm-animation-queue .item.animate:nth-child(even) .timeline-col.left {
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
}
.tm-timeline .tm-animation-queue .item.animate:nth-child(even) .timeline-col.right {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
}
@media (max-width: 1199px) {
.tm-timeline.style-01 .year {
font-size: 62px;
}
}
@media (max-width: 991px) {
.tm-timeline.style-01 .year {
font-size: 52px;
}
.tm-timeline.style-01 .timeline-info > .inner {
padding-top: 70px;
}
}
@media (max-width: 767px) {
.tm-timeline.style-01 .year {
font-size: 42px;
}
}
@media (max-width: 767px) {
.tm-timeline.style-01 .line {
left: 15px;
}
.tm-timeline.style-01 .dots {
right: auto;
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.tm-timeline.style-01 .item {
padding-left: 45px;
width: 100%;
}
.tm-timeline.style-01 .item:nth-child(odd) .timeline-feature {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.tm-timeline.style-01 .item:nth-child(odd) .timeline-info .content-wrap {
text-align: left;
}
.tm-timeline.style-01 .timeline-feature > .inner {
text-align: left;
width: 500px;
max-width: 100%;
}
.tm-timeline.style-01 .timeline-info > .inner {
padding-top: 30px;
float: none;
text-align: left;
}
.tm-timeline.style-01 .text {
font-size: 15px;
line-height: 1.78;
}
.tm-timeline.style-01 .tm-animation-queue .item.animate:nth-child(even) .timeline-col.left {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
}
.tm-timeline.style-01 .tm-animation-queue .item.animate:nth-child(odd) .timeline-col.right {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
}
}
.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;
}
.tm-text-box.style-01 {
padding: 50px 40px 61px;
background: #eee;
}
.tm-text-box.style-02 {
padding: 50px 40px 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: 18px;
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;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-iteration-count: infinite;
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;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
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;
-webkit-animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-delay: .78s;
animation-delay: .78s;
-webkit-animation-iteration-count: infinite;
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;
-webkit-animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-delay: 1.1s;
animation-delay: 1.1s;
-webkit-animation-iteration-count: infinite;
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;
-webkit-transform: translate(150px, 15px);
-ms-transform: translate(150px, 15px);
transform: translate(150px, 15px);
padding-bottom: 40px;
}
.tm-maps .gmap-info-template .gmap-info-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
padding: 25px 30px;
border-radius: 5px;
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 {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 30px;
}
.tm-maps .gmap-info-template .info-main {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.tm-maps .gmap-info-template .gmap-marker-content {
font-size: 14px;
font-weight: 500;
line-height: 1.79;
}
.tm-maps .gmap-info-template .gmap-marker-content a {
color: #222;
}
@-webkit-keyframes animationSignal {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
1% {
opacity: .14;
}
20% {
opacity: .14;
}
60% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@keyframes animationSignal {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
1% {
opacity: .14;
}
20% {
opacity: .14;
}
60% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
.tm-popup-map.style-01 .tm-button-map {
display: inline-block;
}
.tm-popup-map.style-01 .tm-button-map .button-icon {
height: 56px;
width: 56px;
line-height: 56px;
border-radius: 50%;
text-align: center;
background: #f6f2ed;
margin-right: 14px;
}
.tm-popup-map.style-01 .tm-button-map .button-icon:before {
content: '\f3c5';
}
.tm-popup-map.style-01 .tm-button-map .button-text {
font-size: 14px;
line-height: 1.72;
font-weight: 500;
position: relative;
overflow: hidden;
z-index: 1;
}
.tm-popup-map.style-01 .tm-button-map .button-text:after {
content: '';
width: 0;
height: 1px;
bottom: 0;
position: absolute;
left: auto;
right: 0;
z-index: -1;
-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
background: currentColor;
}
.tm-popup-map.style-01 .tm-button-map:hover .button-text:after {
width: 100%;
left: 0;
right: auto;
}
.tm-services-list.style-01 .service-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.tm-services-list.style-01 .service-item + .service-item {
margin-top: 100px;
}
.tm-services-list.style-01 .service-image {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 40%;
}
.tm-services-list.style-01 .service-info {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
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: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
.tm-services-list.style-02 .service-item:hover .blend-image {
-webkit-transform: translate(-10px, 0);
-ms-transform: translate(-10px, 0);
transform: translate(-10px, 0);
}
.tm-services-list.style-02 .service-item:hover .blend-bg {
-webkit-transform: translate(10px, -20px);
-ms-transform: translate(10px, -20px);
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;
-webkit-transform: translate(10px, -10px);
-ms-transform: translate(10px, -10px);
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-star-rating.style-01 {
color: #fb0;
font-size: 24px;
line-height: 1.17;
}
.tm-star-rating.style-01 span + span {
margin-left: 11px;
}
.tm-product .added_to_cart {
display: none !important;
}
.tm-product.style-grid .product-wrapper {
position: relative;
}
.tm-product.style-grid .product-wrapper:hover .product-main-image img {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
.tm-product.style-grid .product-wrapper:hover .product-hover-image {
z-index: 9;
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.tm-product.style-grid .product-thumbnail {
position: relative;
overflow: hidden;
margin-bottom: 19px;
}
.tm-product.style-grid .thumbnail {
position: relative;
}
.tm-product.style-grid .thumbnail img {
-webkit-transition: all .6s;
transition: all .6s;
width: 100%;
}
.tm-product.style-grid .product-hover-image {
-webkit-transition: all .6s;
transition: all .6s;
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
.tm-product.style-grid .product-actions {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 99;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-right: 11px;
}
.tm-product.style-grid .product-action {
z-index: -1;
}
.tm-product.style-grid .woocommerce_loop_add_to_cart_wrap {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tm-product.style-grid .woocommerce_loop_add_to_cart_wrap a {
padding: 0 20px;
color: #fff;
background: none !important;
border: 0 !important;
box-shadow: none !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
line-height: 56px !important;
height: 56px !important;
}
.tm-product.style-grid .woocommerce_loop_add_to_cart_wrap a:before {
font-size: 15px;
content: '\f360';
position: absolute;
left: 0;
top: 19px;
visibility: hidden;
opacity: 0;
}
.tm-product.style-grid .woocommerce_loop_add_to_cart_wrap a:hover {
padding-left: 35px;
}
.tm-product.style-grid .woocommerce_loop_add_to_cart_wrap a:hover:before {
left: 15px;
visibility: visible;
opacity: 1;
}
.tm-product.style-grid .quick-view-icon,
.tm-product.style-grid .woosw-btn,
.tm-product.style-grid .wooscp-btn {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
display: block;
color: #fff;
font-size: 0 !important;
padding: 9px;
}
.tm-product.style-grid .quick-view-icon:before,
.tm-product.style-grid .woosw-btn:before,
.tm-product.style-grid .wooscp-btn:before {
font-size: 15px;
}
.tm-product.style-grid .quick-view-icon:before {
content: '\f002';
}
.tm-product.style-grid .wooscp-btn: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;
}
.tm-product.style-grid .add_to_cart_button.product_type_simple:before {
content: '\f290' !important;
}
.tm-product.style-grid .add_to_cart_button.product_type_simple.loading:before {
-webkit-animation: load-spin 1s linear infinite !important;
animation: load-spin 1s linear infinite !important;
content: '\f3f4' !important;
}
.tm-product.style-grid .woosw-adding:before,
.tm-product.style-grid .wooscp-btn-adding:before {
-webkit-animation: load-spin 1s linear infinite !important;
animation: load-spin 1s linear infinite !important;
content: '\f3f4' !important;
}
.tm-product.style-grid .product-info {
text-align: center;
margin-bottom: 5px;
}
.tm-product.style-grid .woocommerce-loop-product__title {
font-size: 16px;
line-height: 1.75;
color: #333;
font-weight: 400;
margin-bottom: 1px;
}
.tm-product.style-grid .woocommerce-loop-product__title a {
color: inherit;
}
.tm-product.style-grid .star-rating {
margin: 0 auto 13px;
}
.tm-product.style-list .product {
border-bottom: 1px solid #e4e8f6;
padding-bottom: 30px;
margin-bottom: 30px;
}
.tm-product.style-list .product:last-child {
margin-bottom: 0;
}
.tm-product.style-list .product-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.tm-product.style-list .product-wrapper:hover .product-main-image img {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
.tm-product.style-list .product-wrapper:hover .product-hover-image {
z-index: 9;
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.tm-product.style-list .product-thumbnail {
position: relative;
overflow: hidden;
width: 260px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.tm-product.style-list .thumbnail {
position: relative;
}
.tm-product.style-list .thumbnail img {
-webkit-transition: all .6s;
transition: all .6s;
width: 100%;
}
.tm-product.style-list .product-hover-image {
-webkit-transition: all .6s;
transition: all .6s;
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
.tm-product.style-list .add_to_cart_button.product_type_simple.loading:before {
-webkit-animation: load-spin 1s linear infinite !important;
animation: load-spin 1s linear infinite !important;
content: '\f3f4' !important;
}
.tm-product.style-list .product-info {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-top: 20px;
padding-left: 34px;
}
.tm-product.style-list .woocommerce-loop-product__title {
font-size: 24px;
line-height: 1.17;
color: #333;
font-weight: 400;
margin-bottom: 12px;
}
.tm-product.style-list .woocommerce-loop-product__title a {
color: inherit;
}
.tm-product.style-list .star-rating {
margin: 0 0 13px;
}
.tm-product.style-list .price {
font-size: 18px;
margin-bottom: 11px;
}
.tm-product.style-list .product-excerpt {
margin-top: 11px;
}
.tm-product.style-list .product-actions {
margin-top: 25px;
}
.tm-product.style-list .product-action {
display: inline-block;
vertical-align: top;
margin-right: 16px;
}
.tm-product.style-list .product-action > a:hover {
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
body:not(.wpb-js-composer) .tm-product.style-grid .tm-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
@media (max-width: 1199px) {
body:not(.wpb-js-composer) .tm-product.style-grid .tm-grid {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
}
@media (max-width: 991px) {
body:not(.wpb-js-composer) .tm-product.style-grid .tm-grid {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 543px) {
body:not(.wpb-js-composer) .tm-product.style-grid .tm-grid {
-ms-grid-columns: (1fr)[1];
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 {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.tm-product-categories.style-carousel .cat-thumbnail {
overflow: hidden;
border-radius: 5px;
}
.tm-product-categories.style-carousel .cat-thumbnail img {
-webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
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;
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 {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: -webkit-transform 1s cubic-bezier(0.3, 1, 0.6, 1);
transition: -webkit-transform 1s cubic-bezier(0.3, 1, 0.6, 1);
transition: transform 1s cubic-bezier(0.3, 1, 0.6, 1);
transition: transform 1s cubic-bezier(0.3, 1, 0.6, 1), -webkit-transform 1s cubic-bezier(0.3, 1, 0.6, 1);
}
.tm-rotate-box .to-left .front,
.tm-rotate-box .to-right .front {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.tm-rotate-box .to-top .front,
.tm-rotate-box .to-bottom .front {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.tm-rotate-box .to-top .back {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.tm-rotate-box .to-top:hover .front {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.tm-rotate-box .to-top:hover .back {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.tm-rotate-box .to-bottom .back {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.tm-rotate-box .to-bottom:hover .front {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.tm-rotate-box .to-bottom:hover .back {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.tm-rotate-box .to-left .back {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.tm-rotate-box .to-left:hover .front {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.tm-rotate-box .to-left:hover .back {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.tm-rotate-box .to-right .back {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.tm-rotate-box .to-right:hover .front {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.tm-rotate-box .to-right:hover .back {
-webkit-transform: rotateY(0deg);
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;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: inherit;
perspective: inherit;
-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8);
transition: -webkit-transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8);
transition: transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8);
transition: transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8), -webkit-transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8);
}
.tm-rotate-box .box:before {
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;
-webkit-transform: translate3d(0, -50%, 50px) scale(0.9);
transform: translate3d(0, -50%, 50px) scale(0.9);
}
.tm-rotate-box .content-wrap {
position: absolute;
width: 100%;
display: block;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: inherit;
perspective: inherit;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
padding: 50px 30px;
z-index: 2;
top: 50%;
left: 0;
-webkit-transform: translate3d(0, -50%, 50px) scale(0.9);
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;
float: left;
overflow: hidden;
z-index: 1;
line-height: 1.2;
}
.tm-custom-menu .menu-item-title:after {
content: '';
width: 0;
height: 1px;
bottom: 0;
position: absolute;
left: auto;
right: 0;
z-index: -1;
-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
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-grid-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
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, .tm-grid-group.style-border-02 {
overflow: hidden;
}
.tm-grid-group.style-border .grid-item:after, .tm-grid-group.style-border-02 .grid-item:after {
position: absolute;
content: '';
right: -15px;
top: 0;
bottom: 0;
background: #ededed;
width: 1px;
}
.tm-grid-group.style-border .grid-item:last-child:after, .tm-grid-group.style-border-02 .grid-item:last-child:after {
display: none;
}
.tm-grid-group.style-short-separator {
overflow: hidden;
}
.tm-grid-group.style-short-separator .grid-item:after {
position: absolute;
content: '';
right: -15px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 100px;
background: #d1d9df;
width: 1px;
}
.tm-grid-group.style-short-separator .grid-item:last-child:after {
display: none;
}
.tm-grid-group.style-border-02 .grid-item:after {
background: rgba(46, 50, 138, 0.1);
}
.tm-grid-group.style-border-03, .tm-grid-group.style-border-04 {
overflow-y: hidden;
}
.tm-grid-group.style-border-03 .modern-grid, .tm-grid-group.style-border-04 .modern-grid {
grid-gap: 0 !important;
border-right: 1px solid #ededed;
}
.tm-grid-group.style-border-03 .grid-item, .tm-grid-group.style-border-04 .grid-item {
padding-top: 100px;
padding-bottom: 100px;
}
.tm-grid-group.style-border-03 .grid-item:before, .tm-grid-group.style-border-04 .grid-item:before {
position: absolute;
content: '';
left: 0;
top: 0;
bottom: 0;
background: #ededed;
width: 1px;
}
.tm-grid-group.style-border-03 .grid-item:after, .tm-grid-group.style-border-04 .grid-item:after {
position: absolute;
content: '';
top: -1px;
left: 0;
right: 0;
background: #ededed;
height: 1px;
}
.tm-grid-group.style-border-03 .grid-item {
position: relative;
}
.tm-grid-group.style-border-04 .grid-item {
padding-top: 25px;
padding-bottom: 25px;
}
.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;
}
.tm-grid-group.style-modern-metro-3-columns .modern-grid {
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
}
.tm-grid-group.style-modern-metro-3-columns .grid-item {
-ms-grid-column: span 12;
grid-column: span 12;
}
.tm-grid-group.style-dashed-inner .tm-grid {
position: relative;
}
.tm-grid-group.style-dashed-inner .tm-grid:before {
position: absolute;
content: '';
left: 0;
top: 0;
bottom: 0;
width: 1px;
background-image: -webkit-linear-gradient(top, #ccc 58.33333%, transparent 0%);
background-image: linear-gradient(to bottom, #ccc 58.33333%, transparent 0%);
background-position: left top;
background-size: 100% 8px;
background-repeat: repeat-y;
}
.tm-grid-group.style-dashed-inner .tm-grid:after {
position: absolute;
content: '';
right: 0;
left: 0;
top: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, #ccc 58.33333%, transparent 0%);
background-image: linear-gradient(to right, #ccc 58.33333%, transparent 0%);
background-position: left bottom;
background-size: 8px 100%;
background-repeat: repeat-x;
}
.tm-grid-group.style-dashed-inner .grid-item:hover {
z-index: 1;
}
.tm-grid-group.style-dashed-inner .grid-item:before {
position: absolute;
content: '';
right: 0;
top: 0;
bottom: 0;
width: 1px;
background-image: -webkit-linear-gradient(top, #ccc 58.33333%, transparent 0%);
background-image: linear-gradient(to bottom, #ccc 58.33333%, transparent 0%);
background-position: left top;
background-size: 100% 8px;
background-repeat: repeat-y;
}
.tm-grid-group.style-dashed-inner .grid-item:after {
position: absolute;
content: '';
right: 0;
left: 0;
bottom: -1px;
height: 1px;
background-image: -webkit-linear-gradient(left, #ccc 58.33333%, transparent 0%);
background-image: linear-gradient(to right, #ccc 58.33333%, transparent 0%);
background-position: left bottom;
background-size: 8px 100%;
background-repeat: repeat-x;
}
@media (min-width: 768px) {
.tm-grid-group.style-modern-metro-3-columns .grid-item {
-ms-grid-column: span 6;
grid-column: span 6;
}
.tm-grid-group.style-modern-metro-3-columns .grid-item:nth-child(6n + 1), .tm-grid-group.style-modern-metro-3-columns .grid-item:nth-child(6n + 3) {
-ms-grid-column: span 6;
grid-column: span 6;
}
.tm-grid-group.style-modern-metro-3-columns .grid-item:nth-child(6n + 2) {
-ms-grid-column: span 6;
grid-column: span 6;
}
}
@media (min-width: 1200px) {
.tm-grid-group.style-modern-metro-3-columns .grid-item {
-ms-grid-column: span 4;
grid-column: span 4;
}
.tm-grid-group.style-modern-metro-3-columns .grid-item:nth-child(6n + 1), .tm-grid-group.style-modern-metro-3-columns .grid-item:nth-child(6n + 3) {
-ms-grid-column: span 3;
grid-column: span 3;
}
.tm-grid-group.style-modern-metro-3-columns .grid-item:nth-child(6n + 2) {
-ms-grid-column: span 6;
grid-column: span 6;
}
}
@-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;
-webkit-animation: separator-bounce 1.4s ease-in-out 0s infinite both;
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;
-webkit-animation-delay: -.16s;
animation-delay: -.16s;
}
.tm-separator.style-modern-dots .third-circle {
margin-top: 14px;
-webkit-animation-delay: -.32s;
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: 27px 30px 27px 50px;
font-weight: 500;
border-radius: 5px;
}
.tm-message-box .icon {
position: absolute;
top: 30px;
left: 20px;
font-size: 20px;
line-height: 1;
color: #222;
}
.tm-message-box.style-info {
color: #5b63fe;
background: rgba(91, 99, 254, 0.1);
}
.tm-message-box.style-info .icon {
color: inherit;
}
.tm-message-box.style-warning {
color: #fb0;
background: rgba(255, 187, 0, 0.1);
}
.tm-message-box.style-warning .icon {
color: inherit;
}
.tm-message-box.style-error {
background: rgba(254, 40, 84, 0.1);
color: #fe2854;
}
.tm-message-box.style-error .icon {
color: inherit;
}
.tm-message-box.style-success {
background: rgba(56, 203, 137, 0.1);
color: #38cb89;
}
.tm-message-box.style-success .icon {
color: inherit;
}
.tm-spacer {
clear: both;
}
.tm-attribute-list .list {
padding: 0;
margin: 0;
list-style-type: none;
}
.tm-attribute-list.style-01 .list {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
grid-gap: 54px 30px;
width: 100%;
}
.tm-attribute-list.style-01 .name h6 {
color: #333;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 0;
}
.tm-attribute-list.style-01 .value {
margin-top: 14px;
}
.tm-attribute-list.style-02 .list {
display: table;
width: 100%;
}
.tm-attribute-list.style-02 .item {
display: table-row;
}
.tm-attribute-list.style-02 .item div {
display: table-cell;
padding: 12px 0;
}
.tm-attribute-list.style-02 .content-wrap {
padding: 40px 30px;
background: #fff;
border: 1px solid #eee;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
border-radius: 10px;
}
.tm-attribute-list.style-02 .list {
border-collapse: collapse;
}
.tm-attribute-list.style-02 .item + .item {
border-top: 1px solid #eee;
}
.tm-attribute-list.style-02 .name h6 {
color: #333;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 0;
}
.tm-attribute-list.style-02 .value {
text-align: right;
}
.tm-widget-title.style-01 .widget-title {
font-size: 18px;
line-height: 1.67;
margin-bottom: 21px;
}
.tm-widget-title.style-02 .widget-title {
font-size: 18px;
font-weight: 600;
line-height: 1.67;
margin-bottom: 21px;
}
.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%;
}
.has-effect {
position: relative;
}
.grid-wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 25px;
right: 25px;
}
.grid-wrapper .line {
position: absolute;
top: 0;
bottom: 0;
width: 2px;
background: rgba(204, 204, 204, 0.25);
}
.grid-wrapper .line-1 {
left: 0;
}
.grid-wrapper .line-2 {
left: 33.33333%;
}
.grid-wrapper .line-3 {
left: 66.66666%;
}
.grid-wrapper .line-4 {
right: 0;
}
.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;
}
@media (min-width: 768px) {
.vc_column_container.vc_col-sm-15 {
float: left;
width: 20%;
}
}
.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 {
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
.vc_row-separator.tilt_right.top {
-webkit-transform: scale(-1, -1);
-ms-transform: scale(-1, -1);
transform: scale(-1, -1);
}
.vc_row-separator.tilt_right.bottom {
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.vc_row-separator.triangle.bottom {
-webkit-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
}
.vc_row-separator.big_triangle.bottom {
-webkit-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
}
.vc_row-separator.big_triangle_alt.top {
-webkit-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
}
.vc_row-separator.big_triangle_left.top {
-webkit-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
}
.vc_row-separator.big_triangle_right.top {
-webkit-transform: scale(-1);
-ms-transform: scale(-1);
transform: scale(-1);
}
.vc_row-separator.big_triangle_right.bottom {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.vc_row-separator.curve.top {
-webkit-transform: scale(-1);
-ms-transform: scale(-1);
transform: scale(-1);
}
.vc_row-separator.center_curve.bottom {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.vc_row-separator.center_curve_alt.top {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.vc_row-separator.clouds.top {
-webkit-transform: scale(-1);
-ms-transform: scale(-1);
transform: scale(-1);
}
.vc_row-separator.circle.bottom {
-webkit-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
}
.vc_row-separator.square {
width: auto;
left: 50%;
}
.vc_row-separator.square svg {
width: auto;
}
.vc_row-separator.square.top {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.vc_row-separator.square.bottom {
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.vc_progress_bar .vc_bar .vc_label_units {
display: none;
}
.vc_progress_bar.style-01 .vc_single_bar_wrapper + .vc_single_bar_wrapper {
margin-top: 38px;
}
.vc_progress_bar.style-01 .vc_single_bar_title {
margin-bottom: 5px;
}
.vc_progress_bar.style-01 .vc_single_bar_title .vc_label_units {
float: right;
}
.vc_progress_bar.style-01 .vc_label_text {
font-size: 18px;
}
.vc_progress_bar.style-01 .vc_label_units {
position: relative;
right: -40px;
font-weight: 500;
line-height: 2;
}
.vc_progress_bar.style-01 .vc_general.vc_single_bar {
height: 4px;
border-radius: 4px;
box-shadow: none;
background-color: #f5f7fd;
}
.vc_progress_bar.style-01 .vc_general.vc_single_bar .vc_label {
padding: 0;
}
.vc_progress_bar.style-01 .vc_general.vc_single_bar .vc_bar {
border-radius: inherit;
position: relative;
}
.vc_progress_bar.style-01 .vc_general.vc_single_bar .vc_bar:before, .vc_progress_bar.style-01 .vc_general.vc_single_bar .vc_bar:after {
content: '';
position: absolute;
right: -4px;
top: 50%;
border-radius: 50%;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.vc_progress_bar.style-01 .vc_general.vc_single_bar .vc_bar:before {
height: 30px;
width: 30px;
border: 1px solid currentColor;
opacity: .3;
}
.vc_progress_bar.style-01 .vc_general.vc_single_bar .vc_bar:after {
height: 13px;
width: 13px;
border: 3px solid currentColor;
}
.vc_progress_bar.style-02 .vc_single_bar_wrapper + .vc_single_bar_wrapper {
margin-top: 17px;
}
.vc_progress_bar.style-02 .vc_single_bar_title {
margin-bottom: 3px;
}
.vc_progress_bar.style-02 .vc_single_bar_title .vc_label_units {
display: none;
}
.vc_progress_bar.style-02 .vc_label_text {
font-size: 18px;
}
.vc_progress_bar.style-02 .vc_general.vc_single_bar {
height: 32px;
padding: 6px;
border-radius: 30px;
box-shadow: none;
background-color: #f2f2f2;
}
.vc_progress_bar.style-02 .vc_general.vc_single_bar .vc_label {
padding: 0;
}
.vc_progress_bar.style-02 .vc_general.vc_single_bar .vc_bar {
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
border-radius: inherit;
}
.vc_progress_bar.style-02 .vc_general.vc_single_bar .vc_bar .vc_label_units {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 8px;
display: block;
font-size: 12px;
font-weight: 500;
color: #fff;
line-height: 1.17;
}
.vc_progress_bar.style-03 .vc_single_bar_wrapper + .vc_single_bar_wrapper {
margin-top: 17px;
}
.vc_progress_bar.style-03 .vc_single_bar_title {
margin-bottom: 3px;
}
.vc_progress_bar.style-03 .vc_single_bar_title .vc_label_units {
display: none;
}
.vc_progress_bar.style-03 .vc_label_text {
font-size: 18px;
}
.vc_progress_bar.style-03 .vc_general.vc_single_bar {
height: 32px;
border: 2px solid #f2f2f2;
padding: 4px;
border-radius: 30px;
box-shadow: none;
background: none;
}
.vc_progress_bar.style-03 .vc_general.vc_single_bar .vc_label {
padding: 0;
}
.vc_progress_bar.style-03 .vc_general.vc_single_bar .vc_bar {
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
border-radius: inherit;
}
.vc_progress_bar.style-03 .vc_general.vc_single_bar .vc_bar .vc_label_units {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 8px;
display: block;
font-size: 12px;
font-weight: 500;
color: #fff;
line-height: 1.17;
}
.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: #fff;
}
.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: #666;
}
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a {
color: #fff;
}
.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: #666;
}
.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: #fff;
}
.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: #fff;
}
.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: #666;
}
.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: #fff;
}
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-flat .vc_tta-tab > a {
color: #fff;
}
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a {
color: #fff;
}
.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: #fff;
}
.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: #fff;
}
@media (min-width: 768px) {
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-classic .vc_tta-panels {
background-color: #f8f8f8;
}
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-classic .vc_tta-panels,
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-classic .vc_tta-panels:after,
.vc_tta-tabs.vc_tta-tabs.vc_tta-color-primary.vc_tta-style-classic .vc_tta-panels:before {
border-color: #f0f0f0;
}
}
.vc_general.vc_pagination.vc_pagination-shape-round .vc_pagination-item {
position: relative;
padding: 5px 10px;
}
.vc_general.vc_pagination.vc_pagination-shape-round .vc_pagination-trigger {
position: relative;
margin: 0 !important;
width: 16px;
height: 16px;
background: none;
opacity: 1;
}
.vc_general.vc_pagination.vc_pagination-shape-round .vc_pagination-trigger:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: rgba(109, 112, 166, 0.5);
border-radius: 50%;
}
.vc_general.vc_pagination.vc_pagination-shape-round .vc_pagination-trigger:hover:before {
width: 12px;
height: 12px;
}
.vc_general.vc_pagination.vc_pagination-shape-round .vc_active .vc_pagination-trigger:before {
height: 100%;
width: 100%;
box-shadow: 0 0 9px #ededed;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-tabs-list,
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body {
overflow: visible !important;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-01 .vc_tta-tabs-container, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-02 .vc_tta-tabs-container {
margin: 0;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-01 .vc_tta-tabs-list, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-02 .vc_tta-tabs-list {
margin: -15px;
text-align: center;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-01 .vc_tta-tab, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-02 .vc_tta-tab {
text-align: center;
margin: 15px;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-01 .vc_tta-tab > a, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-02 .vc_tta-tab > a {
font-size: 13px;
font-weight: 500;
line-height: 1.4;
text-transform: uppercase;
letter-spacing: 1px;
border: 1px solid #ededed !important;
background: #fff;
color: #696969;
padding: 21px 10px 19px;
min-width: 200px;
border-radius: 5px !important;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-01 .vc_tta-tab > a:before, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-01 .vc_tta-tab > a:after, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-02 .vc_tta-tab > a:before, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-02 .vc_tta-tab > a:after {
display: none !important;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-01 .vc_tta-panel-body, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-02 .vc_tta-panel-body {
margin: 30px 0 0;
padding: 0;
border: 0;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-01 .vc_tta-panel-title, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-02 .vc_tta-panel-title {
color: inherit;
font-size: 14px;
font-weight: 500;
line-height: 1.3;
text-transform: uppercase;
letter-spacing: 1px;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-01 .vc_tta-panel-title > a, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-02 .vc_tta-panel-title > a {
padding: 20px;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-01 .vc_tta-panel-heading, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-02 .vc_tta-panel-heading {
border: 1px solid #ededed !important;
background: #fff;
color: #696969;
border-radius: 5px !important;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-01 .vc_tta-panel-heading, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-02 .vc_tta-panel-heading {
margin: 0 !important;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-02 .vc_tta-tabs-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-02 .vc_tta-tabs-list li {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-03 .vc_tta-tabs-container {
margin: 0;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-03 .vc_tta-tabs-list {
margin: 0;
text-align: center;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-03 .vc_tta-tab {
margin: 0;
text-align: center;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-03 .vc_tta-tab > a {
font-size: 16px;
font-weight: 500;
line-height: 1.25;
border: 1px solid #ededed !important;
background: #fff;
color: #454545;
padding: 18px 10px 16px;
min-width: 160px;
border-radius: 0;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-03 .vc_tta-tab > a:before, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-03 .vc_tta-tab > a:after {
display: none !important;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-03 .vc_tta-tab:first-child > a {
border-top-left-radius: 5px !important;
border-bottom-left-radius: 5px !important;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-03 .vc_tta-tab:last-child > a {
border-top-right-radius: 5px !important;
border-bottom-right-radius: 5px !important;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-03 .vc_tta-tab.vc_active > a {
color: #fff;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-03 .vc_tta-panel-body {
margin: 30px 0 0;
padding: 0;
border: 0;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-03 .vc_tta-panel-title {
color: inherit;
font-size: 14px;
font-weight: 500;
line-height: 1.3;
text-transform: uppercase;
letter-spacing: 1px;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-03 .vc_tta-panel-title > a {
padding: 20px;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-03 .vc_tta-panel-heading {
border: 1px solid #ededed !important;
background: #fff;
color: #696969;
border-radius: 5px !important;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-03 .vc_tta-panel-heading {
margin: 0 !important;
}
@media (min-width: 768px) {
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-01 .vc_tta-panel-body, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-02 .vc_tta-panel-body, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-03 .vc_tta-panel-body {
margin-top: 80px;
}
}
.wpb-js-composer.wpb-js-composer .vc_tta.vc_general .vc_tta-panel.vc_animating .vc_tta-panel-body {
opacity: 0;
}
@media (max-width: 767px) {
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-01 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-02 .vc_tta-panel + .vc_tta-panel, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-03 .vc_tta-panel + .vc_tta-panel {
margin-top: 20px;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-01 .vc_tta-panel-body, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-02 .vc_tta-panel-body, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-03 .vc_tta-panel-body {
margin-bottom: 70px;
}
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-01 .vc_tta-panel:last-child .vc_tta-panel-body, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-02 .vc_tta-panel:last-child .vc_tta-panel-body, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-mitech-03 .vc_tta-panel:last-child .vc_tta-panel-body {
margin-bottom: 0;
}
}
.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 {
-webkit-transition: none;
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 {
font-size: 34px;
font-weight: 500;
margin-bottom: 27px;
}
.page-sidebar .page-sidebar-inner {
height: 100%;
}
.page-sidebar.wpb_widgetised_column {
padding-left: 0;
padding-right: 0;
}
@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: 44px 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 li a,
.widget_nav_menu li a,
.widget_pages li a,
.widget_recent_entries li a,
.widget_archive li a,
.widget_meta li a {
display: block;
padding: 5px 0;
}
.widget_categories li a,
.widget_product_categories li a {
display: block;
padding: 9px 0;
}
.insight-core-bmw ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_categories ul,
.widget_product_categories ul {
margin-left: 10px;
}
.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_archive li a,
.widget_categories li a,
.widget_product_categories li a {
position: relative;
text-transform: uppercase;
font-size: 14px;
line-height: 1.64;
font-weight: 500;
letter-spacing: 3px;
padding: 16px 40px 16px 0;
color: #ababab;
border-bottom: 1px solid #f0f2f7;
}
.widget_archive .count,
.widget_categories .count,
.widget_product_categories .count {
position: absolute;
top: 16px;
right: 0;
font-size: 12px;
font-weight: 700;
border-radius: 20px;
line-height: 1;
color: #fff;
padding: 5px 11px;
letter-spacing: 0;
}
.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;
}
.recentcomments a {
display: inline !important;
padding: 0 !important;
margin: 0 !important;
}
.widget_recent_entries .widget-title {
margin-bottom: 4px;
}
.widget_recent_entries li a {
position: relative;
font-size: 18px;
font-weight: 600;
padding: 16px 0 16px 30px;
}
.widget_recent_entries li a:before, .widget_recent_entries li a:after {
content: '\f30b';
position: absolute;
top: 22px;
left: 0;
}
.widget_recent_entries li a:before {
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.widget_recent_entries li a:hover:before {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.widget_recent_entries li a:hover:after {
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.widget_recent_entries li + li {
border-top: 1px solid #eee;
}
.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;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.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 5px 5px 0;
color: #223645;
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
background: none;
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.widget_search .search-submit:hover,
.widget_product_search .search-submit:hover {
color: #fff;
}
.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%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 1;
font-size: 14px;
}
.widget .tagcloud {
margin: -5px;
}
.widget .tagcloud a {
position: relative;
display: block;
float: left;
font-size: 13px !important;
font-weight: 500;
padding: 5px 14px;
background: #f5f5f5;
color: #ababab;
border: 0;
border-radius: 3px;
margin: 5px;
overflow: hidden;
}
.widget .tagcloud a:before {
border-radius: 4px;
z-index: -1;
}
.widget .tagcloud a:hover {
color: #fff;
background: transparent;
}
.widget_calendar .calendar_wrap {
overflow-x: auto;
}
.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 {
color: inherit;
}
.widget_rss .rss-widget-icon {
vertical-align: middle;
}
.widget_rss .rss-date {
display: block;
margin: 8px 0;
position: relative;
padding-left: 24px;
font-size: 13px;
}
.widget_rss .rss-date:before {
content: '\f133';
position: absolute;
top: 50%;
left: 0;
line-height: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.xdsoft_datetimepicker .xdsoft_timepicker {
width: 80px !important;
} p.inline-akash-image img {
float: left;
padding-right: 15px;
}